:root{--surface:#fff;--surface-2:#f7f7fb;--canvas:#f3f4f8;--text:#28283d;--muted:#88889e;--line:#e9e8ef;--accent:#7656d9;--accent-soft:#f0eafa;--shadow:0 3px 15px #26233e09,0 1px 3px #26233e06;--shadow-lg:0 16px 65px #22203920,0 3px 12px #22203908;--radius:13px;--yellow:#f8da72;--font:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;font-family:var(--font);font-size:14px;color:var(--text);background:var(--canvas);overscroll-behavior:none;-webkit-tap-highlight-color:transparent}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;user-select:none;-webkit-user-select:none}button:disabled{opacity:.36;cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button:hover:not(:disabled){background:var(--surface-2)}svg{display:block;flex-shrink:0}[data-icon]{display:inline-flex;align-items:center;justify-content:center}.hidden{display:none!important}.sr-only{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.glass{background:var(--surface);box-shadow:var(--shadow);border:1px solid var(--line);border-radius:var(--radius)}.divider{width:1px;align-self:center;height:24px;background:var(--line);flex-shrink:0;margin:0 2px}#app,#viewport{position:absolute;inset:0}#viewport{overflow:hidden;background:var(--canvas);touch-action:none}#scene,#interaction{position:absolute;inset:0;width:100%;height:100%}#interaction{outline:none;touch-action:none;z-index:1}#text-edit-layer{position:absolute;inset:0;pointer-events:none;z-index:4}.canvas-editor{position:absolute;pointer-events:all;resize:none;border:2px solid var(--accent);border-radius:3px;outline:none;box-shadow:0 0 0 4px #7656d91f;padding:15px;color:#25283d;line-height:1.38;transform-origin:top left;overflow:hidden;background:#fffdf1;caret-color:#7656d9}.boardbar{position:absolute;top:18px;left:20px;height:63px;display:flex;align-items:center;padding:8px 10px 8px 14px;gap:15px;z-index:8}.brand{padding:2px 0;gap:9px}.brand:hover{background:none!important}.brand-mark{width:33px;height:33px;background:var(--yellow);border-radius:9px;color:#2b293d;display:flex;align-items:center;justify-content:center}.brand-mark svg{width:27px;height:27px}.brand-name{font-size:24px;font-weight:780;letter-spacing:-1.25px;color:var(--text)}.brand-dot{color:var(--accent)}.board-identity{min-width:190px;max-width:330px;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.title-button{font-weight:600;font-size:13px;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:block;padding:0}.board-subtitle{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--muted);letter-spacing:.05px}.status-dot{height:5px;width:5px;background:#65ad8b;display:inline-block;border-radius:50%}.icon-button{height:36px;width:36px;border-radius:8px;padding:7px;flex-shrink:0}.icon-button.active,.tool-button.active{color:var(--accent);background:var(--accent-soft)!important}.primary-button{background:var(--accent);color:#fff;font-weight:600;padding:10px 17px;border-radius:8px;min-height:38px;font-size:13px}.primary-button:hover:not(:disabled){background:#6444c4}.secondary-button{border:1px solid var(--line);background:var(--surface);border-radius:8px;min-height:38px;padding:9px 13px;font-size:13px;font-weight:500}.secondary-button:hover{background:var(--surface-2)}.collabbar{position:absolute;top:18px;right:20px;min-height:63px;padding:9px;display:flex;gap:8px;align-items:center;z-index:8}.participants{display:flex;padding:0 6px}.avatar{border:2px solid var(--surface);height:33px;min-width:33px;border-radius:50%;background:#e7e0f7;color:#684caf;font-size:12px;font-weight:650;margin-left:-5px}.avatar:hover{background:#e1d4f8!important}.participants .avatar:first-child{margin-left:0}.workshopbar{position:absolute;right:20px;top:94px;display:flex;align-items:center;padding:4px 6px;gap:4px;z-index:7}.workshop-button{border-radius:7px;height:33px;gap:8px;padding:4px 9px;font-size:12px}.toolbar{position:absolute;top:50%;left:20px;transform:translateY(-43%);padding:7px 6px;display:flex;flex-direction:column;gap:4px;z-index:7}.tool-button{width:42px;height:40px;border-radius:8px;position:relative;color:#444259}.tool-button>svg{width:21px;height:21px}.tool-button .tool-extra{position:absolute;right:4px;bottom:4px;width:4px;height:4px;border-right:1px solid var(--muted);border-bottom:1px solid var(--muted)}.tool-separator{height:1px;background:var(--line);margin:4px 6px}.tool-button[data-tool=sticky]{color:#776224}.tool-button[data-tool=sticky]:not(.active)::before{content:'';position:absolute;background:#ffec9c;inset:10px 11px 9px;z-index:-1;border-radius:1px}.properties{position:absolute;top:96px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:4px;padding:5px 8px;z-index:10;max-width:calc(100vw - 30px)}.properties .icon-button{width:32px;height:32px}.properties select,.properties input[type=number]{border:0;background:var(--surface);height:32px;border-radius:6px;max-width:77px;font-size:12px;padding:5px}.properties .selection-count{color:var(--muted);font-size:11px;padding:4px 8px}.color-control{position:relative;width:29px;height:29px;border:1px solid #00000019;border-radius:50%;margin:0 3px;overflow:hidden;cursor:pointer;flex-shrink:0}.color-control input{position:absolute;inset:-6px;width:42px;height:42px;border:0;padding:0;cursor:pointer}.bottom-left{position:absolute;bottom:20px;left:20px;display:flex;align-items:center;gap:15px;z-index:7}.history-buttons{display:flex;align-items:center;padding:5px;gap:3px}.engine-badge{display:flex;align-items:center;gap:5px;color:#9694a5;font-size:10px;letter-spacing:.15px;cursor:help}.engine-badge>span:first-child{width:5px;height:5px;background:#8c7ab6;border-radius:50%}.bottom-right{position:absolute;bottom:20px;right:20px;z-index:7;display:flex;flex-direction:column;align-items:flex-end;gap:9px}.zoom-controls{display:flex;align-items:center;padding:5px;gap:3px}.zoom-controls #zoom-value{font-size:12px;width:51px;font-variant-numeric:tabular-nums;border-radius:7px;height:36px}.canvas-hint{position:absolute;bottom:36px;left:50%;transform:translateX(-50%);font-size:11px;letter-spacing:.1px;color:#9693a9;pointer-events:none;z-index:3}.minimap-wrap{padding:8px}.minimap-wrap canvas{width:240px;height:150px;display:block;cursor:crosshair;border-radius:7px}.sidepanel{position:absolute;right:20px;top:151px;bottom:86px;width:340px;z-index:12;display:flex;flex-direction:column;overflow:hidden}.panel-head{padding:20px 20px 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.panel-head h2{font-size:16px;letter-spacing:-.2px;margin:0}.panel-body{padding:18px 20px;overflow:auto;flex:1}.panel-body>p:first-child{margin-top:0}.muted{color:var(--muted);font-size:12px;line-height:1.65}.panel-footer{padding:15px 20px;border-top:1px solid var(--line);display:flex;gap:8px}.panel-footer>*{flex:1}.field-label{display:block;font-size:11px;font-weight:600;margin:15px 0 7px;color:var(--muted)}input[type=text],input[type=search],input[type=url],input[type=number],textarea,select{border:1px solid var(--line);border-radius:8px;padding:10px 12px;background:var(--surface);width:100%;outline-color:var(--accent)}textarea{resize:vertical;line-height:1.5;min-height:90px}.panel-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.panel-row:last-child{border:0}.panel-row strong{font-size:13px}.panel-row small{color:var(--muted);display:block;font-size:11px;margin-top:5px}.frame-row{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid var(--line);border-radius:9px;margin-bottom:8px;cursor:pointer;width:100%;text-align:left;justify-content:flex-start;white-space:normal}.frame-number{background:var(--accent-soft);border-radius:7px;display:flex;align-items:center;justify-content:center;height:32px;min-width:32px;color:var(--accent);font-size:12px;font-weight:600}.frame-row span:last-child{font-size:12px;line-height:1.5}.thread{border:1px solid var(--line);border-radius:10px;padding:14px;margin-bottom:12px}.thread-header{display:flex;align-items:center;gap:8px;font-size:11px}.thread-header time{color:var(--muted);margin-left:auto;font-size:10px}.thread p{font-size:13px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0}.thread-actions{display:flex;gap:10px}.text-button{padding:4px 0;font-size:11px;color:var(--accent);font-weight:500;justify-content:flex-start}.reply{padding-left:12px;margin:10px 0 0;border-left:2px solid var(--accent-soft)}.empty-state{padding:45px 15px;text-align:center;color:var(--muted);font-size:12px;line-height:1.8}.empty-state svg{margin:0 auto 15px;color:#a999cc}.popup{position:absolute;z-index:40;min-width:218px;max-height:80vh;overflow:auto;padding:6px;border-radius:10px;box-shadow:var(--shadow-lg)}.menu-item{width:100%;display:flex;align-items:center;gap:10px;justify-content:flex-start;text-align:left;border-radius:6px;padding:10px 11px;min-height:36px;font-size:12px}.menu-item svg{width:17px;height:17px;color:#8d88a0}.menu-item kbd{margin-left:auto;color:var(--muted);font-size:10px}.menu-separator{height:1px;background:var(--line);margin:5px}.danger{color:#cd5266}.modal-backdrop{position:fixed;inset:0;z-index:50;background:#24233545;backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:30px}.modal{background:var(--surface);border:1px solid var(--line);border-radius:19px;box-shadow:var(--shadow-lg);width:min(540px,100%);max-height:calc(100dvh - 60px);display:flex;flex-direction:column;overflow:hidden;animation:modal-in .15s ease-out}.modal.wide{width:min(1050px,100%)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:26px 28px 18px;gap:20px}.modal-head h2{margin:0;font-size:23px;letter-spacing:-.7px}.modal-body{padding:0 28px 28px;overflow:auto}.modal-footer{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);padding:17px 28px}.modal-subtitle{color:var(--muted);line-height:1.65;font-size:13px;margin-top:0;margin-bottom:23px}.share-hero{padding:25px 22px;background:linear-gradient(115deg,#f6f0ff,#fff8e3);border-radius:12px;margin:4px 0 22px;display:flex;align-items:center;gap:18px;color:#685296}.share-hero strong{display:block;font-size:16px;margin-bottom:7px;color:#393149}.share-hero small{color:#8a7e97;line-height:1.7}.share-line{display:flex;gap:9px;margin:12px 0}.share-line input{font-size:11px;flex:1;min-width:0}.share-line button{font-size:12px;flex-shrink:0}.permission-badge{font-size:10px;border-radius:4px;padding:3px 6px;background:var(--accent-soft);color:var(--accent)}.notice{font-size:12px;line-height:1.7;padding:12px 14px;border-radius:9px;background:var(--surface-2);color:var(--muted);margin:14px 0}.notice strong{color:var(--text)}.timer-display{font-size:68px;letter-spacing:-4px;font-variant-numeric:tabular-nums;text-align:center;padding:22px 0;color:var(--text)}.timer-presets{display:flex;gap:8px}.timer-presets button{flex:1}.timer-pill,.voting-pill{position:absolute;top:94px;left:20px;padding:11px 15px;display:flex;gap:10px;align-items:center;z-index:9;font-variant-numeric:tabular-nums;cursor:pointer;font-size:13px}.voting-pill{top:148px}.timer-pill strong{letter-spacing:1px}.reactions{display:flex;gap:8px;padding:10px}.reactions button{font-size:25px;height:41px;width:41px;border-radius:9px}.presentation-controls{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:16px;padding:8px 10px;z-index:30}.presentation-controls>span{font-size:13px;max-width:350px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.presenting .boardbar,.presenting .collabbar,.presenting .workshopbar,.presenting .toolbar,.presenting .bottom-left,.presenting .bottom-right,.presenting .canvas-hint,.presenting .properties,.presenting .sidepanel{display:none!important}kbd{font-family:var(--font);font-size:10px;padding:2px 5px;border:1px solid var(--line);border-radius:4px;font-weight:400}.shortcut-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 35px}.shortcut-row{display:flex;align-items:center;justify-content:space-between;font-size:12px;padding:12px 0;border-bottom:1px solid var(--line)}.shortcut-row kbd{background:var(--surface-2)}.template-filters{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 23px}.filter-chip{padding:7px 12px;border-radius:20px;border:1px solid var(--line);font-size:12px}.filter-chip.active{background:var(--accent-soft);border-color:var(--accent-soft);color:var(--accent)}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px 20px}.template-card{display:block;width:100%;text-align:left;white-space:normal;padding:0;border-radius:12px;overflow:hidden;border:1px solid var(--line);transition:transform .15s,box-shadow .15s;background:var(--surface)}.template-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.template-preview{height:150px;background:#f5f4f8;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.template-preview svg{position:absolute;width:90%;height:80%;left:5%;top:10%}.template-info{padding:16px}.template-info strong{font-size:13px;font-weight:600;display:block;margin-bottom:7px}.template-info p{font-size:11px;color:var(--muted);line-height:1.6;margin:0}.template-info>span{font-size:9px;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.6px;display:block;margin-bottom:8px}.dashboard-banner{border-radius:13px;background:linear-gradient(110deg,#ede7fa,#fff5d3);padding:26px 28px;margin-bottom:24px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:20px}.dashboard-banner h3{margin:0 0 8px;color:#373049;font-size:26px;letter-spacing:-.7px}.dashboard-banner p{color:#8b8198;font-size:12px;margin:0;line-height:1.6}.boards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.board-card{border:1px solid var(--line);border-radius:11px;overflow:hidden;position:relative}.board-card>button:first-child{display:block;width:100%;padding:0;text-align:left;white-space:normal}.board-thumbnail{height:151px;background:#f4f3f8;display:flex;align-items:center;justify-content:center;color:#c2b5da;overflow:hidden}.board-thumbnail img{width:100%;height:100%;object-fit:contain}.board-card-info{padding:14px}.board-card-info strong{display:block;font-size:12px;margin-bottom:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-card-info small{font-size:10px;color:var(--muted)}.board-card .delete-board{position:absolute;right:8px;top:8px;background:var(--surface);opacity:0}.board-card:hover .delete-board{opacity:1}.new-board-tile{min-height:214px;border:1px dashed #c8c0da;border-radius:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--accent);font-size:12px}.new-board-tile svg{width:30px;height:30px}.search-result{width:100%;text-align:left;justify-content:flex-start;border-radius:8px;white-space:normal;padding:10px;gap:12px;margin:4px 0}.result-swatch{width:32px;height:32px;border:1px solid #00000012;border-radius:6px;flex-shrink:0}.result-text{font-size:12px;line-height:1.5;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.result-type{font-size:9px;color:var(--muted);text-transform:uppercase;display:block;letter-spacing:.3px;margin-top:4px}.vote-result{padding:13px 0;border-bottom:1px solid var(--line);font-size:12px}.vote-result .vote-bar{height:5px;background:var(--accent-soft);border-radius:4px;margin-top:10px;overflow:hidden}.vote-result .vote-bar>div{height:100%;background:var(--accent)}.vote-result strong{float:right;color:var(--accent)}.table-editor{overflow:auto}.table-editor table{border-collapse:collapse;width:100%}.table-editor td{border:1px solid var(--line);min-width:120px;padding:4px}.table-editor input{border:0;padding:8px 6px;font-size:12px}.color-swatches{display:flex;gap:8px;flex-wrap:wrap;padding:12px}.color-swatch{width:29px;height:29px;border-radius:50%;border:1px solid #0000001a}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.form-grid .full{grid-column:1/-1}.toggle-row{display:flex;justify-content:space-between;align-items:center;padding:13px 0;font-size:12px}.toggle-row input{accent-color:var(--accent)}.loading{position:absolute;inset:0;z-index:100;background:var(--canvas);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:17px;transition:opacity .22s}.loading .brand-name{font-size:48px;letter-spacing:-3px}.loading>span{font-size:12px;color:var(--muted);letter-spacing:.2px}.loading-line{height:3px;width:125px;background:#e3dbf6;margin-top:18px;border-radius:5px;overflow:hidden}.loading-line::after{content:'';display:block;height:100%;width:45%;background:var(--accent);animation:loading 1s infinite ease-in-out}#toast{position:fixed;left:50%;bottom:87px;transform:translateX(-50%) translateY(15px);background:#302a44;color:#fff;border:1px solid #ffffff15;box-shadow:var(--shadow-lg);padding:13px 21px;border-radius:11px;font-size:12px;z-index:90;opacity:0;pointer-events:none;transition:.18s;max-width:90vw;text-align:center;line-height:1.6}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.dark{--surface:#2b2c3a;--surface-2:#333444;--canvas:#20222d;--text:#eceaf5;--muted:#aaa5ba;--line:#3c3b4e;--accent:#aa8cf4;--accent-soft:#433858;--shadow:0 3px 15px #00000022,0 1px 3px #00000015;--shadow-lg:0 16px 65px #00000055}.dark .primary-button{color:#211d30}.dark .tool-button{color:#d0cbdc}.dark .template-preview,.dark .board-thumbnail{background:#343340}.dark .share-hero,.dark .dashboard-banner{background:linear-gradient(110deg,#3e3450,#45402f)}.dark .share-hero strong,.dark .dashboard-banner h3{color:#f4eefc}.dark .share-hero small,.dark .dashboard-banner p{color:#c0b1cf}.dark .brand-mark{color:#2b293d}.dark .avatar{background:#5a437c;color:#f0dcff}.dark .canvas-hint{color:#8e859e}@keyframes loading{0%,100%{transform:translateX(-10px)}50%{transform:translateX(90px)}}@keyframes modal-in{from{transform:translateY(12px);opacity:.5}to{transform:translateY(0);opacity:1}}
@media(min-width:1800px){.boardbar,.collabbar{top:23px}.workshopbar{top:101px}}@media(max-width:1250px){.brand-name{display:none}.loading .brand-name{display:block}.board-identity{min-width:185px;max-width:240px}.boardbar{gap:10px}.canvas-hint{display:none}.engine-badge{display:none}.properties{top:147px}.workshopbar{top:93px}}@media(max-width:900px){.collabbar .desktop,.collabbar .present-button,.collabbar>.divider{display:none}.boardbar{left:12px;top:12px;height:57px}.board-identity{min-width:0;max-width:210px}.collabbar{right:12px;top:12px;min-height:57px;gap:3px;padding:7px}.workshopbar{right:12px;top:81px}.toolbar{left:12px}.sidepanel{right:12px;top:133px}.properties{left:90px;transform:none;top:135px;max-width:calc(100vw - 105px);flex-wrap:wrap}.boardbar .divider{display:none}.template-grid,.boards-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.boardbar{left:10px;right:113px;top:10px;gap:8px;padding:6px 6px 6px 10px;height:53px}.brand-mark{width:28px;height:28px;border-radius:7px}.brand-mark svg{width:24px;height:24px}.board-identity{flex:1;min-width:0;max-width:none}.title-button{font-size:11px;text-align:left;width:100%}.board-subtitle{font-size:8px}.boardbar>.icon-button{width:25px;padding:3px}.collabbar{right:10px;top:10px;min-height:53px;height:53px;padding:6px;gap:2px;border:0;box-shadow:none;background:none}.participants{display:none}.primary-button{padding:8px 11px;min-height:36px;font-size:12px}.collabbar .primary-button{height:40px;gap:6px}.collabbar svg{width:17px}.workshopbar{top:73px;right:10px;padding:3px;gap:0;border-radius:10px}.workshopbar .icon-button{width:31px;height:31px;padding:6px}.workshop-button{font-size:11px;padding:3px 6px;height:31px;gap:5px}.workshop-button svg{width:16px}.toolbar{top:auto;bottom:15px;left:10px;right:10px;transform:none;flex-direction:row;overflow:auto;padding:5px;gap:2px;border-radius:12px;scrollbar-width:none;padding-bottom:max(5px,env(safe-area-inset-bottom))}.tool-button{min-width:37px;height:38px;width:37px}.tool-separator{width:1px;height:28px;margin:5px 4px;flex-shrink:0}.bottom-left{left:10px;bottom:81px}.history-buttons{padding:3px;border-radius:10px}.history-buttons .icon-button{width:29px;height:29px}.history-buttons .divider{display:none}.history-buttons button:last-child{display:none}.bottom-right{right:10px;bottom:81px}.zoom-controls{padding:3px;gap:0;border-radius:10px}.zoom-controls .icon-button{width:28px;height:29px;padding:5px}.zoom-controls #zoom-value{height:29px;font-size:10px;width:39px}.zoom-controls button[data-action=help],.zoom-controls .divider{display:none}.zoom-controls button[data-action=minimap]{width:28px}.sidepanel{top:119px;left:10px;right:10px;bottom:126px;width:auto}.panel-head{padding:13px 16px}.panel-body{padding:13px 16px}.properties{top:118px;left:10px;max-width:calc(100vw - 20px);padding:4px;gap:1px;transform:none;border-radius:9px}.properties .selection-count{display:none}.properties .icon-button{width:28px;height:28px;padding:5px}.properties select{height:28px;max-width:65px;font-size:10px}.properties input[type=number]{height:28px;max-width:48px;font-size:11px}.properties .divider{margin:0 3px}.color-control{height:24px;width:24px}.properties .optional-prop{display:none}.modal-backdrop{padding:12px;align-items:center}.modal{max-height:calc(100dvh - 26px);border-radius:15px}.modal-head{padding:20px 18px 14px}.modal-head h2{font-size:21px}.modal-body{padding:0 18px 20px}.modal-footer{padding:13px 18px}.template-grid,.boards-grid{grid-template-columns:1fr 1fr;gap:13px}.template-preview{height:99px}.template-info{padding:11px}.template-info strong{font-size:11px}.template-info p{font-size:10px}.template-info>span{font-size:8px}.template-filters{gap:5px;margin-bottom:15px}.filter-chip{font-size:10px;padding:6px 9px}.dashboard-banner{padding:20px;flex-direction:column;align-items:flex-start;gap:16px}.dashboard-banner h3{font-size:25px}.dashboard-banner .primary-button{align-self:flex-start}.board-thumbnail{height:100px}.board-card-info{padding:10px}.board-card-info strong{font-size:10px}.board-card .delete-board{opacity:1;height:25px;width:25px}.new-board-tile{min-height:150px}.shortcut-grid{grid-template-columns:1fr}.share-line{flex-wrap:wrap}.share-line input{width:100%;flex-basis:100%;height:35px}.share-hero{padding:16px;gap:12px}.share-hero strong{font-size:14px}.timer-pill,.voting-pill{left:10px;top:73px;font-size:11px;padding:9px;gap:5px}.timer-pill svg,.voting-pill svg{width:15px}.voting-pill{top:113px}.presentation-controls{bottom:20px;max-width:calc(100vw - 20px);gap:4px;padding:5px}.presentation-controls>span{max-width:120px;font-size:10px}.presentation-controls .secondary-button{font-size:10px;padding:6px}.presentation-controls kbd{display:none}#toast{bottom:138px;min-width:220px}.form-grid{gap:0 10px}.minimap-wrap canvas{width:200px;height:125px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media print{#app>:not(#viewport),#modal-root,#popup,#toast{display:none!important}#viewport{position:fixed}html,body{overflow:visible}}

.canvas-hint{background:var(--canvas);border-radius:20px;padding:7px 12px;bottom:24px}

/* Character-level editor */
.rich-editor { white-space: pre-wrap; overflow-wrap: anywhere; overflow: auto; line-height: 1.38; color: #25283d; }
.rich-toolbar { position:absolute; display:flex; align-items:center; gap:3px; max-width:calc(100vw - 28px); flex-wrap:wrap; padding:5px; border:1px solid var(--line); border-radius:10px; background:var(--surface); box-shadow:0 8px 30px #19112b22; pointer-events:auto; z-index:70; }
.rich-toolbar button { min-width:30px; min-height:30px; border:0; border-radius:5px; background:transparent; color:var(--ink); cursor:pointer; }
.rich-toolbar button:hover { background:var(--hover); }
.rich-toolbar input[type=color] { width:28px; height:28px; border:0; background:transparent; padding:1px; }
.rich-toolbar input[type=url] { width:200px; }
/* Connected workspace: plain DOM, responsive layouts, no third-party UI runtime. */
.connected-launch { color:var(--accent,#7656b9); font-weight:650 }
.connected-hero { display:flex;align-items:center;gap:20px;padding:8px 0 28px }
.connected-symbol { flex:0 0 62px;height:62px;border-radius:18px;background:#ede6fb;color:#715399;font:650 50px/52px Georgia,serif;text-align:center }
.connected-symbol span { color:#b184b9 }
.connected-eyebrow { display:block;font-size:10px;font-weight:750;letter-spacing:1.8px;color:var(--muted);margin-bottom:8px }
.connected-hero h3 { margin:0 0 6px;font-size:22px;letter-spacing:-.6px;font-weight:650 }
.connected-hero p,.connected-section-head p { margin:0;color:var(--muted);font-size:13px;line-height:1.6 }
.connected-hero>.connection-state { margin-left:auto;flex-shrink:0 }
.connection-state { display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:11px;white-space:nowrap }
.connection-state i { width:6px;height:6px;background:#b3adbe;border-radius:50% }
.connection-state.online i { background:#699d7d }
.connected-tabs { display:flex;gap:3px;border-bottom:1px solid var(--line);padding-bottom:0;margin-bottom:24px;overflow:auto }
.connected-tabs button { border:0;background:transparent;color:var(--muted);padding:12px 13px;font-size:12px;white-space:nowrap;border-bottom:2px solid transparent }
.connected-tabs button.active { color:#805eb1;border-bottom-color:#9977bd;font-weight:700 }
.connected-body { min-height:250px; font-size:13px }
.connected-body h3 { font-size:17px;font-weight:650;margin:0 0 10px;letter-spacing:-.2px }
.connected-body p { line-height:1.6 }
.connected-error { background:#fff0ef;color:#983d38;border:1px solid #f1d3d0;border-radius:10px;padding:12px 15px;margin:0 0 18px;font-size:13px;line-height:1.6;overflow-wrap:anywhere }
.connected-two { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;margin:22px 0 }
.connected-field { display:block;margin:0 0 16px }
.connected-field>span { display:block;font-size:12px;font-weight:600;margin-bottom:8px }
.connected-field input,.connected-field select,.connected-field textarea { width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--text);padding:11px 12px;font:inherit }
.connected-field textarea { min-height:110px;resize:vertical;line-height:1.55 }
.connected-field input:focus,.connected-field select:focus,.connected-field textarea:focus { outline:2px solid #b7a0d6;outline-offset:2px }
.connected-actions { display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:14px 0 }
.connected-actions button { font-size:12px }
.connected-section-head { display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px }
.connected-section-head h3 { margin-bottom:5px }
.connected-space-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:16px 0 24px }
.connected-space,.connected-board { text-align:left;border:1px solid var(--line);background:var(--surface);color:var(--text);padding:19px;border-radius:13px;display:flex;flex-direction:column;align-items:start;gap:9px;min-height:142px;transition:transform .15s,border-color .15s }
.connected-space:hover,.connected-board:hover,.connection-card:hover { border-color:#b69bcf;transform:translateY(-2px) }
.connected-space>span { width:36px;height:36px;border-radius:10px;background:#eee7f9;color:#83629f;display:grid;place-items:center;font-weight:600;font-size:12px }
.connected-space small,.connected-board small { color:var(--muted);font-size:11px }
.connected-back { background:transparent;border:0;color:var(--muted);padding:0;margin-bottom:14px;font-size:12px }
.connected-details { border:1px solid var(--line);padding:17px;border-radius:12px;margin:22px 0 }
.connected-details summary { cursor:pointer;font-weight:600;font-size:13px }
.connected-details[open] summary { margin-bottom:20px }
.connected-members>div { display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid var(--line) }
.connected-members small { display:block;font-size:11px;color:var(--muted);margin-top:5px }
.connected-members select { color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:7px }
.connected-output { display:block;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;margin-top:12px;font-size:12px;color:var(--muted) }
.connected-account { display:flex;gap:20px;align-items:center;margin:15px 0 25px }
.connected-account p { margin:0;color:var(--muted) }
.account-avatar { display:grid;place-items:center;width:68px;height:68px;border-radius:50%;background:#e8def6;color:#7d5e9d;font-size:21px;font-weight:650 }
.connected-empty { text-align:center;padding:26px 0;color:var(--muted) }
.connected-empty>svg { margin-bottom:20px;color:#a58cbd }
.connected-empty h3 { color:var(--text) }
.connected-empty .primary-button,.connected-empty .secondary-button { display:inline-flex;margin-top:14px }
.connected-consent { display:flex;gap:11px;font-size:12px;line-height:1.55;margin:18px 0 }
.connected-consent input { flex:0 0 auto;width:16px;height:16px;accent-color:#9270bb;margin-top:2px }
.connected-selection { background:var(--surface-alt,#f7f5fa);border-radius:14px;padding:22px;max-height:360px;overflow:auto }
.connected-selection p { border-bottom:1px solid var(--line);padding:10px 0;font-size:12px;overflow-wrap:anywhere }
.ai-preview { border:1px solid var(--line);padding:22px;border-radius:15px;margin-top:28px }
.preserve-lines { white-space:pre-wrap }
.ai-node-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px }
.ai-node-grid article { padding:14px;background:#f0e8fb;color:#443252;border-radius:7px;min-height:100px }
.ai-node-grid small { font-size:10px;letter-spacing:.7px;text-transform:uppercase }
.ai-node-grid p { font-size:12px;margin:8px 0;white-space:pre-wrap }
.connection-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px }
.connection-card { background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:14px;text-align:left;padding:23px;transition:transform .15s,border-color .15s }
.connection-card strong { display:block;margin:14px 0 5px;font-size:15px }
.connection-card p { font-size:12px;color:var(--muted);margin:0 0 20px }
.provider-mark { display:grid;place-items:center;width:36px;height:36px;font-size:11px;font-weight:750;letter-spacing:1px;background:var(--surface-alt,#f3f1f6);border-radius:10px }
.provider-form { border-top:1px solid var(--line);padding-top:25px;margin-top:25px }
.diagnostic-list>div { display:flex;gap:17px;align-items:start;padding:15px 0;border-bottom:1px solid var(--line) }
.diagnostic-list small { display:block;color:var(--muted);font-size:12px;line-height:1.5;margin-top:5px }
.diagnostic-status { display:inline-block;min-width:84px;text-align:center;padding:5px 6px;border-radius:6px;text-transform:uppercase;letter-spacing:.7px;font-size:9px;background:var(--surface-alt,#f3f1f6);color:var(--muted) }
.diagnostic-status.pass { background:#e7f4eb;color:#417752 }
.diagnostic-status.fail { background:#fae8e7;color:#a04441 }
.diagnostic-status.pending,.diagnostic-status.unavailable { background:#fbf2db;color:#8a732f }
#pointer-pad { display:block;width:100%;height:180px;border:1px dashed var(--line);border-radius:10px;background:var(--surface) }
#pointer-results { display:block;margin-top:12px;color:var(--muted);font:12px monospace }
body.dark .connected-symbol,body.dark .account-avatar,body.dark .connected-space>span { background:#3c314d;color:#cfb2ec }
body.dark .connected-error { background:#3b292c;color:#f0b4b6;border-color:#663d44 }
body.dark .connected-tabs button.active { color:#c1a0e3 }
body.dark .ai-node-grid article { background:#3e344d;color:#ebdff7 }
@media(max-width:850px) { .connected-hero { gap:15px }.connected-hero h3{font-size:18px}.connected-hero>.connection-state{display:none}.connected-tabs button{padding:12px 9px}.connected-space-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workshopbar .connected-launch{padding:8px}.workshopbar .connected-launch span{display:none} }
@media(max-width:520px) { .connected-two{grid-template-columns:1fr;gap:18px}.connected-hero{align-items:start;padding:2px 0 20px}.connected-symbol{flex-basis:43px;height:43px;border-radius:13px;font-size:37px;line-height:35px}.connected-eyebrow{font-size:8px}.connected-hero h3{font-size:16px}.connected-hero p{font-size:11px}.connected-section-head{align-items:start;gap:12px;flex-direction:column}.connection-grid,.connected-space-grid{gap:10px}.connection-card{padding:15px}.connection-card .connection-state{font-size:9px;white-space:normal}.ai-node-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.connected-members>div{gap:8px}.diagnostic-status{min-width:67px}.diagnostic-list>div{gap:10px}.connected-consent{font-size:11px} }

.connected-empty > svg { margin: 0 auto 20px; }