@font-face{font-family:APSystem;src:local("Segoe UI");font-display:swap}
:root{font-family:APSystem,Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#252b43;background:#f8f9fc;font-synthesis:none;--primary:#4657e8;--primary-dark:#3645c6;--line:#e7e9f1;--muted:#81869b;--soft:#f0f2ff;--shadow:0 8px 28px #202a5110;--radius:12px}
*{box-sizing:border-box}body{margin:0;font-size:15px}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}button,a,input,select,textarea{outline-offset:4px}button:focus-visible,a:focus-visible{outline:2px solid var(--primary)}a{color:var(--primary);text-decoration:none}button{border:0;background:none}h1,h2,h3,h4,p{margin:0}h1{font-size:36px;letter-spacing:-1.2px;line-height:1.2;font-weight:650}h2{font-size:19px;font-weight:650;letter-spacing:-.35px}h3{font-size:16px;font-weight:650}h4{font-size:14px;margin:22px 0 12px}p{line-height:1.65}svg{flex-shrink:0;vertical-align:middle}button svg{pointer-events:none}img{max-width:100%}hr{border:0;border-top:1px solid var(--line);margin:23px 0}label{display:block;font-size:14px;font-weight:500;margin:16px 0}input,select,textarea{border:1px solid #dce0ed;border-radius:8px;background:#fff;padding:11px 13px;width:100%;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4657e818}input::placeholder,textarea::placeholder{color:#969aab}label input,label select,label textarea{margin-top:8px}textarea{resize:vertical;line-height:1.5}select{cursor:pointer}kbd{font-family:inherit;background:#f1f3f9;border:1px solid #e0e4ee;border-bottom-width:2px;border-radius:5px;padding:3px 7px;font-size:12px;white-space:nowrap}.muted{color:var(--muted)}.small{font-size:13px}.eyebrow{display:block;font-size:11px;font-weight:700;letter-spacing:1.8px;color:#969bb0;margin-bottom:13px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid #dfe3ed;background:#fff;padding:11px 17px;border-radius:8px;font-size:14px;font-weight:550;white-space:nowrap;transition:background .15s,box-shadow .15s}.btn:hover{background:#f6f7fc}.btn.primary{background:var(--primary);border-color:var(--primary);color:white;box-shadow:0 3px 6px #4657e818}.btn.primary:hover{background:var(--primary-dark)}.btn.wide{width:100%}.small-btn{padding:6px 10px;font-size:12px}.text-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;color:var(--primary);font-weight:550;padding:4px 0;font-size:14px}.text-btn:hover{text-decoration:underline}.text-btn.small{font-size:12px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:7px;color:#6e7590;flex-shrink:0}.icon-btn:hover,.icon-btn.active{background:#eef0ff;color:var(--primary)}.danger-text{color:#cf4564!important}.brand{display:flex;align-items:center;gap:10px;color:#202844;font-size:25px;font-weight:750;letter-spacing:-1px}.brand-light{font-weight:500}.logo{width:34px;height:34px;border-radius:10px;flex-shrink:0}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;width:35px;height:35px;background:color-mix(in srgb,var(--avatar) 13%,white);color:var(--avatar);font-size:12px;font-weight:700;flex-shrink:0;border:2px solid white}.boot{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:15px;flex-direction:column;color:var(--muted)}.boot img{width:52px}.boot strong{font-size:24px;color:#252b43}
/* Sign in */
.auth{display:grid;grid-template-columns:48% 52%;min-height:100vh;background:#fff}.auth-form{padding:40px 10%;display:flex;flex-direction:column}.auth-fields{max-width:380px;width:100%;margin:auto;padding:55px 0}.auth-fields h1{margin-bottom:15px;font-size:34px}.auth-fields>p{margin-bottom:29px}.auth-fields form{margin-top:20px}.auth-fields form .btn{margin-top:9px;justify-content:space-between;padding:14px 18px}.auth-form footer{font-size:12px;color:#a0a4b3}.auth-switch{margin-top:21px;font-size:13px;text-align:center}.auth-switch .text-btn{font-size:13px}.form-error{color:#c84057;font-size:13px;line-height:1.5;margin-bottom:8px}.auth-art{position:relative;overflow:hidden;background:#edf0ff;display:flex;flex-direction:column;justify-content:center;padding:55px 8%}.art-caption{position:relative;z-index:1}.badge{display:inline-block;font-size:10px;letter-spacing:1.7px;font-weight:700;color:#5b63a0;padding:8px 10px;border:1px solid #d0d5f1;border-radius:5px;margin-bottom:25px}.art-caption h2{font-size:45px;line-height:1.12;letter-spacing:-1.5px;color:#303653}.art-caption h2 span{color:var(--primary)}.art-caption p{margin-top:24px;color:#7e86a2}.art-board{position:relative;margin-top:55px;background:#fcfcff;width:110%;min-height:265px;border:1px solid #dde1f3;box-shadow:0 20px 45px #47539b14;border-radius:12px;transform:rotate(-5deg);padding:15px}.art-board .thumbnail{height:240px}.art-cursor{position:absolute;right:12%;top:62%;font-size:13px;color:var(--primary);font-weight:600}.art-sticker{position:absolute;bottom:2%;left:25%;background:#d8d5fb;padding:28px 25px;font-size:19px;color:#5d528f;transform:rotate(10deg);box-shadow:2px 6px 10px #47539b14;line-height:1.5}.art-footer{display:flex;justify-content:space-between;font-size:11px;color:#858eae;margin-top:70px;gap:10px}.art-footer span{color:#adb4d3}
/* Dashboard */
.dashboard{min-height:100vh;display:grid;grid-template-columns:242px 1fr}.sidebar{position:fixed;width:242px;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);padding:29px 18px 0;display:flex;flex-direction:column;z-index:5}.sidebar>.brand{margin:0 12px 36px}.workspace-switch{display:flex;align-items:center;gap:10px;padding:12px 9px;border:1px solid var(--line);border-radius:9px;margin-bottom:23px;text-align:left;width:100%}.workspace-switch>span:nth-child(2){flex:1;overflow:hidden}.workspace-mark{background:#f3edff;color:#826bb5;font-size:12px;font-weight:650;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;flex-shrink:0}.workspace-switch strong{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.workspace-switch small{font-size:10px;color:#969bad;display:block;margin-top:4px}.sidebar nav{display:flex;flex-direction:column;gap:4px}.sidebar nav button{display:flex;align-items:center;gap:11px;text-align:left;color:#777e94;font-size:13px;border-radius:7px;padding:11px 13px}.sidebar nav button.active{color:var(--primary);background:#eff1ff;font-weight:600}.sidebar nav button:hover{background:#f5f6fc}.sidebar nav svg{width:18px;height:18px}.nav-label{font-size:9px;letter-spacing:1.4px;font-weight:650;color:#adb1c0;margin:29px 13px 13px}.sidebar-bottom{margin-top:auto}.space-note{background:#f8f9ff;border:1px solid #eceffc;border-radius:10px;margin:30px 3px 23px;padding:16px}.space-symbol{font-size:27px;line-height:1;color:#6774dc;margin-bottom:10px}.space-note strong{font-size:12px;color:#6f769a;font-weight:550}.space-note p{font-size:11px;color:#9da2b7;line-height:1.7;margin-top:7px}.profile{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding:17px 0 20px;text-align:left;width:100%}.profile>span:nth-child(2){flex:1;overflow:hidden}.profile strong{display:block;font-size:12px;font-weight:600}.profile small{display:block;font-size:10px;color:#9ba0b1;margin-top:4px}.profile svg{color:#9299ad}.main{grid-column:2;min-width:0}.dash-header{height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px;background:#fff}.crumb{font-size:12px;color:#9ca1b3;display:flex;gap:15px;align-items:center}.crumb strong{font-weight:500;color:#656d86}.crumb span{color:#d3d6e2}.header-actions{display:flex;align-items:center;gap:20px}.dash-content{padding:43px 42px 20px;max-width:1540px;margin:auto}.page-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:36px}.page-title h1{font-size:31px;margin-bottom:12px}.page-title .eyebrow{font-size:9px;letter-spacing:1.65px;margin-bottom:13px}.page-title p{font-size:13px}.page-title .btn{padding:12px 17px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.section-heading h2{font-size:15px;font-weight:600}.section-heading .text-btn{font-size:12px}.template-section{padding-bottom:32px;border-bottom:1px solid var(--line);margin-bottom:23px}.template-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:17px}.template-card{text-align:left;padding:0;min-width:0}.template-preview{height:117px;background:var(--tint,#eef1fc);border:1px solid #202a5105;border-radius:8px;overflow:hidden;padding:7px;display:flex;align-items:center;justify-content:center;transition:transform .18s,box-shadow .18s}.template-preview .thumbnail{background:#ffffff85;border-radius:4px;width:94%;height:87%;padding:6px;box-shadow:0 3px 10px #3036500a}.template-card:hover .template-preview{transform:translateY(-3px);box-shadow:var(--shadow)}.template-card>span,.template-card>strong{display:block;font-size:12px;font-weight:600;margin-top:12px}.template-card>small{display:block;color:#a0a5b8;font-size:10px;margin-top:5px}.blank-plus{display:flex;border-radius:50%;background:#fff9;width:42px;height:42px;align-items:center;justify-content:center;color:#717ecc}.boards-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:23px}.board-tabs{display:flex;align-items:center;gap:23px}.board-tabs button{padding:10px 0;font-size:12px;color:#a1a6b9}.board-tabs button.active{color:#3c4463;font-weight:650}.board-tabs span{font-size:10px;background:#e9ecf6;color:#7b839c;padding:2px 5px;border-radius:5px;margin-left:5px}.board-controls{display:flex;align-items:center;gap:12px}.search{display:flex;align-items:center;color:#b0b5c5;border:1px solid #e3e6ee;border-radius:7px;padding:0 10px;margin:0;background:white}.search input{background:none;width:145px;padding:9px 8px;font-size:11px;margin:0;border:0;box-shadow:none}.board-controls select{border:1px solid #e3e6ee;border-radius:7px;font-size:11px;padding:9px;width:auto;color:#8c92a7}.board-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.board-card{position:relative;background:#fff;border:1px solid #e4e7ef;border-radius:10px;transition:box-shadow .15s,transform .15s;overflow:hidden}.board-card:hover{box-shadow:0 6px 24px #333d6410;transform:translateY(-2px)}.board-open{display:block;width:100%;text-align:left;padding:0}.board-preview{height:185px;background-color:#f3f5fa;background-image:radial-gradient(#d3d8e5 .7px,transparent .7px);background-size:13px 13px;border-bottom:1px solid #e9ecf3;display:flex;align-items:center;justify-content:center;padding:20px}.thumbnail{display:block;width:100%;height:100%;overflow:visible}.board-info{padding:18px 18px 19px}.board-info h3{font-size:13px;margin-bottom:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:46px}.board-info p{font-size:10px;color:#a1a7ba}.board-info p span{padding:0 5px;color:#c2c6d3}.board-role{display:inline-flex;margin-top:13px;padding:3px 6px;font-size:9px;border:1px solid #eaecf4;border-radius:4px;color:#9aa2b8}.card-actions{position:absolute;right:9px;bottom:74px;display:flex;gap:0}.card-actions .icon-btn{width:27px;height:27px}.is-favorite{color:#ddae45}.is-favorite svg{fill:#fff1bb}.empty-preview{color:#a7aec2;font-size:11px}.empty-state{grid-column:1/-1;display:flex;align-items:center;flex-direction:column;padding:55px 25px;gap:15px;color:#a0a7bc;border:1px dashed #d8ddea;border-radius:12px}.empty-state h3{color:#6d7794}.empty-state p{font-size:13px}.dash-footer{display:flex;justify-content:space-between;font-size:10px;color:#b6bbcc;padding-top:45px;margin-top:10px}.footer-dot{margin:0 9px}
/* Shared dialogs */
dialog{border:1px solid #e6e9f1;border-radius:16px;padding:0;width:min(510px,calc(100vw - 36px));max-height:88vh;box-shadow:0 30px 100px #16204735;background:#fff;color:var(--text);overflow:auto}dialog::backdrop{background:#141c4055;backdrop-filter:blur(3px)}dialog>header{display:flex;align-items:center;justify-content:space-between;padding:22px 25px 15px;gap:10px;border-bottom:1px solid #eef0f6;position:sticky;top:0;background:#fff;z-index:3}dialog>header h2{font-size:19px;line-height:1.3}.modal-body{padding:22px 25px 27px}.modal-body>p+p{margin-top:16px}.modal-body>p{font-size:14px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.dialog-template-preview{height:165px;border-radius:8px;background:#f4f6fc;padding:15px}.option-list{display:flex;flex-direction:column;gap:5px}.option{display:flex;align-items:center;gap:12px;padding:14px 12px;text-align:left;border-radius:8px;width:100%;font-size:14px}.option:hover{background:#f3f5fc}.option>span{flex:1}.option strong{display:block;font-weight:550}.option small{display:block;font-size:12px;color:#949aaf;margin-top:5px}.option svg{color:#8993ac}.wide-dialog{width:min(850px,calc(100vw - 36px))}.template-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:15px}.template-gallery .template-card>small{line-height:1.5;font-size:12px}.template-gallery .template-card>strong{font-size:14px}.template-gallery .template-preview{height:155px}.template-gallery .template-option{background:#f8f9fd;min-height:90px;border-radius:7px}.template-option small{font-size:11px;line-height:1.5}.member-list{display:flex;flex-direction:column;gap:4px}.member{display:flex;gap:10px;align-items:center;border-bottom:1px solid #f0f2f8;padding:11px 0}.member>span:not(.avatar){flex:1;min-width:0}.member strong{font-size:13px;display:block;overflow-wrap:anywhere}.member small{font-size:11px;color:#8f96aa;display:block;margin-top:4px;overflow-wrap:anywhere}.member select{width:auto;max-width:140px;font-size:11px;padding:6px}.profile-summary{display:flex;align-items:center;gap:15px;margin-bottom:25px}.profile-summary .avatar{width:50px;height:50px;font-size:17px}.profile-summary p{font-size:12px;color:var(--muted);margin-top:5px}#toasts{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);z-index:2147483647;display:flex;flex-direction:column;align-items:center;gap:10px;pointer-events:none;max-width:90vw;width:max-content}.toast{background:#303950;color:#fff;border-radius:9px;font-size:13px;padding:13px 20px;box-shadow:0 6px 25px #20284030;max-width:620px;line-height:1.5;animation:toast-in .2s}.toast.error{background:#9f3955}@keyframes toast-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
/* Canvas editor */
.board-app{position:fixed;inset:0;overflow:hidden;background:#f6f7fb}.canvas{position:absolute;inset:0;overflow:hidden;touch-action:none;user-select:none;background-image:radial-gradient(#cbd1e0 1px,transparent 1px);background-size:24px 24px;outline:none}.canvas.no-grid{background-image:none}.stage{position:absolute;left:0;top:0;width:0;height:0;transform-origin:0 0;isolation:isolate}.connections{position:absolute;left:0;top:0;width:1px;height:1px;overflow:visible;z-index:2}.connection{pointer-events:stroke;cursor:pointer}.connection path{pointer-events:stroke}.connection text{pointer-events:all}.object{position:absolute;display:flex;align-items:center;justify-content:center;transform-origin:center;cursor:move;border-radius:2px;background:var(--fill);color:#30334a;line-height:1.4;outline:none}.object.selected{outline:2px solid var(--primary);outline-offset:3px}.object.search-hit{outline:3px solid #dfae20}.object.locked{cursor:default}.object .node-text{width:100%;max-height:100%;padding:18px;white-space:pre-wrap;overflow:hidden;overflow-wrap:anywhere;text-align:center;pointer-events:none}.object-sticky{box-shadow:2px 5px 7px #252e4c10}.object-sticky:after{content:"";position:absolute;right:0;bottom:0;width:18px;height:18px;background:linear-gradient(135deg,#00000005 50%,#ffffff4a 51%)}.object-text{background:transparent;align-items:flex-start;justify-content:flex-start}.object-text .node-text{text-align:left;padding:2px}.object-shape{border:2px solid var(--stroke)}.object-shape.shape-round{border-radius:24px}.object-shape.shape-ellipse{border-radius:50%}.object-shape.shape-diamond{background:none;border:none}.object-shape.shape-diamond:before{content:"";position:absolute;inset:0;background:var(--stroke);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);z-index:-1}.object-shape.shape-diamond:after{content:"";position:absolute;inset:3px;background:var(--fill);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);z-index:-1}.shape-diamond .node-text{width:78%;font-size:.9em}.object-frame{background:var(--fill);border:1px solid #c4cad9;border-radius:5px;box-shadow:0 8px 20px #323d6705}.frame-title{position:absolute;top:-34px;left:0;font-size:19px;font-weight:600;color:#8891a8;white-space:nowrap;max-width:100%;overflow:hidden}.object-image{background:none;border:1px solid #d5daea;border-radius:3px}.object-image img{width:100%;height:100%;object-fit:contain;pointer-events:none}.object-draw{background:none;pointer-events:auto}.object-draw svg{width:100%;height:100%;overflow:visible}.object-card{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;background:#fff;border:1px solid #dce1eb;border-radius:8px;box-shadow:0 3px 7px #2536530a;padding:18px}.object-card .node-text{padding:10px 0;text-align:left;font-size:.9em;flex:1}.card-status{font-size:12px;font-weight:600;color:#7b849f;border-radius:4px;background:#eff2f8;padding:4px 7px;align-self:flex-start}.card-assignee{display:flex;gap:6px;font-size:13px;color:#979fb2;align-items:center}.object-file{border:1px solid #dbe1ef;border-radius:8px;background:#fff}.file-object{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px;width:100%}.file-object>svg{color:#7485cc}.file-object strong{font-size:16px;overflow-wrap:anywhere;max-width:100%;text-align:center}.file-object a{font-size:12px;display:flex;align-items:center;gap:8px}.node-editor{position:absolute;inset:0;width:100%;height:100%;font:inherit;text-align:center;line-height:inherit;resize:none;border:0;padding:18px;border-radius:0;background:var(--fill);outline:2px solid var(--primary);box-shadow:none!important;margin:0;z-index:10}.object-text .node-editor{text-align:left;padding:2px;background:#fff}.resize-handle{position:absolute;right:-7px;bottom:-7px;width:10px;height:10px;background:white;border:2px solid var(--primary);cursor:nwse-resize;z-index:20}.lock-mark{position:absolute;top:-24px;right:0;background:#fff;border-radius:4px;padding:1px 4px;color:#8b93aa;display:flex;align-items:center}.node-link{position:absolute;top:7px;right:7px;color:#858fa6}.node-votes{position:absolute;bottom:-15px;left:10px;border:1px solid #e4d8eb;border-radius:20px;background:white;font-size:12px;padding:3px 7px;display:flex;align-items:center;gap:4px;color:#a085aa}.node-votes.voted{background:#ffe1ec;border-color:#e7a3be;color:#c94d79}.comment-pin{position:absolute;width:31px;height:31px;border-radius:50% 50% 50% 0;background:#f6af2f;color:#fff;font-size:12px;font-weight:700;box-shadow:0 2px 5px #70510b22;z-index:2147483646;border:2px solid white}.board-header{position:absolute;top:14px;left:16px;right:16px;display:flex;justify-content:space-between;gap:14px;pointer-events:none;z-index:20}.board-heading,.board-actions{background:#fff;box-shadow:0 2px 12px #27355c0d;border:1px solid #e5e8f0;border-radius:10px;display:flex;align-items:center;gap:8px;padding:9px;pointer-events:auto}.board-heading{max-width:55vw;min-width:0}.board-heading .logo{width:30px;height:30px;border-radius:8px}.title-wrap{padding:0 12px;min-width:0}#board-title{display:block;font-size:13px;font-weight:650;max-width:330px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:1px 0;text-align:left}.save-status{display:block;font-size:10px;color:#9aa3b4;margin-top:5px}.save-status.offline{color:#c08949}.board-actions{gap:5px}.board-actions .btn{font-size:12px;padding:10px 13px;margin-left:5px}.presence{display:flex;padding:0 6px 0 3px;max-width:170px;overflow:hidden}.presence .avatar{width:31px;height:31px;font-size:10px;margin-left:-7px;flex-shrink:0}.presence .avatar:first-child{margin-left:0}.header-divider{width:1px;height:24px;background:#edf0f6;margin:0 6px}.toolbox{position:absolute;left:16px;top:50%;transform:translateY(-46%);padding:7px;background:#fff;border:1px solid #e2e6f0;box-shadow:0 4px 16px #27355c0c;border-radius:12px;display:flex;flex-direction:column;gap:2px;z-index:15}.tool-btn{width:39px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:7px;color:#65708a}.tool-btn:hover{background:#f4f5fc}.tool-btn.active{background:#edf0ff;color:var(--primary)}.tool-divider{height:1px;background:#e9ecf5;margin:7px 2px}.canvas[data-tool=hand],.canvas.panning{cursor:grab}.canvas[data-tool=draw],.canvas[data-tool=connector]{cursor:crosshair}.canvas[data-tool=sticky],.canvas[data-tool=shape],.canvas[data-tool=frame],.canvas[data-tool=comment]{cursor:crosshair}.canvas[data-tool=text]{cursor:text}.canvas.panning .object,.canvas[data-tool=hand] .object{cursor:grab}.zoom-bar{position:absolute;bottom:20px;right:20px;display:flex;align-items:center;padding:5px;background:white;border:1px solid #e4e8f2;border-radius:9px;box-shadow:0 2px 8px #27355c0a;z-index:15}.zoom-bar>span{width:1px;background:#e5e9f2;height:23px;margin:0 6px}.zoom-label{font-size:12px;width:55px;color:#6b7591}.board-bottom-left{position:absolute;bottom:21px;left:19px;display:flex;align-items:center;gap:13px;z-index:15;pointer-events:none}.board-bottom-left>button{background:#fff;border:1px solid #e4e8f2;box-shadow:0 2px 8px #27355c0a;pointer-events:auto}.board-bottom-left>span{font-size:10px;color:#9aa3b7;background:#f6f7fbbf;padding:5px;border-radius:5px}.inspector{position:absolute;right:20px;top:98px;width:238px;background:#fff;border:1px solid #e0e5ee;border-radius:10px;padding:14px;box-shadow:var(--shadow);z-index:14}.inspector[hidden]{display:none}.inspector-label{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;margin:-4px 0 10px}.inspector-label .icon-btn{width:23px;height:23px}.swatches{display:flex;gap:7px;align-items:center;padding-bottom:15px;border-bottom:1px solid #edf0f7;margin-bottom:10px}.swatch{width:20px;height:20px;border-radius:50%;border:1px solid #0000000c;flex-shrink:0;padding:0}.swatch.active{outline:2px solid var(--primary);outline-offset:2px}.custom-color{width:18px;height:18px;overflow:hidden;margin:0;border-radius:50%;border:1px solid #d9ddea;background:conic-gradient(red,yellow,lime,cyan,blue,magenta,red)}.custom-color input{opacity:0;width:100%;height:100%;padding:0;margin:0;cursor:pointer}.inspector-row{display:flex;align-items:center;gap:5px;margin:6px 0;font-size:12px}.inspector-row .icon-btn{width:33px;height:31px}.inspector-row select{width:60px;padding:6px;font-size:12px}.inspector-row label{margin:0}.inspector .rotation-input{width:47px;padding:5px;margin:0;font-size:12px;appearance:textfield}.inspector>label{font-size:11px;margin:7px 0}.inspector>label input,.inspector>label select{font-size:12px;padding:7px}.inspector-row .text-btn{flex:1;font-size:10px}.remote-cursor{position:absolute;pointer-events:none;color:var(--cursor);display:flex;align-items:flex-start;gap:0;z-index:10}.remote-cursor svg{fill:var(--cursor);color:white}.remote-cursor span{background:var(--cursor);color:white;padding:4px 7px;font-size:10px;border-radius:4px;margin-top:20px;white-space:nowrap}#cursors{position:absolute;inset:0;pointer-events:none;overflow:hidden}#marquee{position:absolute;display:none;border:1px solid #6677e9;background:#6677e91c;pointer-events:none;z-index:12}.side-panel{position:absolute;right:16px;top:88px;bottom:85px;width:330px;background:#fff;border:1px solid #e2e6f0;border-radius:10px;box-shadow:var(--shadow);z-index:16;overflow:hidden}.side-panel[hidden]{display:none}.side-panel>header{display:flex;align-items:center;justify-content:space-between;padding:14px 17px;border-bottom:1px solid #ecf0f7}.side-panel h3{font-size:14px}.panel-content{padding:18px;height:calc(100% - 64px);overflow:auto}.panel-content>.muted{font-size:13px}.panel-content label{margin-top:0;font-size:12px}.panel-content input{font-size:12px}.comment{padding:20px 0;border-bottom:1px solid #edf0f7}.comment.resolved{opacity:.55}.comment-author{display:flex;align-items:center;gap:8px}.comment-author .avatar{width:27px;height:27px;font-size:9px}.comment-author strong{font-size:11px}.comment-author small{font-size:9px;color:#a0a8bb;margin-left:auto}.comment p{font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:10px}.comment-actions{display:flex;justify-content:space-between;margin-top:10px}.comment-actions .small{font-size:10px}.history-item{display:flex;flex-direction:column;gap:7px;padding:14px 0;border-bottom:1px solid #edf0f5;font-size:12px;align-items:flex-start}.history-item small,.audit-item small{font-size:10px;color:#a0a8ba}.audit-item{display:flex;flex-direction:column;gap:5px;padding:13px 0;font-size:11px;border-bottom:1px solid #edf0f5}.audit-item span{color:#7f899f}.frame-number{max-width:24px;color:var(--primary);font-weight:600}.session-widgets{position:absolute;top:90px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:14;pointer-events:none}.session-pill{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid #e0e5f4;box-shadow:var(--shadow);padding:10px 15px;border-radius:8px;font-size:12px;color:#747fa0;pointer-events:auto;white-space:nowrap}.session-pill.expired{color:#cd5a4b;background:#fff4ef}.reactions{display:flex;justify-content:space-between;gap:10px}.reactions button{font-size:27px;padding:10px;border-radius:9px;background:#f5f6fb}.reactions button:hover{background:#edf0ff}#reaction-cloud{pointer-events:none;position:absolute;inset:0;overflow:hidden;z-index:30}.floating-reaction{position:absolute;bottom:0;font-size:55px;animation:float-up 3s forwards}@keyframes float-up{from{transform:translateY(0) rotate(-10deg);opacity:1}to{transform:translateY(-80vh) rotate(15deg);opacity:0}}#presentation-controls{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:15px;background:white;border:1px solid #e1e6f0;border-radius:10px;padding:8px;box-shadow:var(--shadow);z-index:30;font-size:13px;white-space:nowrap}#presentation-controls[hidden]{display:none}.presenting .toolbox,.presenting .board-header,.presenting .zoom-bar,.presenting .board-bottom-left,.presenting .inspector,.presenting .session-widgets{display:none}.shortcut-grid{display:grid;grid-template-columns:1fr auto;gap:12px;font-size:12px;align-items:center;margin-bottom:22px}#print-board{display:none}
@media(min-width:1600px){.board-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.template-preview{height:140px}.board-preview{height:210px}}
@media(max-width:1150px){.dashboard{grid-template-columns:205px 1fr}.sidebar{width:205px;padding-left:12px;padding-right:12px}.dash-content{padding:32px 27px}.dash-header{padding:0 27px}.template-strip{gap:12px}.template-preview{height:90px}.board-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-title h1{font-size:28px}.page-title>div>p{max-width:360px}.board-heading{max-width:46vw}.board-actions .icon-btn{width:29px}.presence{max-width:90px}.auth-art{padding:50px 9%}.art-caption h2{font-size:37px}}
@media(max-width:850px){.dashboard{grid-template-columns:74px 1fr}.sidebar{width:74px;padding:24px 12px}.sidebar>.brand{margin:0 6px 30px}.sidebar .brand>span,.workspace-switch,.nav-label,.space-note,.profile>span:nth-child(2),.profile>svg{display:none}.sidebar nav button{font-size:0;gap:0;justify-content:center;padding:13px}.sidebar nav{margin-bottom:20px}.sidebar nav button svg{width:20px;height:20px}.sidebar .brand .logo{width:33px;max-width:none}.profile{justify-content:center;padding-bottom:0}.template-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.template-strip>.template-card:last-child{display:none}.page-title{align-items:flex-start}.page-title>div>p{max-width:300px}.page-title .eyebrow{font-size:8px}.page-title .btn{font-size:12px;padding:10px}.auth{grid-template-columns:1fr}.auth-form{padding:35px 10%;min-height:100vh}.auth-fields{padding:40px 0}.auth-art{display:none}.board-actions .presence,.board-actions .header-divider,#timer,#present{display:none}.board-heading{max-width:55vw}.board-header{gap:7px;left:9px;right:9px}.board-heading .logo{display:none}.board-heading{padding:6px;gap:3px}.title-wrap{padding:0 5px}.board-actions{padding:6px}.board-actions .btn{font-size:11px}.board-actions .btn svg{display:none}.board-header .icon-btn{width:27px;height:31px}.toolbox{left:10px;padding:5px}.tool-btn{height:32px;width:33px}.inspector{width:220px;right:10px}.board-bottom-left>span{display:none}.side-panel{right:10px}.session-widgets{max-width:75vw}.session-pill{white-space:normal;font-size:11px}.board-preview{height:165px}}
@media(max-width:600px){.dash-header{height:66px;padding:0 18px}.dash-content{padding:28px 17px}.page-title{display:block;margin-bottom:30px}.page-title .btn{margin-top:18px}.page-title h1{font-size:27px}.page-title .eyebrow{font-size:7px;letter-spacing:1px}.page-title p{font-size:12px}.section-heading h2{font-size:13px}.section-heading .text-btn{font-size:10px}.template-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.template-preview{height:90px}.template-card>span{font-size:11px}.template-card>small{font-size:9px}.boards-toolbar{display:block}.board-controls{margin-top:10px}.search{flex:1;min-width:0}.search input{min-width:0;width:100%}.board-controls select{max-width:105px;font-size:10px}.board-grid{grid-template-columns:1fr;gap:17px}.board-preview{height:170px}.dash-footer{display:block;line-height:2}.dash-footer>span{display:block}.crumb{font-size:10px;gap:8px}.header-actions{gap:3px}.board-header .board-actions #find,.board-header .board-actions #comments{display:none}.board-heading{max-width:calc(100vw - 125px)}.board-actions .btn{margin-left:0}.board-heading .icon-btn{width:23px}#board-title{font-size:11px}.save-status{font-size:8px}.toolbox{top:92px;transform:none;max-height:calc(100vh - 175px);overflow-y:auto;gap:1px}.tool-btn{height:31px;min-height:31px;width:30px}.tool-btn svg{width:19px}.zoom-bar{bottom:15px;right:10px}.zoom-bar .icon-btn{width:28px}.board-bottom-left{bottom:18px;left:12px}.inspector{top:85px;width:213px;right:10px}.side-panel{width:calc(100vw - 80px);top:82px;bottom:78px}.session-widgets{top:auto;bottom:70px;max-width:calc(100vw - 100px);left:auto;right:10px;transform:none}.session-pill{padding:7px 9px}.template-gallery{gap:14px}.template-gallery .template-preview{height:100px}.modal-body{padding:18px 20px}.member select{max-width:100px}.member small{font-size:10px}#presentation-controls{max-width:95vw;gap:5px;font-size:10px}#presentation-controls>span{max-width:160px;overflow:hidden;text-overflow:ellipsis}.template-option{padding:8px}.template-option strong{font-size:12px}.template-option svg{display:none}}
@media print{body>*{display:none!important}body>#print-board{display:block!important;width:100%}#print-board img{width:100%;height:auto;max-height:95vh;object-fit:contain}@page{size:landscape;margin:10mm}}
@media(max-width:850px){.workspace-switch{display:flex;justify-content:center;padding:5px;border:0;margin-bottom:15px}.workspace-switch>span:nth-child(2),.workspace-switch>svg{display:none}.workspace-mark{font-size:10px;width:31px;height:31px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}