:root{--accent: #0f6cbd;--accent-hover: #115ea3;--accent-soft: rgba(15, 108, 189, .12);--danger: #d13438;--bg: #faf9f8;--surface: #ffffff;--surface-2: #f3f2f1;--surface-3: #edebe9;--canvas: #f7f6f4;--border: #e1dfdd;--border-strong: #c8c6c4;--text: #242424;--text-secondary: #605e5c;--text-disabled: #a19f9d;--shadow-2: 0 1px 2px rgba(0, 0, 0, .12), 0 0 2px rgba(0, 0, 0, .06);--shadow-8: 0 3.2px 7.2px rgba(0, 0, 0, .13), 0 .6px 1.8px rgba(0, 0, 0, .1);--shadow-16: 0 6.4px 14.4px rgba(0, 0, 0, .13), 0 1.2px 3.6px rgba(0, 0, 0, .1);--shadow-64: 0 25.6px 57.6px rgba(0, 0, 0, .22), 0 4.8px 14.4px rgba(0, 0, 0, .18);--radius: 8px;--radius-lg: 12px;--font: "Segoe UI", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif}:root[data-theme=dark]{--accent: #479ef5;--accent-hover: #62abf5;--accent-soft: rgba(71, 158, 245, .16);--danger: #f1707b;--bg: #141414;--surface: #292929;--surface-2: #333333;--surface-3: #3d3d3d;--canvas: #1f1f1f;--border: #3d3d3d;--border-strong: #575757;--text: #f5f5f5;--text-secondary: #c8c6c4;--text-disabled: #757575;--shadow-2: 0 1px 2px rgba(0, 0, 0, .5);--shadow-8: 0 3.2px 7.2px rgba(0, 0, 0, .5);--shadow-16: 0 6.4px 14.4px rgba(0, 0, 0, .55);--shadow-64: 0 25.6px 57.6px rgba(0, 0, 0, .65)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--text);overflow:hidden;-webkit-font-smoothing:antialiased;overscroll-behavior:none}button{font-family:inherit;font-size:inherit;color:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:6px;border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-track{background:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:34px;padding:0 12px;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);color:var(--text);font-size:13.5px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .12s ease,border-color .12s ease,transform .06s ease}.btn:hover{background:var(--surface-2)}.btn:active{transform:translateY(.5px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent-hover)}.btn.ghost{border-color:transparent;background:transparent}.btn.ghost:hover{background:var(--surface-2)}.btn.danger{color:var(--danger);border-color:transparent}.btn.danger:hover{background:#d134381f}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid transparent;border-radius:var(--radius);background:transparent;color:var(--text);cursor:pointer;transition:background .12s ease,color .12s ease;flex-shrink:0}.icon-btn:hover{background:var(--surface-2)}.icon-btn.active{background:var(--accent-soft);color:var(--accent)}.icon-btn:disabled{color:var(--text-disabled);cursor:not-allowed;background:transparent}.divider{width:1px;height:22px;background:var(--border);margin:0 4px;flex-shrink:0}.field{height:34px;padding:0 10px;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);color:var(--text);font-family:inherit;font-size:13.5px;width:100%}.field:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:transparent}.tooltip-host{position:relative}.app{height:100%;display:flex;flex-direction:column;background:var(--bg)}.dashboard{height:100%;overflow-y:auto;display:flex;flex-direction:column}.dashboard-header{display:flex;align-items:center;gap:12px;padding:18px 28px;border-bottom:1px solid var(--border);background:var(--surface);position:sticky;top:0;z-index:3}.brand{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:700;letter-spacing:-.01em}.brand-mark{width:30px;height:30px;border-radius:7px;background:linear-gradient(135deg,var(--accent),#8764b8);color:#fff;display:grid;place-items:center}.dashboard-body{padding:26px 28px 60px;max-width:1400px;width:100%;margin:0 auto}.dashboard-title{font-size:26px;font-weight:700;margin:6px 0 4px}.dashboard-sub{color:var(--text-secondary);font-size:14px;margin:0 0 22px}.board-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}.board-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden;cursor:pointer;display:flex;flex-direction:column;text-align:left;padding:0;transition:box-shadow .15s ease,border-color .15s ease,transform .15s ease;position:relative}.board-card:hover{box-shadow:var(--shadow-16);border-color:var(--border-strong);transform:translateY(-2px)}.board-card.new{align-items:center;justify-content:center;min-height:208px;border-style:dashed;color:var(--accent);gap:8px;font-weight:600}.board-thumb{height:148px;background:var(--canvas);background-size:cover;background-position:center;border-bottom:1px solid var(--border);display:grid;place-items:center;color:var(--text-disabled);font-size:12.5px}.board-card-body{padding:12px 14px 14px}.board-card-name{font-size:14.5px;font-weight:600;margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-card-meta{font-size:12px;color:var(--text-secondary);display:flex;gap:8px;align-items:center}.card-actions{position:absolute;top:8px;right:8px;display:none;gap:4px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:2px;box-shadow:var(--shadow-8)}.board-card:hover .card-actions{display:flex}.card-actions .icon-btn{width:28px;height:28px}.empty-state{text-align:center;padding:70px 20px;color:var(--text-secondary)}.board-view{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.top-bar{height:52px;display:flex;align-items:center;gap:6px;padding:0 10px;background:var(--surface);border-bottom:1px solid var(--border);z-index:4;flex-shrink:0}.board-name-input{border:1px solid transparent;background:transparent;font-size:14.5px;font-weight:600;padding:6px 8px;border-radius:var(--radius);color:var(--text);max-width:260px;min-width:90px;font-family:inherit}.board-name-input:hover{background:var(--surface-2)}.board-name-input:focus{outline:2px solid var(--accent);background:var(--surface)}.spacer{flex:1}.stage{position:relative;flex:1;min-height:0;overflow:hidden}.board-canvas-wrap{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--canvas)}.board-canvas{display:block;touch-action:none}.text-editor{border:none;background:transparent;caret-color:var(--accent)}.text-editor:focus{outline:2px solid var(--accent)}.toolbar{position:absolute;left:50%;bottom:22px;transform:translate(-50%);display:flex;align-items:center;gap:2px;padding:6px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-16);z-index:6;max-width:calc(100vw - 32px);overflow-x:auto}.toolbar .icon-btn{width:38px;height:38px;border-radius:10px}.style-panel{position:absolute;left:50%;bottom:78px;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-16);z-index:6;flex-wrap:wrap;justify-content:center;row-gap:6px;max-width:min(1080px,calc(100vw - 32px))}.panel-group{display:flex;align-items:center;gap:5px}.panel-label{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-right:2px}.swatch{width:22px;height:22px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0;outline-offset:2px;box-shadow:inset 0 0 0 1px #0000001f}.swatch.active{border-color:var(--accent)}.swatch.square{border-radius:5px}.size-dot{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;border:1px solid transparent;background:transparent;cursor:pointer}.size-dot:hover{background:var(--surface-2)}.size-dot.active{background:var(--accent-soft)}.size-dot i{display:block;border-radius:50%;background:currentColor}.seg{display:inline-flex;border:1px solid var(--border-strong);border-radius:var(--radius);overflow:hidden}.seg button{border:none;background:var(--surface);padding:6px 9px;cursor:pointer;font-size:12.5px;font-weight:600;color:var(--text-secondary)}.seg button+button{border-left:1px solid var(--border)}.seg button.active{background:var(--accent-soft);color:var(--accent)}.zoom-bar{position:absolute;right:16px;bottom:22px;display:flex;align-items:center;gap:2px;padding:4px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-8);z-index:6}.zoom-value{min-width:52px;text-align:center;font-size:12.5px;font-weight:600;cursor:pointer;background:none;border:none;padding:6px 2px}.minimap{position:absolute;right:16px;bottom:74px;width:190px;height:130px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-8);overflow:hidden;z-index:5;cursor:pointer}.presence{display:flex;align-items:center}.avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:12px;font-weight:700;border:2px solid var(--surface);margin-left:-8px;flex-shrink:0}.avatar:first-child{margin-left:0}.live-dot{width:8px;height:8px;border-radius:50%;background:#107c41;margin-right:6px;box-shadow:0 0 0 3px #107c412e}.menu{position:fixed;min-width:216px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-64);padding:5px;z-index:40}.menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:7px 10px;border:none;background:transparent;border-radius:6px;font-size:13.5px;cursor:pointer;text-align:left;color:var(--text)}.menu-item:hover{background:var(--surface-2)}.menu-item:disabled{color:var(--text-disabled);cursor:not-allowed;background:transparent}.menu-item .shortcut{margin-left:auto;color:var(--text-secondary);font-size:11.5px}.menu-sep{height:1px;background:var(--border);margin:5px 4px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000006b;display:grid;place-items:center;z-index:50;padding:20px}.dialog{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-64);width:min(660px,100%);max-height:min(86vh,760px);display:flex;flex-direction:column;overflow:hidden}.dialog-head{display:flex;align-items:center;padding:16px 18px;border-bottom:1px solid var(--border)}.dialog-head h2{margin:0;font-size:17px;font-weight:700}.dialog-body{padding:18px;overflow-y:auto}.dialog-foot{display:flex;justify-content:flex-end;gap:8px;padding:14px 18px;border-top:1px solid var(--border)}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}.template-card{border:1px solid var(--border);border-radius:var(--radius);padding:0;background:var(--surface);cursor:pointer;overflow:hidden;text-align:left}.template-card:hover{border-color:var(--accent);box-shadow:var(--shadow-8)}.template-preview{height:96px;background:var(--surface-2);display:grid;place-items:center;color:var(--text-secondary)}.template-meta{padding:10px 12px 12px}.template-meta strong{display:block;font-size:13.5px;margin-bottom:3px}.template-meta span{font-size:11.5px;color:var(--text-secondary);line-height:1.4}.shortcut-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px 28px}.shortcut-row{display:flex;justify-content:space-between;gap:12px;padding:5px 0;font-size:13px;border-bottom:1px dashed var(--border)}kbd{font-family:var(--font);font-size:11.5px;font-weight:600;background:var(--surface-2);border:1px solid var(--border-strong);border-bottom-width:2px;border-radius:5px;padding:1px 6px;color:var(--text-secondary)}.toast{position:fixed;left:50%;bottom:96px;transform:translate(-50%);background:var(--text);color:var(--bg);padding:9px 16px;border-radius:20px;font-size:13px;font-weight:600;box-shadow:var(--shadow-16);z-index:60;animation:toast-in .18s ease}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--border);font-size:13.5px}.switch-row:last-child{border-bottom:none}.switch{width:40px;height:22px;border-radius:12px;border:1px solid var(--border-strong);background:var(--surface-2);position:relative;cursor:pointer;flex-shrink:0;transition:background .15s ease,border-color .15s ease}.switch:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--text-secondary);transition:transform .15s ease,background .15s ease}.switch.on{background:var(--accent);border-color:var(--accent)}.switch.on:after{transform:translate(18px);background:#fff}.room-code{font-family:Cascadia Mono,SF Mono,Menlo,monospace;font-size:15px;font-weight:600;letter-spacing:.02em}.hint{font-size:12.5px;color:var(--text-secondary);line-height:1.5}@media (max-width: 720px){.style-panel{bottom:74px}.minimap{display:none}.dashboard-body{padding:18px 14px 60px}}