:root{--bg:#f7f7f5;--dot:#d6d6d0;--panel:#fff;--ink:#1e1e1e;--muted:#8a8a85;--line:#e6e6e1;--accent:#4f7cff;--accent-soft:#e8eeff;--shadow:0 1px 2px #0000000f, 0 6px 24px #00000014;--font:ui-sans-serif, -apple-system, "Inter", "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}html,body{overscroll-behavior:none;touch-action:manipulation}body{font-family:var(--font);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}.canvas{touch-action:none;-webkit-user-select:none;user-select:none;background-color:var(--bg);position:fixed;inset:0}.world{transform-origin:0 0;position:absolute;top:0;left:0}.world.moving{will-change:transform}.shape{position:absolute}.shape-bg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.shape-rect .shape-bg{border-radius:10px}.shape-sticky .shape-bg{border-radius:3px;box-shadow:0 1px 1px #0000000f,0 8px 18px -6px #0000002e}.shape-content{flex-direction:column;line-height:1.35;display:flex;position:absolute;inset:0;overflow:hidden}.shape-text{overflow-wrap:anywhere;white-space:pre-wrap}.shape-text .placeholder{color:var(--muted)}.md-h{font-weight:700}.md-h1{font-size:1.35em}.md-h2{font-size:1.15em}.md-li{text-align:left;gap:.45em;display:flex}.md-bullet,.md-box{flex:none}.md-todo.done>span:last-child{opacity:.55;text-decoration:line-through}.shape-text code{background:#00000012;border-radius:4px;padding:0 .25em;font-family:ui-monospace,Menlo,monospace;font-size:.88em}.text-editor{resize:none;width:100%;font:inherit;color:inherit;text-align:inherit;line-height:inherit;background:0 0;border:0;outline:0;margin:0;padding:0;display:block;overflow:hidden}.frame{pointer-events:none;border:1.5px solid;border-radius:12px;position:absolute}.frame-label{color:var(--muted);white-space:nowrap;pointer-events:auto;cursor:default;border-radius:6px;padding:2px 6px;font-size:14px;font-weight:600;position:absolute;bottom:calc(100% + 6px);left:4px}.frame-label:hover{color:var(--ink);background:#0000000d}.frame-label .text-editor{min-width:120px}.arrow-layer{pointer-events:none;width:1px;height:1px;position:absolute;top:0;left:0;overflow:visible}.arrow-hit{pointer-events:stroke;cursor:pointer}.arrow-label{background:var(--bg);white-space:nowrap;color:var(--ink);border-radius:6px;padding:2px 8px;position:absolute;transform:translate(-50%,-50%)}.arrow-label .text-editor{text-align:center;min-width:80px}@keyframes ai-glow{0%{filter:drop-shadow(0 0 #7c5cff00)}25%{filter:drop-shadow(0 0 10px #7c5cffe6)}to{filter:drop-shadow(0 0 #7c5cff00)}}.ai-flash,.ai-flash-stroke{animation:1.4s ease-out ai-glow}.overlay{pointer-events:none;position:absolute;inset:0}.sel-box{outline:1.5px solid var(--accent);outline-offset:2px;border-radius:4px;position:absolute}.sel-handles{position:absolute}.handle{border:1.5px solid var(--accent);pointer-events:auto;background:#fff;border-radius:3px;width:10px;height:10px;margin:-5px 0 0 -5px;position:absolute}.handle-nw{cursor:nwse-resize;top:-2px;left:-2px}.handle-n{cursor:ns-resize;top:-2px;left:50%}.handle-ne{cursor:nesw-resize;top:-2px;left:calc(100% + 2px)}.handle-e{cursor:ew-resize;top:50%;left:calc(100% + 2px)}.handle-se{cursor:nwse-resize;top:calc(100% + 2px);left:calc(100% + 2px)}.handle-s{cursor:ns-resize;top:calc(100% + 2px);left:50%}.handle-sw{cursor:nesw-resize;top:calc(100% + 2px);left:-2px}.handle-w{cursor:ew-resize;top:50%;left:-2px}.handle-end{cursor:move;border-radius:50%}.bind-box{outline:2px solid var(--accent);outline-offset:4px;background:#4f7cff0f;border-radius:8px;position:absolute}.marquee{background:#4f7cff14;border:1px solid #4f7cff99;border-radius:2px;position:absolute}.panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);z-index:10;touch-action:pan-x pan-y;border-radius:12px;position:fixed}.toolbar{gap:2px;padding:5px;display:flex;bottom:16px;left:50%;transform:translate(-50%)}.tool{cursor:pointer;color:#444;background:0 0;border:0;border-radius:8px;place-items:center;width:40px;height:40px;display:grid;position:relative}.tool:hover{background:#f1f1ee}.tool.active{background:var(--accent-soft);color:var(--accent)}.tool .kbd{color:var(--muted);font-size:9px;position:absolute;bottom:1px;right:3px}.style-panel{overscroll-behavior:contain;flex-direction:column;gap:12px;width:244px;max-height:calc(100dvh - 146px);padding:12px;display:flex;top:70px;right:16px;overflow-y:auto}.style-panel .sheet-toggle,.style-panel .touch-only{display:none}.section-label{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:6px;font-size:11px;font-weight:600}.swatches{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.swatch{cursor:pointer;border:1px solid #0000001f;border-radius:7px;width:26px;height:26px;padding:0}.swatch-ring{border-width:3px;background:#fff!important}.swatch.active{box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--accent)}.swatch-none{background-image:linear-gradient(135deg,#0000 45%,#e03131 45% 55%,#0000 55%)!important}.row{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.row+.row{margin-top:6px}.chip{cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;min-width:32px;height:32px;padding:0 8px;font-size:13px;font-weight:500;display:inline-grid}.chip:hover{background:#f1f1ee}.chip.active{background:var(--accent-soft);color:var(--accent)}.chip.danger:hover{color:#e03131;background:#ffe3e3}.chip svg{width:18px;height:18px}.sep{background:var(--line);width:1px;height:20px;margin:0 4px}.hint{color:var(--muted);font-size:12px}.zoom{align-items:center;padding:4px;display:flex;bottom:16px;right:16px}.zoom-pct{font-variant-numeric:tabular-nums;min-width:52px}.status{min-width:220px;padding:6px 12px;top:16px;left:16px}.status-row{align-items:center;gap:8px;display:flex}.folder-path{min-width:0;font:inherit;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;flex-shrink:1;align-items:baseline;gap:4px;margin-right:-6px;padding:4px 0 4px 2px;font-size:14px;display:inline-flex}.folder-path:hover .folder-crumb{color:var(--ink,#1e1e1e)}.folder-crumb{text-overflow:ellipsis;max-width:120px;overflow:hidden}.folder-sep{opacity:.6}.board-title{cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;border-radius:6px;align-items:center;gap:2px;max-width:260px;padding:4px 6px;font-size:14px;font-weight:600;display:inline-flex;overflow:hidden}.board-title:hover{background:#f1f1ee}.board-title svg{width:16px;height:16px;color:var(--muted);flex:none}.rename-input{font:inherit;border:1px solid var(--accent);border-radius:6px;outline:none;flex:1;min-width:0;padding:3px 6px;font-size:14px;font-weight:600}.board-menu{border-top:1px solid var(--line);flex-direction:column;gap:1px;max-height:60vh;margin:6px -6px -2px;padding-top:6px;display:flex;overflow:auto}.board-item{border-radius:8px;align-items:center;gap:2px;padding-right:2px;display:flex}.board-item:hover{background:#f6f6f3}.board-item.active{background:var(--accent-soft)}.board-item .chip.mini{opacity:0;min-width:26px;height:26px;padding:0}.board-item:hover .chip.mini{opacity:1}.chip.mini svg{width:15px;height:15px}.board-open{cursor:pointer;text-align:left;background:0 0;border:0;flex:1;justify-content:space-between;align-items:baseline;gap:12px;min-width:0;padding:7px 8px;font-size:13px;display:flex}.board-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.board-item.active .board-name{color:var(--accent);font-weight:600}.board-new{cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;margin-top:2px;padding:8px;font-size:13px;display:flex}a.board-new{text-decoration:none}.board-new:hover{color:var(--ink);background:#f6f6f3}.board-new svg{width:16px;height:16px}.dot{background:#e03131;border-radius:50%;width:8px;height:8px}.dot.on{background:#2f9e44}.board-export{border-top:1px solid var(--line);margin-top:2px;padding-top:2px;display:flex}.board-export .board-new:first-child{flex:1}.md-p,.md-h{min-height:1em}.hover-box{outline-offset:2px;border-radius:4px;outline:1.5px solid #4f7cff8c;position:absolute}.hover-box.locked{outline:1.5px dashed var(--muted)}.sel-box.in-group{outline-width:1px;outline-color:#4f7cff73}.sel-box.locked{outline-color:var(--muted);outline-style:dashed}.group-box{border:1.5px dashed var(--accent);border-radius:8px;position:absolute}.locked-badge-anchor{position:absolute}.lock-badge{color:#444;border:1px solid var(--line);background:#fff;border-radius:50%;place-items:center;width:20px;height:20px;display:grid;position:absolute;top:-10px;right:-10px;box-shadow:0 1px 3px #0000001f}.chip:disabled{opacity:.35;cursor:not-allowed}.chip:disabled:hover{color:inherit;background:0 0}.guide{pointer-events:none;position:absolute}.guide-x{border-left:1px dashed #f0487a;width:0}.guide-y{border-top:1px dashed #f0487a;height:0}.tool-sep{background:var(--line);width:1px;margin:6px 3px}.diagram-picker{display:flex;position:relative}.diagram-picker .caret{color:var(--muted);font-size:8px;position:absolute;top:1px;right:3px}.diagram-menu{flex-direction:column;gap:8px;padding:10px;display:flex}.library-search{font:inherit;border:1px solid var(--line);border-radius:8px;outline:none;padding:7px 10px;font-size:13px}.library-search:focus{border-color:var(--accent)}.library-tabs{border-bottom:1px solid var(--line);scrollbar-width:none;gap:2px;display:flex;overflow-x:auto}.library-tabs::-webkit-scrollbar{display:none}.library-tabs.fade-right{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000)}.library-tabs.fade-left{-webkit-mask-image:linear-gradient(270deg,#000 calc(100% - 28px),#0000);mask-image:linear-gradient(270deg,#000 calc(100% - 28px),#0000)}.library-tabs.fade-left.fade-right{-webkit-mask-image:linear-gradient(90deg,#0000,#000 28px calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#0000,#000 28px calc(100% - 28px),#0000)}.library-tab{white-space:nowrap;cursor:pointer;color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;flex:none;margin-bottom:-1px;padding:6px 10px;font-size:13px}.library-tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.library-body{flex-direction:column;gap:10px;max-height:min(52vh,380px);padding-right:2px;display:flex;overflow-y:auto}.library-body .section-label{margin:2px 0 4px}.diagram-grid{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.diagram-item{text-align:center;cursor:pointer;color:#444;background:0 0;border:0;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:8px 2px 6px;font-size:11px;line-height:1.2;display:flex}.diagram-item:hover{background:#f1f1ee}.diagram-item.active{background:var(--accent-soft);color:var(--accent)}.shape-actor .shape-content{overflow:visible}.frame-label.zone{align-items:center;gap:6px;display:flex}.frame-label.zone:hover{color:inherit}.zone-icon{flex:none}.handle-point{background:var(--accent);cursor:move;border-color:#fff;border-radius:50%;width:9px;height:9px;margin:-4.5px 0 0 -4.5px}.handle-seg{border-radius:3px}.handle-seg.h{cursor:ns-resize;width:18px;height:6px;margin:-3px 0 0 -9px}.handle-seg.v{cursor:ew-resize;width:6px;height:18px;margin:-9px 0 0 -3px}.handle-mid{opacity:.55;cursor:copy;border-radius:50%;width:8px;height:8px;margin:-4px 0 0 -4px}.handle-mid:hover{opacity:1}.glue-dot{background:var(--accent);border-radius:50%;width:10px;height:10px;margin:-5px 0 0 -5px;position:absolute;box-shadow:0 0 0 3px #4f7cff40}.shape-main{flex-direction:column;flex:1;justify-content:center;min-height:0;display:flex}.shape-footer{opacity:.72;white-space:pre-wrap;overflow-wrap:anywhere;padding-top:4px;font-size:.78em;line-height:1.3}.shape-node .shape-footer{border-top:1px solid #00000014;margin-top:4px}.c4-name{font-size:1.12em;font-weight:700}.c4-text .shape-footer{padding:1px 0 6px}.c4-desc{font-size:.92em}.chip.wide{width:auto;padding:0 10px}.icon-grid{grid-template-columns:repeat(6,1fr);gap:4px;max-height:180px;margin-top:6px;display:grid;overflow-y:auto}.icon-pick{cursor:pointer;color:#333;background:0 0;border:1px solid #0000;border-radius:6px;place-items:center;height:32px;display:grid}.icon-pick:hover{background:#4f7cff14;border-color:#4f7cff59}.style-panel .library-search{box-sizing:border-box;width:100%;margin-top:6px}.emoji-list{max-height:260px;margin-top:6px;overflow-y:auto}.emoji-list .icon-grid{grid-template-columns:repeat(7,1fr);max-height:none;margin-top:2px;overflow:visible}.emoji-pick{padding:0;font-size:20px;line-height:1}.style-panel .library-tabs{margin-top:6px}.library-head{align-items:center;gap:6px;display:flex}.library-head .library-search{flex:1;min-width:0}.library-dock{flex-direction:column;gap:8px;width:252px;padding:10px;display:flex;top:72px;bottom:16px;left:16px}.library-dock .library-tabs{flex-wrap:wrap}.library-dock .library-tab{padding:5px 8px}.library-dock .library-body{flex:1;min-height:0;max-height:none}.library-dock .diagram-grid{grid-template-columns:repeat(3,1fr)}@media (width<=640px){.library-dock{width:200px}}.shape-lifeline,.shape-lifeline-actor,.shape-fragment{pointer-events:none}.shape-lifeline .shape-bg path,.shape-lifeline-actor .shape-bg path{pointer-events:visiblePainted}.shape-fragment .shape-bg path{pointer-events:none}.shape-bg .seq-hit{cursor:default;pointer-events:stroke!important}.shape-fragment .shape-text,.fragment-guard{pointer-events:auto}.shape-fragment .shape-content{overflow:visible}.fragment-guard{white-space:nowrap;align-items:center;font-weight:400;display:flex;position:absolute;top:0}.fragment-guard .shape-footer{opacity:1;padding:0;font-size:1em}.shape-lifeline .shape-text,.shape-lifeline-actor .shape-text{pointer-events:auto}.library-tabs-wrap{position:relative}.tabs-more{background:var(--panel,#fff);width:24px;height:24px;color:var(--muted);cursor:pointer;border:0;border-radius:6px;place-items:center;padding:0;display:grid;position:absolute;top:3px;box-shadow:0 1px 4px #0000001f}.tabs-more:hover{color:var(--ink)}.tabs-more.left{left:0}.tabs-more.right{right:0}.tabs-more svg{width:14px;height:14px}.signin-page{background:var(--bg);place-items:center;display:grid;position:fixed;inset:0}.signin-message{color:var(--muted);text-align:center;max-width:420px}.status-row .cl-userButtonTrigger{margin-left:2px}.modal-backdrop{z-index:50;background:#0000002e;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{flex-direction:column;gap:10px;width:min(560px,100%);max-height:calc(100dvh - 32px);padding:16px;display:flex;position:relative;overflow:auto}.modal-head{justify-content:space-between;align-items:center;display:flex}.modal-head h2{margin:0;font-size:15px}.modal .hint{font-size:12.5px;line-height:1.45}.modal code{font-family:ui-monospace,Menlo,monospace;font-size:12px}.token-value{overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;background:#0000000d;border-radius:8px;padding:8px 10px;display:block}.token-created{flex-direction:column;gap:6px;font-size:13px;display:flex}.token-created p{margin:4px 0 0}.token-new{gap:6px}.token-new .library-search{flex:1;min-width:0}.token-list{flex-direction:column;gap:4px;display:flex}.token-row{border-top:1px solid var(--line);align-items:center;gap:8px;padding:4px 0;font-size:13px;display:flex}.token-row .board-name{flex:1}.modal .error{color:#e03131;margin:0;font-size:13px}.modal.prefs-modal{gap:14px;width:min(440px,100%)}.modal.chart-modal{width:min(600px,100%)}.chart-field{color:var(--muted);flex-direction:column;gap:4px;font-size:12px;display:flex}.chart-field input,.chart-field textarea{font:inherit;color:var(--ink);border:1px solid var(--line);background:var(--panel);border-radius:8px;outline:none;padding:7px 10px;font-size:13px}.chart-field textarea{resize:vertical;white-space:pre;min-height:140px;font-family:ui-monospace,Menlo,monospace;font-size:12px;line-height:1.45}.chart-field input:focus,.chart-field textarea:focus{border-color:#4f7cff}.chart-controls{flex-direction:column;gap:6px;display:flex}.chart-controls .row{flex-wrap:wrap}.chart-controls .chip{width:auto;padding:0 10px}.chart-check{align-items:center;gap:5px;margin-right:10px;font-size:13px;display:inline-flex}.chart-preview{aspect-ratio:2;border:1px solid var(--line);background:#fff;border-radius:10px;width:100%;height:auto}.chart-actions{justify-content:flex-end}.chip.primary{background:var(--ink);color:#fff}.chip.primary:disabled{opacity:.5}.status-row .cl-organizationSwitcherTrigger{padding:2px 6px;font-size:12px}.home{text-align:center;background-color:var(--bg);background-image:radial-gradient(#00000024 1px,#0000 1px);background-size:22px 22px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:16px;display:flex;position:fixed;inset:0;overflow:auto}.home .logo{filter:drop-shadow(0 10px 22px #1e1e1e24);margin-bottom:6px;transform:rotate(-4deg)}.home h1{letter-spacing:-.02em;color:var(--ink);margin:0;font-size:34px}.home p{color:var(--muted);margin:0 0 14px;font-size:16px}.home-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.home-btn{height:40px;font:inherit;border:1.5px solid var(--ink);color:var(--ink);cursor:pointer;background:#fff;border-radius:10px;align-items:center;padding:0 18px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.home-btn.primary{background:var(--ink);color:#fff}.home-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px -6px #0000004d}.home-google{flex-basis:100%;justify-content:center;min-height:44px;margin-top:4px;display:flex}.home-link{font:inherit;color:var(--muted);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;flex-basis:100%;padding:4px;font-size:14px;text-decoration:underline}.home-link:hover{color:var(--ink)}.version-list{max-height:50vh;overflow:auto}@media (pointer:coarse){.tool .kbd{display:none}.chip{min-width:40px;height:40px}.chip.mini{min-width:36px;height:36px}.style-panel{width:268px}.swatch{width:34px;height:34px}.board-open,.board-new{padding-top:11px;padding-bottom:11px}.library-tab{padding:10px 12px}.style-panel .touch-only{display:inline-grid}.handle:before{content:"";border-radius:50%;position:absolute;inset:-14px}}@media (hover:none){.board-item .chip.mini{opacity:1}.tool:hover:not(.active),.chip:hover:not(.active),.board-title:hover{background:0 0}}@media (width<=1000px){.zoom,.library-dock{bottom:80px}}@media (width<=720px){.toolbar{overscroll-behavior:contain;scrollbar-width:none;max-width:max-content;margin:0 auto;bottom:8px;left:8px;right:8px;overflow-x:auto;transform:none}.toolbar::-webkit-scrollbar{display:none}.toolbar>*{flex:none}.tool-sep{margin:6px 3px}.zoom{top:8px;bottom:auto;right:8px}.zoom .sep,.zoom .zoom-step,.zoom .zoom-pct{display:none}.status{min-width:0;max-width:calc(100vw - 156px);padding:4px 8px;top:8px;left:8px}.status.open{z-index:11;max-width:calc(100vw - 16px)}.status .hint{display:none}.status-row{min-width:0}.board-title{min-width:0;max-width:none}.folder-path{display:none}.board-item .hint{display:inline}.style-panel{gap:10px;width:auto;max-height:45dvh;inset:auto 8px 72px}.style-panel .style-actions{order:-1}.style-panel .sheet-toggle{gap:2px;margin-left:auto;display:inline-flex}.style-panel .sheet-toggle svg{width:16px;height:16px}.style-panel.folded>.section{display:none}.style-panel .swatches{grid-template-columns:repeat(auto-fill,minmax(34px,1fr))}.library-pin{display:none}.modal-backdrop{padding:8px}}.board-browser{flex-direction:column;gap:1px;display:flex}.board-search{margin:0 4px 6px}.board-section{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding:8px 10px 4px;font-size:11px;font-weight:600}.breadcrumbs{text-transform:none;letter-spacing:0;flex-wrap:wrap;align-items:center;gap:2px;font-size:12.5px;display:flex}.breadcrumbs button{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:2px 4px}.breadcrumbs button:hover{color:var(--ink);background:#f6f6f3}.breadcrumbs button.current{color:var(--ink);font-weight:600}.breadcrumbs .sep{color:var(--muted);padding:0 1px}.folder-name{align-items:center;gap:6px;min-width:0;display:inline-flex}.folder-name svg{color:var(--muted);flex:none}.board-empty{margin:0;padding:6px 10px}.board-actions{border-top:1px solid var(--line);margin-top:4px;padding-top:2px;display:flex}.board-actions .board-new{flex:1}.folder-pick.active{color:var(--accent);font-weight:600}.board-browser{min-width:240px}.board-actions .board-new{white-space:nowrap}.board-browser-head{align-items:center;gap:4px;margin:0 4px 6px;display:flex}.board-browser-head .board-search{flex:1;min-width:0;margin:0}.board-pin{flex:none}.board-pin.active{color:var(--accent);background:var(--accent-soft)}.board-tree{flex-direction:column;gap:1px;display:flex}.board-menu .board-tree{max-height:46vh;overflow:auto}.tree-row{padding-right:2px}.tree-label{align-items:center;gap:6px;min-width:0;display:inline-flex}.tree-label>svg{color:var(--muted);flex:none}.tree-chevron{width:12px;height:12px;color:var(--muted);flex:none;place-items:center;transition:transform .12s;display:inline-grid}.tree-chevron.open{transform:rotate(90deg)}.tree-root{border-radius:6px}.drop-target,.board-item.drop-target{box-shadow:inset 0 0 0 1.5px var(--accent);background:var(--accent-soft)!important}.board-item[draggable=true]{cursor:default}.board-sidebar{z-index:9;flex-direction:column;width:268px;padding:8px 6px;display:flex;top:72px;bottom:16px;left:16px}.board-browser.docked{flex:1;min-width:0;min-height:0}.board-browser.docked .board-tree{flex:1;min-height:0;overflow:auto}body.boards-pinned .library-dock{left:296px}@media (width>=721px){body.boards-pinned .board-menu .board-browser{display:none}}@media (width<=1000px){.board-sidebar{bottom:80px}}@media (width<=720px){.board-sidebar,.board-pin{display:none}body.boards-pinned .library-dock{left:16px}}.tree-row .chip.mini{opacity:1;display:none}.tree-row:hover .chip.mini,.tree-row:focus-within .chip.mini{display:inline-grid}.tree-row .board-open{flex:1;min-width:0}.tree-row .board-open .hint{white-space:nowrap;flex:none;margin-left:8px}.board-browser .error{color:#e03131;font-size:12.5px}@media (hover:none){.tree-row .chip.mini{display:inline-grid}}@media (width>=1001px){body.boards-pinned .toolbar{left:calc(50% + 142px)}}.share-modal{gap:14px;width:min(620px,100%)}.share-tabs{border-bottom:1px solid var(--line);gap:4px;margin-bottom:2px;display:flex}.share-tab{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:7px 12px;font-size:13px;display:inline-flex}.share-tab:hover{color:inherit}.share-tab.active{color:inherit;border-bottom-color:currentColor;font-weight:600}.share-tab .live-dot{color:#e03131}.share-tab-count{background:var(--line);color:inherit;border-radius:8px;padding:0 6px;font-size:11px;font-weight:600}.share-section{flex-direction:column;gap:8px;display:flex}.share-section+.share-section{border-top:1px solid var(--line);padding-top:12px}.share-section .section-label,.share-section p.hint{margin:0}.share-toggle{cursor:pointer;align-items:flex-start;gap:8px;font-size:13px;line-height:1.45;display:flex}.share-toggle input{accent-color:var(--accent);flex:none;width:16px;height:16px;margin:2px 0 0}.share-fields{align-items:flex-end;gap:8px}.share-field{flex-direction:column;gap:3px;min-width:0;display:flex}.share-field.grow{flex:1;min-width:160px}.share-field .library-search{background:var(--panel);height:34px}.chip.share-primary{background:var(--ink);color:#fff}.chip.share-primary:hover{background:#000}.chip.share-primary:disabled:hover{background:var(--ink);color:#fff}.share-publish{height:34px}.chip.mini.wide{white-space:nowrap;align-items:center;gap:5px;min-width:0;padding:0 9px;font-size:12.5px;display:inline-flex}.share-end{margin-left:auto}.share-lock{vertical-align:-2px;color:var(--muted);margin-right:4px;display:inline-flex}.live-card{background:#fff8f8;border:1px solid #ffc9c9;border-radius:10px;flex-direction:column;gap:8px;padding:10px;display:flex}.live-card-head{flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.live-left{font-variant-numeric:tabular-nums;margin-left:auto}.live-card .token-row{border-top-color:#ffe3e3}.live-start{flex-direction:column;gap:8px;display:flex}.live-pill{color:#fff;letter-spacing:.06em;background:#e03131;border:0;border-radius:10px;flex:none;align-items:center;gap:5px;height:20px;padding:0 7px;font-size:10.5px;font-weight:700;display:inline-flex}.live-dot{background:currentColor;border-radius:50%;flex:none;width:6px;height:6px;animation:1.6s ease-in-out infinite live-pulse}@keyframes live-pulse{50%{opacity:.35}}.live-indicator{cursor:pointer}.live-count{opacity:.85;margin-left:1px;font-weight:600}.snapshot-row{align-items:center}.snapshot-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.snapshot-info .board-name a{color:inherit;text-decoration:none}.snapshot-info .board-name a:hover{text-decoration:underline}.snapshot-row.expired .board-name{color:var(--muted)}.guest-requests{z-index:30;flex-direction:column;align-items:center;gap:6px;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%)}.guest-request{border-color:#ffc9c9;align-items:center;gap:6px;padding:6px 6px 6px 12px;font-size:13px;display:flex;position:static}.guest-name{white-space:nowrap;text-overflow:ellipsis;max-width:260px;margin-right:4px;overflow:hidden}.guest-more{cursor:pointer;color:var(--muted);padding:6px 12px}.people-widget{z-index:12;align-items:center;gap:4px;padding:4px;display:flex;top:16px;right:16px}.people-faces{cursor:pointer;height:32px;font:inherit;color:var(--ink);background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:0 8px 0 4px;display:inline-flex;position:relative}.people-faces:hover,.people-faces.active{background:#f1f1ee}.avatar-stack{display:inline-flex}.avatar-stack>*+*{margin-left:-7px}.avatar{color:#fff;letter-spacing:.02em;box-shadow:0 0 0 2px var(--panel);-webkit-user-select:none;user-select:none;border-radius:50%;flex:none;place-items:center;font-weight:700;line-height:1;display:inline-grid}.avatar.more{color:#495057;background:#e9ecef;width:24px;height:24px;font-size:10px}.people-count{font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.people-alert{width:8px;height:8px;box-shadow:0 0 0 2px var(--panel);background:#e03131;border-radius:50%;position:absolute;top:3px;right:3px}.chip.people-share{align-items:center;gap:6px;padding:0 12px;display:inline-flex}.chip.people-share svg{width:16px;height:16px}.people-pop{overscroll-behavior:contain;width:320px;max-width:calc(100vw - 16px);max-height:min(70dvh,520px);padding:10px;position:absolute;top:calc(100% + 6px);right:0;overflow:auto}.download-pop{flex-direction:column;width:210px;padding:6px;display:flex}.menu-sep{background:var(--line);height:1px;margin:4px 2px}.people-list{flex-direction:column;gap:2px;display:flex}.people-list .section-label{margin:8px 2px 2px}.people-list .section-label:first-child{margin-top:0}.people-toggle{border-bottom:1px solid var(--line);margin-bottom:2px;padding:4px 2px 8px}.person-row{border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;min-height:36px;padding:4px 2px;display:flex}.person-name{flex:150px;align-items:center;gap:6px;min-width:0;font-size:13px;display:flex}.person-label{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.person-tag{color:#c92a2a;background:#fff0f0;border-radius:8px;flex:none;padding:1px 6px;font-size:10.5px;font-weight:600}.person-status{color:var(--muted);flex:none;font-size:11px}.person-status.waiting{color:#e8590c;font-weight:600}.person-status.editing{color:#2f9e44;font-weight:600}.person-waiting{color:#e8590c;text-transform:none;letter-spacing:0}.person-actions{flex:none;gap:4px;margin-left:auto;display:inline-flex}.token-row .person-actions{margin-left:0}.cursor-layer{pointer-events:none;z-index:5;position:fixed;inset:0;overflow:hidden}.remote-cursor{will-change:transform;transition:opacity .4s;position:absolute;top:0;left:0}.remote-cursor.idle{opacity:0}.remote-cursor svg{fill:var(--who);stroke:#fff;stroke-width:1.5px;stroke-linejoin:round;filter:drop-shadow(0 1px 1.5px #00000040);margin:-2px 0 0 -3px;display:block}.remote-cursor-name{background:var(--who);color:#fff;white-space:nowrap;text-overflow:ellipsis;border-radius:6px;max-width:180px;padding:2px 7px;font-size:11.5px;font-weight:600;position:absolute;top:16px;left:14px;overflow:hidden;box-shadow:0 1px 3px #0003}.share-badges{flex:none;align-items:center;gap:4px;margin-left:2px;display:inline-flex}.tree-live{color:#fff;letter-spacing:.05em;background:#e03131;border-radius:8px;align-items:center;gap:3px;height:15px;padding:0 5px;font-size:9px;font-weight:700;display:inline-flex}.tree-live .live-dot{width:5px;height:5px}.tree-snaps{color:var(--muted);font-variant-numeric:tabular-nums;align-items:center;gap:2px;font-size:11px;display:inline-flex}.tree-label>.share-badges svg{color:inherit}.share-page{background-color:var(--bg);background-image:radial-gradient(#00000024 1px,#0000 1px);background-size:22px 22px;place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow:auto}.share-card{text-align:center;flex-direction:column;align-items:center;gap:10px;width:min(420px,100%);padding:28px 24px 18px;display:flex;position:relative}.share-card h1{letter-spacing:-.01em;margin:4px 0 0;font-size:20px}.share-card p{color:var(--muted);margin:0;font-size:14.5px;line-height:1.5}.share-card .logo{transform:rotate(-4deg)}.share-made{color:var(--muted);margin-top:10px;font-size:12.5px;text-decoration:none}.share-made:hover{color:var(--ink);text-decoration:underline}.share-icon{background:var(--accent-soft);width:52px;height:52px;color:var(--accent);border-radius:14px;place-items:center;display:grid}.share-form{gap:8px;width:100%;margin-top:6px;display:flex}.share-form .library-search{flex:1;min-width:0;height:40px;font-size:15px}.share-form .home-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.share-error{color:#e03131;font-size:13px}.share-card .share-error{margin:0}.share-spinner{border:3px solid var(--accent-soft);border-top-color:var(--accent);border-radius:50%;width:40px;height:40px;animation:.9s linear infinite share-spin}@keyframes share-spin{to{transform:rotate(360deg)}}.share-head{align-items:center;gap:10px;max-width:min(520px,100vw - 32px);padding:7px 12px 7px 8px;display:flex;top:16px;left:16px}.share-home{flex:none;display:flex}.share-home .logo{filter:none}.share-titles{flex-direction:column;gap:1px;min-width:0;display:flex}.share-title-row{align-items:center;gap:8px;min-width:0;display:flex}.share-title{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:14px;font-weight:600;overflow:hidden}.share-sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.share-sub a{color:inherit}.share-sub a:hover{color:var(--ink)}.guest-chip{cursor:pointer;font:inherit;background:var(--accent-soft);color:var(--accent);text-overflow:ellipsis;white-space:nowrap;border:0;border-radius:10px;flex:none;align-items:center;gap:4px;max-width:170px;padding:2px 8px;font-size:11.5px;font-weight:600;display:inline-flex;overflow:hidden}.guest-chip:hover{background:#dbe4ff}.guest-chip svg{opacity:.7;flex:none}.guest-name-input{width:150px;padding:2px 6px;font-size:12.5px}.chip.ask-edit{background:var(--accent);color:#fff}.chip.ask-edit:hover{background:#3b6af0}.follow-waiting{color:var(--muted);align-items:center;gap:7px;display:inline-flex}.share-spinner.small{border-width:2px;width:14px;height:14px}.live-notice{z-index:30;max-width:calc(100vw - 32px);padding:8px 14px;font-size:13px;top:16px;left:50%;transform:translate(-50%)}.follow-bar{white-space:nowrap;align-items:center;gap:8px;padding:5px 5px 5px 12px;font-size:13px;display:flex;bottom:16px;left:50%;transform:translate(-50%)}.follow-bar:has(>button:only-child){padding:5px}.follow-label{color:#c92a2a;align-items:center;gap:7px;font-weight:500;display:inline-flex}.follow-bar .chip.mini.wide{height:32px}.version-bar{align-items:center;gap:14px;max-width:calc(100vw - 32px);padding:8px 8px 8px 14px;display:flex;top:16px;left:50%;transform:translate(-50%)}.version-bar-text{flex-direction:column;gap:1px;min-width:0;font-size:13.5px;display:flex}.version-bar-text>*{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.version-bar-actions{flex:none;gap:6px;display:flex}@media (width<=720px){.share-head{gap:8px;max-width:calc(100vw - 80px);padding:5px 10px 5px 6px;top:8px;left:8px}.share-head.beside-undo{max-width:calc(100vw - 156px)}.share-head.beside-undo .share-home{display:none}.follow-bar{bottom:8px}.guest-requests{top:112px;left:8px;right:8px;transform:none}.people-widget{top:60px;right:8px}.people-btn-label{display:none}.chip.people-share{padding:0 8px}.people-faces{padding:0 6px 0 3px}.people-pop{width:auto;max-width:none;position:fixed;top:112px;left:8px;right:8px}.download-pop{width:210px;left:auto}.live-notice{top:112px}.share-head .guest-chip{max-width:120px}.guest-request{width:100%}.guest-name{flex:1;max-width:none}.version-bar{flex-wrap:wrap;gap:8px;max-width:none;inset:auto 8px 8px;transform:none}.version-bar-text{flex-basis:100%}.version-bar-text>.hint{white-space:normal}.version-bar-actions,.version-bar-actions .chip{flex:1}.share-modal .share-btn-label{display:none}.share-modal .live-left{flex-basis:100%;margin-left:0}.share-end{margin-left:0}.share-card{padding:22px 16px 14px}}.trash{border-top:1px solid var(--line);margin-top:4px;padding-top:2px}.trash-head{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;width:100%;display:flex}.trash-head:hover{color:var(--ink)}.trash-head svg{flex:none}.trash-list{flex-direction:column;gap:1px;max-height:30vh;display:flex;overflow:auto}.board-browser.docked .trash-list{max-height:34vh}.trash-row{gap:4px;padding:2px 2px 2px 10px}.trash-info{flex-direction:column;flex:1;min-width:0;padding:3px 0;font-size:13px;display:flex}.trash-info .board-name{color:var(--muted)}.trash-info .hint{font-size:11.5px}.board-item .chip.mini.trash-btn{opacity:1;padding:0 7px;font-size:12px;display:inline-grid}.trash-empty{color:#c92a2a;font-size:12.5px}.trash-empty:hover{color:#e03131;background:#fff5f5}.tree-row .chip.mini.fav.on{color:#f59f00;display:inline-grid}.chip.mini.fav.on:hover{color:#e67700}.help-btn{min-width:28px;font-weight:600}.help h3{margin:6px 0 0;font-size:13px}.help-keys{grid-template-columns:1fr;gap:4px;margin:0;font-size:12.5px;display:grid}.help-keys div{align-items:baseline;gap:10px;display:flex}.help-keys dt{min-width:120px}.help-keys dd{opacity:.8;margin:0}.help kbd{border:1px solid #7f7f7f59;border-radius:4px;padding:1px 5px;font-family:ui-monospace,Menlo,monospace;font-size:11.5px}.changelog details{border-top:1px solid #7f7f7f33}.changelog details:last-child{border-bottom:1px solid #7f7f7f33}.changelog summary{cursor:pointer;-webkit-user-select:none;user-select:none;padding:7px 2px;font-size:12.5px;font-weight:600;list-style-position:inside}.changelog summary:hover{opacity:.8}.changelog-count{opacity:.55;margin-left:4px;font-weight:400}.changelog ul{margin:0 0 8px;padding-left:22px;font-size:12.5px;line-height:1.5}.laser-layer{pointer-events:none;z-index:4;width:100vw;height:100vh;position:fixed;inset:0}input.switch,.share-toggle input.switch{appearance:none;cursor:pointer;background:#c9c9c4;border-radius:9px;flex:none;width:30px;height:18px;margin:1px 0 0;transition:background .15s;position:relative}input.switch:before{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #00000040}input.switch:checked{background:var(--accent)}input.switch:checked:before{transform:translate(12px)}input.switch:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input.switch:disabled{opacity:.5;cursor:default}.password-input{flex-direction:column;display:flex;position:relative}.password-input input{font-variant-numeric:tabular-nums;min-width:0}.password-gen{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:0;margin-top:2px;padding:1px 2px;font-size:12px;position:absolute;top:100%;right:0}.share-fields:has(.password-gen){margin-bottom:14px}.password-gen:hover{text-decoration:underline}.password-row{flex-wrap:wrap;flex-basis:100%;align-items:center;gap:6px}.password-code{letter-spacing:.08em;background:var(--line);border-radius:4px;padding:1px 6px;font-family:ui-monospace,Menlo,monospace;font-size:12.5px}.snapshot-row{flex-wrap:wrap}.ink-layer{pointer-events:none;z-index:3;width:100vw;height:100vh;position:fixed;inset:0}.folder-add{display:inline-flex;position:relative}.folder-add-row{gap:2px;padding-top:2px;padding-bottom:4px;display:flex}.folder-add-row button{font:inherit;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;padding:4px 8px;font-size:12.5px;display:inline-flex}.folder-add-row button:hover{background:var(--line);color:inherit}.folder-add-row svg{width:13px;height:13px}.board-new-where{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:110px;margin-left:4px;font-size:12px;overflow:hidden}.team-switch{position:relative}.team-switch-btn{font:inherit;cursor:pointer;color:inherit;background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;max-width:180px;padding:4px 6px;font-size:13px;display:inline-flex}.team-switch-btn:hover{background:#f1f1ee}.team-switch-btn svg{color:var(--muted);flex:none}.team-switch-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.team-avatar{color:#fff;object-fit:cover;background:#7950f2;border-radius:5px;flex:none;place-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:inline-grid}.team-switch-menu{z-index:40;flex-direction:column;gap:1px;min-width:220px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0}.team-switch-label{color:var(--muted);padding:4px 8px 6px;font-size:11px}.team-switch-item{font:inherit;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;font-size:13px;text-decoration:none;display:flex}.team-switch-item:hover{background:var(--line)}.team-switch-item.current{font-weight:600}.team-switch-check{color:var(--accent);margin-left:auto}.team-switch-sep{background:var(--line);height:1px;margin:4px 2px}.chart-expand{z-index:2;border:1px solid var(--line);color:#495057;cursor:pointer;opacity:0;background:#fff;border-radius:7px;place-items:center;width:28px;height:28px;transition:opacity .12s;display:grid;position:absolute;top:8px;right:8px}.shape-chart:hover .chart-expand,.chart-expand:focus-visible{opacity:1}@media (hover:none){.chart-expand{opacity:.9}}.chart-expand:hover{color:var(--accent);border-color:var(--accent)}.chart-view-backdrop{z-index:60;background:#0f141973}.chart-view{flex-direction:column;gap:10px;width:auto;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:14px 16px 16px;display:flex;position:relative;overflow:hidden}.chart-view-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.chart-view-head .row{align-items:center;gap:6px;display:flex}.chart-view-scroll{min-height:0;overflow:auto}.chart-view-canvas{background:#fff;border-radius:8px;position:relative}.chart-view-canvas svg{display:block}.chart-view-canvas .chart-hit{cursor:crosshair}.chart-view-canvas .chart-slice{cursor:pointer;transition:opacity .1s}.chart-view-canvas .chart-slice:hover{opacity:.8}.chart-view-guide{pointer-events:none;border-left:1px dashed #868e96;width:0;position:absolute}.chart-tip{z-index:3;pointer-events:none;gap:4px;min-width:170px;padding:8px 10px;font-size:12.5px;display:grid;position:absolute;box-shadow:0 6px 22px #00000024}.chart-tip-title{margin-bottom:2px;font-weight:700}.chart-tip-row{align-items:center;gap:8px;display:flex}.chart-tip-row i{border-radius:2px;flex:none;width:10px;height:10px}.chart-tip-row i.line{border-radius:2px;height:3px}.chart-tip-name{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;flex:1;max-width:220px;overflow:hidden}.chart-tip-row b{font-variant-numeric:tabular-nums}.chart-view-table{border-top:1px solid var(--line);max-height:32vh;padding-top:8px;overflow:auto}.chart-view-table table{border-collapse:collapse;width:100%;font-size:12.5px}.chart-view-table th,.chart-view-table td{border-bottom:1px solid var(--line);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;padding:5px 10px}.chart-view-table th:first-child{text-align:left}.chart-view-table thead th{color:var(--muted);font-weight:600}.chart-view-table th i{border-radius:2px;width:9px;height:9px;margin-right:4px;display:inline-block}.chart-view-table tr.hl td,.chart-view-table tr.hl th{background:#eef4ff}.modal.usage-modal{gap:12px;width:min(820px,100%)}.usage-head-right{align-items:center;gap:8px;display:flex}.usage-month{font:inherit;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:5px 8px;font-size:13px}.usage-tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.usage-tile{border:1px solid var(--line);border-radius:10px;min-width:0;padding:10px 12px}.usage-tile-label{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.usage-tile-value{letter-spacing:-.01em;font-variant-numeric:tabular-nums;margin-top:2px;font-size:22px;font-weight:650}.usage-tile-sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11.5px;overflow:hidden}.usage-section{flex-direction:column;gap:6px;min-width:0;display:flex}.usage-section h3{margin:6px 0 0;font-size:13px}.usage-pair{grid-template-columns:1fr 1fr;gap:12px;display:grid}.usage-chart{border:1px solid var(--line);background:#fff;border-radius:10px;width:100%;overflow:hidden}.usage-chart svg{display:block}.usage-empty{border:1px dashed var(--line);text-align:center;border-radius:10px;margin:0;padding:18px 12px}.usage-table-wrap{border:1px solid var(--line);border-radius:10px;overflow-x:auto}.usage-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:12.5px}.usage-table th,.usage-table td{text-align:right;white-space:nowrap;border-top:1px solid var(--line);padding:6px 10px}.usage-table thead th{color:var(--muted);background:#00000005;border-top:0;font-size:11.5px;font-weight:600}.usage-table th:first-child,.usage-table td:first-child{text-align:left;text-overflow:ellipsis;max-width:200px;overflow:hidden}.usage-details{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 16px;display:grid}.usage-group h4{margin:0 0 4px;font-size:12px}.usage-group dl{flex-direction:column;gap:2px;margin:0;font-size:12px;display:flex}.usage-group dl div{justify-content:space-between;gap:8px;display:flex}.usage-group dt{color:var(--muted)}.usage-group dd{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;margin:0}@media (width<=720px){.usage-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.usage-pair,.usage-details{grid-template-columns:1fr}.usage-tile-value{font-size:19px}}.admin-page{background:var(--bg);position:fixed;inset:0;overflow-y:auto}.admin-inner{flex-direction:column;gap:14px;max-width:1160px;margin:0 auto;padding:24px 16px 48px;display:flex}.admin-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.admin-head h1{letter-spacing:-.01em;margin:0 0 2px;font-size:22px}.admin-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.admin-actions .chip,.admin-notfound .chip{height:32px;color:var(--ink);border:1px solid var(--line);background:var(--panel);align-items:center;font-size:13px;text-decoration:none;display:inline-flex}.admin-actions .chip.primary{border-color:var(--ink);background:var(--ink);color:#fff}.admin-actions .chip.primary:hover{background:#333}.admin-banner{color:#6b4e00;background:#fff8e6;border:1px solid #f2d48a;border-radius:10px;padding:10px 12px;font-size:13px;line-height:1.45}.admin-banner.warn{color:#a61e1e;background:#fff5f5;border-color:#ffc9c9}.admin-notice{color:#2b8a3e;margin:0;font-size:12.5px}.admin-error{color:#e03131;margin:0;font-size:13px}.admin-page .usage-tile,.admin-page .usage-table-wrap{background:var(--panel)}.admin-history{grid-template-columns:3fr 2fr;align-items:start;gap:12px;display:grid}.admin-history .usage-empty{place-items:center;height:100%;display:grid}.admin-sub{color:var(--muted);margin:6px 0 4px;font-size:12px;font-weight:600}.admin-tops{grid-template-columns:1fr 1fr;gap:8px;display:grid}.admin-top{background:var(--panel);border:1px solid var(--line);border-radius:10px;min-width:0;padding:10px 12px}.admin-top h4{color:var(--muted);margin:0 0 6px;font-size:11.5px;font-weight:600}.admin-top ol{flex-direction:column;gap:3px;margin:0;padding:0;font-size:12.5px;list-style:none;display:flex}.admin-top li{font-variant-numeric:tabular-nums;justify-content:space-between;gap:8px;display:flex}.admin-link{color:var(--accent);cursor:pointer;font-size:inherit;text-overflow:ellipsis;white-space:nowrap;text-align:left;background:0 0;border:0;min-width:0;padding:0;overflow:hidden}.admin-link:hover{text-decoration:underline}.admin-total td{font-weight:650}.admin-costs-note{border-top:1px solid var(--line);margin:0;padding:8px 10px}.admin-teams-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.admin-search{font:inherit;border:1px solid var(--line);background:var(--panel);width:min(280px,100%);color:var(--ink);border-radius:8px;outline:none;padding:6px 10px;font-size:13px}.admin-search:focus{border-color:var(--accent)}.admin-teams tbody tr{cursor:pointer}.admin-teams tbody tr:hover td{background:#f6f8ff}.admin-teams td:first-child{max-width:320px}.admin-team-name{text-overflow:ellipsis;overflow:hidden}.admin-team-id{color:var(--muted);text-overflow:ellipsis;font-family:ui-monospace,Menlo,monospace;font-size:11px;overflow:hidden}.admin-pager{justify-content:center;align-items:center;gap:10px;display:flex}.modal.admin-drill{width:min(900px,100%)}.admin-record{border:1px solid var(--line);border-radius:10px;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 16px;margin:0;padding:10px 12px;font-size:12px;display:grid}.admin-record div{flex-direction:column;min-width:0;display:flex}.admin-record dt{color:var(--muted);font-size:11px}.admin-record dd{text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.admin-notfound{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.admin-notfound h1{margin:0;font-size:22px}@media (width<=720px){.admin-history,.admin-tops,.admin-record{grid-template-columns:1fr}.admin-teams-head{flex-direction:column;align-items:stretch}.admin-search{width:100%}}.plan-badge{letter-spacing:.04em;text-transform:uppercase;border-radius:10px;flex:none;align-items:center;height:20px;padding:0 8px;font-size:11px;font-weight:700;display:inline-flex}.plan-badge.plan-free{color:#495057;background:#f1f3f5;border:1px solid #dee2e6}.plan-badge.plan-pro{color:#fff;background:#7048e8}.admin-plan{flex-wrap:wrap;align-items:center;gap:10px;margin:4px 0 10px;display:flex}.team-deleted{letter-spacing:.04em;text-transform:uppercase;color:#c92a2a;vertical-align:1px;background:#fff5f5;border:1px solid #ffc9c9;border-radius:9px;align-items:center;height:18px;margin-left:6px;padding:0 7px;font-size:10.5px;font-weight:700;display:inline-flex}