.at-inspect{padding:0}.at-inspect .at-btn-ghost{font:inherit;color:inherit;background:var(--at-bg);border:1px solid var(--at-line);cursor:pointer;border-radius:5px;padding:3px 8px}.at-inspect .at-btn-ghost:hover{background:var(--at-hover)}.at-inspect .at-btn:disabled{opacity:.5;cursor:default}.at-inspect .at-error{color:var(--at-error)}.at-inspect-toolbar{border-bottom:1px solid var(--at-line);flex-wrap:wrap;align-items:center;gap:6px;padding:6px 10px;display:flex}.at-inspect-toolbar .at-select{width:auto;margin-left:auto}.at-inspect-check{color:var(--at-muted);align-items:center;gap:3px;display:inline-flex}.at-inspect-head{justify-content:space-between;align-items:flex-start;gap:8px;padding:10px 12px;display:flex}.at-inspect-name{word-break:break-word;font-size:13px;font-weight:600}.at-inspect-grid{grid-template-columns:1fr 1fr;gap:2px 8px;display:grid}.at-inspect-row{justify-content:space-between;align-items:baseline;gap:6px;min-height:22px;display:flex}.at-inspect-value{font:inherit;color:inherit;cursor:copy;text-align:right;font-variant-numeric:tabular-nums;word-break:break-word;background:0 0;border:0;border-radius:4px;flex-direction:column;align-items:flex-end;min-width:0;padding:1px 4px;display:inline-flex}.at-inspect-value:hover{background:var(--at-hover)}.at-inspect-sub{color:var(--at-muted);font-size:10px}.at-inspect-type{background:var(--at-bg);border-radius:6px;gap:2px;padding:6px;display:grid}.at-inspect-snippet{color:var(--at-muted);white-space:nowrap;text-overflow:ellipsis;font-style:italic;overflow:hidden}.at-inspect-style{font-weight:600}.at-inspect-color{grid-template-columns:20px 1fr 26px;align-items:center;gap:6px;display:grid}.at-inspect-color .at-swatch{cursor:default}.at-inspect-color-text{word-break:break-word;min-width:0}.at-inspect-effect{gap:2px;display:grid}.at-inspect-effect code,.at-compare-row code{word-break:break-word;font-size:11px}.at-code-tabs{background:var(--at-bg);border-radius:6px;gap:2px;padding:2px;display:flex}.at-code-tabs button{font:inherit;color:var(--at-muted);cursor:pointer;background:0 0;border:0;border-radius:5px;flex:1;padding:3px 0}.at-code-tabs button.active{background:var(--at-panel);color:var(--at-fg);font-weight:600}.at-code{background:var(--at-bg);white-space:pre-wrap;word-break:break-word;border-radius:6px;max-height:320px;margin:0;padding:8px;font:11px/1.5 ui-monospace,SF Mono,Menlo,monospace;overflow:auto}.at-inspect-item{font:inherit;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:5px;align-items:center;gap:6px;padding:4px;display:flex}.at-inspect-item:hover{background:var(--at-hover)}.at-inspect-item-name{flex:1}.at-status-dot{border-radius:50%;width:8px;height:8px}.at-status-dot.ready,.at-status-badge.ready{background:#2e9e5b}.at-status-dot.done,.at-status-badge.done{background:#6b6f76}.at-annotation-item,.at-annotation-editor,.at-measure-item{background:var(--at-bg);border-radius:6px;gap:4px;padding:6px;display:grid}.at-measure-item.selected{outline:1px solid #d6409f}.at-annotation-actions{justify-content:flex-end}.at-annotation-cat{color:#fff;border-radius:4px;justify-self:start;padding:0 5px;font-size:10px;font-weight:600}.at-annotation-prop{justify-content:space-between;align-items:center;gap:6px;display:flex}.at-annotation-prop span{color:var(--at-muted)}.at-annotation-editor textarea{resize:vertical}.at-md p,.at-md ul,.at-md ol{margin:0 0 4px}.at-md ul,.at-md ol{padding-left:16px}.at-md code{background:var(--at-hover);border-radius:3px;padding:0 3px;font-size:11px}.at-resource{align-items:center;gap:6px;display:flex}.at-resource a{color:inherit;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.at-resource-form{gap:4px;display:grid}.at-asset{grid-template-columns:32px 1fr auto 26px;align-items:center;gap:6px;display:grid}.at-asset-thumb{background:var(--at-bg);border-radius:4px;place-items:center;width:32px;height:32px;display:grid;overflow:hidden}.at-asset-thumb img{max-width:100%;max-height:100%}.at-asset-name{text-overflow:ellipsis;min-width:0;overflow:hidden}.at-compare{gap:4px;display:grid}.at-compare-row{background:var(--at-bg);border-radius:4px;grid-template-columns:1fr;gap:1px;padding:4px;display:grid}.at-compare-row .before{color:var(--at-error);word-break:break-word;text-decoration:line-through}.at-compare-row .after{color:#2e9e5b;word-break:break-word}.at-compare-visual{gap:6px;display:grid}.at-compare-modes{gap:4px;display:flex}.at-compare-modes .active{background:var(--at-bg)}.at-compare-pair{grid-template-columns:1fr 1fr;gap:6px;display:grid}.at-compare-pair figure{justify-items:center;gap:2px;margin:0;display:grid}.at-compare-pair figcaption{color:var(--at-muted);font-size:11px}.at-compare-pair img,.at-compare-overlay img,.at-playground-preview{object-fit:contain;background:repeating-conic-gradient(var(--at-bg) 0 25%, transparent 0 50%) 0 0 / 12px 12px;border-radius:4px;max-width:100%;max-height:160px}.at-compare-overlay{justify-items:center;display:grid;position:relative}.at-compare-overlay img{grid-area:1/1}.at-compare-overlay img.after{opacity:.5}.at-layer-history{gap:2px;margin-top:6px;display:grid}.at-playground{gap:6px;display:grid}.at-playground-preview{justify-self:center}.at-override-dot{background:#9747ff;border-radius:50%;flex:none;width:6px;height:6px}.at-dev-overlay{pointer-events:none;position:absolute;inset:0;overflow:hidden}.at-dev-svg{position:absolute;top:0;left:0}.at-dev-pill,.at-dev-pill-input{color:#fff;white-space:nowrap;font-variant-numeric:tabular-nums;border-radius:3px;padding:0 4px;font-size:11px;line-height:16px;position:absolute;transform:translate(-50%,-50%)}.at-dev-pill.interactive{pointer-events:auto;cursor:grab}.at-dev-pill.selected{box-shadow:0 0 0 2px #fff,0 0 0 3px #d6409f}.at-dev-pill-input{pointer-events:auto;color:var(--at-fg);background:var(--at-panel);width:120px;font:inherit;border:1px solid #d6409f}.at-status-badge{color:#fff;white-space:nowrap;border-radius:8px;padding:0 6px;font-size:10px;font-weight:600;line-height:16px;position:absolute}.at-annotation-card{pointer-events:auto;box-sizing:border-box;background:var(--at-panel);width:200px;color:var(--at-fg);cursor:pointer;border:1px solid;border-left-width:3px;border-radius:6px;gap:3px;padding:6px 8px;font-size:11px;display:grid;position:absolute;box-shadow:0 2px 8px #0000001f}.at-focus-bar{pointer-events:auto;background:var(--at-panel);border:1px solid var(--at-line);border-radius:8px;align-items:center;gap:10px;padding:4px 4px 4px 12px;display:flex;position:absolute;top:8px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0000001f}.at-measure-capture{pointer-events:auto;cursor:crosshair;position:absolute;inset:0}.at-dev-tool-hint{background:var(--at-panel);border:1px solid var(--at-line);color:var(--at-muted);border-radius:6px;padding:4px 10px;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}
.at-palette-backdrop{z-index:60;background:#0000001f;justify-content:center;align-items:flex-start;padding-top:12vh;display:flex;position:fixed;inset:0}.at-palette{background:var(--at-panel);width:min(560px,100vw - 32px);max-height:60vh;color:var(--at-fg);border:1px solid var(--at-line);border-radius:10px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 12px 40px #00000040}.at-palette-input{border-bottom:1px solid var(--at-line);color:var(--at-muted);align-items:center;gap:8px;padding:10px 12px;display:flex}.at-palette-input input{font:inherit;color:var(--at-fg);background:0 0;border:0;outline:none;flex:1;font-size:14px}.at-palette-list{padding:4px;overflow:auto}.at-palette-item{width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;display:flex}.at-palette-item.active{background:var(--at-hover)}.at-palette-label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.at-palette-hint{color:var(--at-muted);white-space:nowrap;font-size:11px}.at-palette-empty{padding:10px}
.at-main-menu{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:4px 6px;font-size:13px;font-weight:650}.at-main-menu:hover,.at-main-menu[aria-expanded=true]{background:var(--at-hover)}.at-menu-check{place-items:center;width:12px;display:inline-grid}.at-nudge-dialog{gap:8px;width:260px;display:grid}.at-pref-field{grid-template-columns:1fr 80px;align-items:center;gap:8px;display:grid}.at-pref-field input{font:inherit;border:1px solid var(--at-line);background:var(--at-bg);color:var(--at-fg);border-radius:5px;padding:4px 6px}.at-pref-field input[aria-invalid=true]{border-color:var(--at-error)}.at-modal-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.at-shortcuts{z-index:40;background:var(--at-panel);max-height:46%;color:var(--at-fg);border:1px solid var(--at-line);border-radius:10px;grid-template-rows:auto auto 1fr;gap:8px;padding:10px 12px;display:grid;position:absolute;bottom:12px;left:12px;right:12px;box-shadow:0 10px 30px #0000002e}.at-shortcuts-head{align-items:center;gap:10px;display:flex}.at-shortcuts-head .at-search{flex:1;max-width:280px;margin:0}.at-shortcuts-head strong{flex:1}.at-shortcuts-list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));align-content:start;column-gap:24px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.at-shortcuts-list li{border-bottom:1px solid var(--at-line);justify-content:space-between;gap:12px;padding:4px 2px;display:flex}.at-shortcuts-list kbd{font:inherit;color:var(--at-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.at-toasts{z-index:45;pointer-events:none;justify-items:center;gap:6px;display:grid;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.at-toasts .at-toast{pointer-events:auto;align-items:center;gap:10px;display:flex;position:static;transform:none}.at-toast .at-icon{width:20px;height:20px;color:inherit;opacity:.7}.at-toast .at-icon:hover{background:#ffffff1f}.at-toast-action{color:#ff9e73;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:2px 4px;font-weight:600}.at-toast-action:hover{background:#ffffff1f}.at-tooltip{z-index:60;pointer-events:none;background:var(--at-menu-bg);color:var(--at-menu-fg);white-space:nowrap;box-shadow:var(--at-menu-shadow);border-radius:5px;align-items:center;gap:8px;padding:4px 8px;font-size:11px;display:flex;position:fixed}.at-tooltip kbd{font:inherit;color:var(--at-menu-muted)}.at-shell{position:relative}.at-shell.left-collapsed>.at-left,.at-shell.right-collapsed>.at-right-col{visibility:hidden;border:0;padding:0;overflow:hidden}.at-tab-row{align-items:center;gap:4px;display:flex}.at-tab-row>[role=tablist]{flex:1}.at-panel-collapse{width:22px;height:22px;color:var(--at-muted);flex:none}.at-panel-resizer{z-index:5;cursor:col-resize;touch-action:none;width:6px;position:absolute;top:44px;bottom:0}.at-panel-resizer.left{left:calc(var(--at-left-w,240px) - 3px)}.at-panel-resizer.right{right:calc(var(--at-right-w,260px) - 3px)}.at-panel-resizer:hover,.at-panel-resizer:focus-visible{background:color-mix(in srgb, var(--at-accent) 35%, transparent);outline:none}.at-shell.ui-hidden>.at-panel-resizer{display:none}.at-panel-reopen{z-index:6;background:var(--at-panel);border:1px solid var(--at-line);position:absolute;top:10px;box-shadow:0 2px 8px #0000001f}.at-panel-reopen.left{left:10px}.at-panel-reopen.right{right:10px}.at-canvas:focus{outline:none}.at-layer-search{align-items:flex-start;gap:4px;display:flex}.at-layer-search .at-search{flex:1;min-width:0}.at-layer-search .at-icon.on{color:var(--at-accent)}.at-layer-filters{flex-wrap:wrap;gap:4px;margin-bottom:6px;display:flex}.at-chip{border:1px solid var(--at-line);color:inherit;font:inherit;cursor:pointer;background:0 0;border-radius:10px;padding:2px 8px;font-size:11px}.at-chip.on{background:var(--at-accent);border-color:var(--at-accent);color:var(--at-accent-fg)}.at-layer-label{letter-spacing:.04em;text-transform:uppercase;color:var(--at-muted);align-items:center;font-size:10px;font-weight:600;display:flex;position:absolute;left:0;right:0}.at-layer-badge{color:var(--at-muted);display:inline-grid}.at-layer.hover{box-shadow:inset 0 0 0 1px #3d7eff99}.at-layers-empty{padding:8px 4px}.at-doc-colors{border-top:1px solid var(--at-line);gap:6px;max-height:160px;padding-top:6px;display:grid;overflow:auto}.at-doc-colors-title{margin-bottom:3px;font-size:11px}.at-doc-colors-grid{grid-template-columns:repeat(auto-fill,18px);gap:4px;display:grid}.at-swatch{cursor:pointer;border:1px solid #00000026;border-radius:4px;width:18px;height:18px;padding:0}.at-swatch:hover,.at-swatch:focus-visible{outline:2px solid var(--at-accent);outline-offset:1px}.at-pages-head{margin-bottom:4px}.at-pages-head span{flex:1}.at-pages-add{width:22px;height:22px}.at-pages li{position:relative}.at-pages li.drop-before:before,.at-pages li.drop-after:after{content:"";background:var(--at-accent);height:2px;position:absolute;left:4px;right:4px}.at-pages li.drop-before:before{top:0}.at-pages li.drop-after:after{bottom:0}.at-page-divider{padding:6px 8px}.at-page-divider hr{border:0;border-top:1px solid var(--at-line);margin:0}.at-pages .at-rename{box-sizing:border-box;width:100%}
.at-canvas-wrap.with-timeline{flex-direction:column;display:flex}.at-canvas-wrap.with-timeline>.at-canvas{flex:1;height:auto;min-height:0}.at-timeline{background:var(--at-panel);border-top:1px solid var(--at-line);z-index:5;outline:none;flex-direction:column;flex:none;height:240px;display:flex;position:relative}.at-tl-head{border-bottom:1px solid var(--at-line);align-items:center;gap:8px;padding:4px 8px;display:flex}.at-tl-head .at-select{max-width:150px}.at-tl-time{font-variant-numeric:tabular-nums;min-width:44px}.at-tl-duration{width:90px}.at-tl-frame{color:var(--at-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.at-tl-spacer{flex:1}.at-tl-body{flex:1;min-height:0;display:flex}.at-tl-grid{flex:1;grid-template-columns:150px 1fr;grid-auto-rows:24px;padding-right:12px;display:grid;overflow:auto}.at-tl-label{white-space:nowrap;text-overflow:ellipsis;color:inherit;font:inherit;text-align:left;background:0 0;border:0;align-items:center;padding:0 8px;display:flex;overflow:hidden}.at-tl-layer{cursor:pointer;font-weight:550}.at-tl-layer.selected{color:var(--at-accent)}.at-tl-field{color:var(--at-muted);padding-left:20px}.at-tl-lane{border-bottom:1px solid var(--at-line);position:relative}.at-tl-ruler{cursor:ew-resize;-webkit-user-select:none;user-select:none}.at-tl-tick{color:var(--at-muted);pointer-events:none;font-size:10px;position:absolute;top:4px;transform:translate(-50%)}.at-tl-tick:first-child{transform:none}.at-tl-playhead{background:var(--at-accent);pointer-events:none;width:1px;position:absolute;top:0;bottom:0}.at-tl-key{border:1px solid var(--at-fg);background:var(--at-panel);cursor:grab;z-index:1;width:10px;height:10px;margin:-5px 0 0 -5px;padding:0;position:absolute;top:50%;transform:rotate(45deg)}.at-tl-key.hold{border-radius:1px;transform:none}.at-tl-key.on{background:var(--at-accent);border-color:var(--at-accent)}.at-tl-segment{background:var(--at-line);cursor:pointer;border:0;height:6px;margin-top:-3px;padding:0;position:absolute;top:50%}.at-tl-segment.on,.at-tl-segment:hover{background:var(--at-muted)}.at-tl-style{background:color-mix(in srgb, var(--at-accent) 22%, transparent);min-width:6px;color:var(--at-fg);font:inherit;text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;border:0;border-radius:4px;padding:0 6px;font-size:11px;position:absolute;top:3px;bottom:3px;overflow:hidden}.at-tl-style.on{background:var(--at-accent);color:var(--at-accent-fg)}.at-tl-empty{grid-column:1/-1;padding:12px 8px}.at-tl-inspector{border-left:1px solid var(--at-line);flex-direction:column;flex:none;gap:6px;width:240px;padding:8px;display:flex;overflow:auto}.at-tl-inspector:empty{display:none}.at-tl-easing{flex-direction:column;gap:4px;display:flex}.at-tl-easing .at-field{width:44px}.at-tl-curve{width:64px;height:44px}.at-tl-curve polyline{fill:none;stroke:var(--at-accent);stroke-width:1.5px}.at-tl-entry-name{flex:1}.at-tl-var{background:var(--at-hover);border-radius:4px;padding:2px 6px}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--at-bg:#f6f4ef;--at-panel:#fffdf9;--at-fg:#1d1b18;--at-muted:#6f6a63;--at-line:#e4dfd6;--at-accent:#c8502a;--at-accent-fg:#fff;--at-hover:#efebe3;--at-warn:#b5651d;--at-error:#b3261e;--at-canvas:#ecebe8;--at-menu-bg:#fff;--at-menu-fg:#1d1b18;--at-menu-muted:#625d55;--at-menu-hover:#efeae2;--at-menu-line:#e4dfd6;--at-menu-shadow:0 0 0 1px #00000012, 0 10px 30px #00000024}@media (prefers-color-scheme:dark){:root[data-theme=system]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--at-bg:#1a1917;--at-panel:#22211e;--at-fg:#ece8e1;--at-muted:#a29b91;--at-line:#34312c;--at-accent:#e0703f;--at-hover:#2c2a26;--at-warn:#e09b4f;--at-error:#ff8a80;--at-canvas:#1e1e1e;--at-menu-bg:#2a2825;--at-menu-fg:#f1eee8;--at-menu-muted:#b1aa9f;--at-menu-hover:#3a3732;--at-menu-line:#ffffff1f;--at-menu-shadow:0 0 0 1px #ffffff14, 0 10px 30px #0006}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--at-bg:#1a1917;--at-panel:#22211e;--at-fg:#ece8e1;--at-muted:#a29b91;--at-line:#34312c;--at-accent:#e0703f;--at-hover:#2c2a26;--at-warn:#e09b4f;--at-error:#ff8a80;--at-canvas:#1e1e1e;--at-menu-bg:#2a2825;--at-menu-fg:#f1eee8;--at-menu-muted:#b1aa9f;--at-menu-hover:#3a3732;--at-menu-line:#ffffff1f;--at-menu-shadow:0 0 0 1px #ffffff14, 0 10px 30px #0006}.at-shell{grid-template-columns:var(--at-left-w,240px) 1fr var(--at-right-w,260px);background:var(--at-bg);height:100vh;color:var(--at-fg);grid-template-rows:44px 1fr;font:12px/1.4 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;display:grid;overflow:hidden}.at-topbar{background:var(--at-panel);border-bottom:1px solid var(--at-line);grid-column:1/-1;align-items:center;gap:8px;min-width:0;padding:0 10px;display:flex;container:topbar/inline-size}.at-topbar>*{flex-shrink:0}.at-topbar .at-btn{white-space:nowrap}@container topbar (max-width:1365px){.at-selection-count{display:none}}.at-brand{align-items:center;gap:6px;font-size:13px;font-weight:650;display:flex}.at-logo{color:var(--at-accent);font-size:16px}.at-topbar>.at-filename{text-overflow:ellipsis;white-space:nowrap;text-align:center;min-width:60px;color:var(--at-muted);flex:1 1 0;font-weight:500;overflow:hidden}.at-btn{background:var(--at-accent);color:var(--at-accent-fg);font:inherit;cursor:pointer;border:0;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-weight:550;display:inline-flex}.at-icon{width:26px;height:26px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;display:inline-grid}.at-icon:hover,.at-pages button:hover{background:var(--at-hover)}.at-zoom{height:26px;color:inherit;font:inherit;cursor:pointer;font-variant-numeric:tabular-nums;background:0 0;border:0;border-radius:5px;align-items:center;gap:2px;padding:0 4px 0 6px;display:inline-flex}.at-zoom:hover{background:var(--at-hover)}.at-zoom span{text-align:right;min-width:40px}.at-left{flex-direction:column;min-height:0;display:flex}.at-left,.at-right{background:var(--at-panel);padding:10px;overflow:auto}.at-left{border-right:1px solid var(--at-line)}.at-right-col{background:var(--at-panel);border-left:1px solid var(--at-line);min-height:0;overflow:auto}.at-right{border-left:0}.at-section-title{align-items:center;gap:6px;margin:4px 0 8px;font-weight:600;display:flex}.at-section-title.warn{color:var(--at-warn)}.at-pages{margin:0;padding:0;list-style:none}.at-pages button{text-align:left;width:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:5px;padding:5px 8px}.at-pages button.active{background:var(--at-hover);font-weight:600}.at-canvas-wrap{background:var(--at-canvas);position:relative;overflow:hidden}.at-canvas{touch-action:none;width:100%;height:100%;display:block}.at-status{background:var(--at-panel);border:1px solid var(--at-line);border-radius:8px;gap:8px;min-width:260px;padding:10px 14px;display:grid;position:absolute;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #00000014}.at-status.error{color:var(--at-error);grid-template-columns:1fr auto;align-items:center}.at-progress{background:var(--at-line);border-radius:2px;height:4px;overflow:hidden}span.at-progress{margin-top:8px;display:block}.at-progress>div,.at-progress>span{background:var(--at-accent);height:100%;transition:width .2s;display:block}.at-drop{border:2px dashed var(--at-accent);background:color-mix(in srgb, var(--at-panel) 70%, transparent);border-radius:12px;place-items:center;font-size:14px;display:grid;position:absolute;inset:12px}.at-panel-head{justify-content:space-between;align-items:center;display:flex}.at-muted{color:var(--at-muted)}.at-stats{grid-template-columns:1fr auto;gap:4px 12px;margin:8px 0 12px;display:grid}.at-stats dd{font-variant-numeric:tabular-nums;margin:0}.at-list{overflow-wrap:anywhere;margin:4px 0 12px;padding-left:16px}.at-report-section{margin-top:8px}.at-tools{background:var(--at-bg);border-radius:7px;gap:2px;padding:2px;display:flex}.at-icon.active{background:var(--at-accent);color:var(--at-accent-fg)}.at-layers{border-top:1px solid var(--at-line);flex-direction:column;flex:1;min-height:0;margin-top:8px;padding-top:8px;display:flex}.at-search,.at-rename{font:inherit;color:inherit;background:var(--at-bg);border:1px solid var(--at-line);border-radius:5px;padding:4px 6px}.at-search{margin-bottom:6px}.at-rename{border-color:var(--at-accent);flex:1;min-width:0;padding:1px 4px}.at-layers-scroll{outline:none;flex:1;margin:0 -10px;overflow:auto}.at-layer{cursor:default;-webkit-user-select:none;user-select:none;white-space:nowrap;align-items:center;gap:4px;padding-right:6px;display:flex;position:absolute;left:0;right:0}.at-layer:hover{background:var(--at-hover)}.at-layer.sel{background:#3d7eff38}.at-layer.in-sel{background:#3d7eff17}.at-layer.hidden .at-layer-name,.at-layer.hidden .at-layer-icon{opacity:.45}.at-layer.drop-before{box-shadow:inset 0 2px #3d7eff}.at-layer.drop-after{box-shadow:inset 0 -2px #3d7eff}.at-layer.drop-inside{outline-offset:-2px;outline:2px solid #3d7eff}.at-layer-icon{color:var(--at-muted);flex:none}.at-layer-name{text-overflow:ellipsis;flex:1;overflow:hidden}.at-chevron,.at-mini{color:var(--at-muted);cursor:pointer;background:0 0;border:0;place-items:center;width:16px;height:16px;padding:0;display:inline-grid}.at-layer-actions{visibility:hidden;gap:2px;display:flex}.at-layer:hover .at-layer-actions,.at-mini.on{visibility:visible}.at-layer-actions:has(.on){visibility:visible}.at-props{padding:4px 0}.at-props-head{text-transform:capitalize;justify-content:space-between;align-items:baseline;gap:8px;padding:6px 12px;display:flex}.at-props-head .at-muted{text-transform:none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.at-prop-section{border-top:1px solid var(--at-line);gap:6px;padding:8px 12px 10px;display:grid}.at-prop-section-head{justify-content:space-between;align-items:center;display:flex}.at-prop-section-head .at-section-title{margin:0}.at-grid2{grid-template-columns:1fr 1fr;align-items:center;gap:6px;display:grid}.at-minmax-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.at-minmax{align-items:center;gap:4px;display:flex}.at-minmax>span{white-space:nowrap;flex:none}.at-minmax>input{text-transform:none;background:0 0;flex:1 1 0;width:0;min-width:0}.at-num{background:var(--at-bg);border:1px solid #0000;border-radius:5px;align-items:center;gap:2px;min-width:0;padding:0 4px;display:flex}.at-num:focus-within{border-color:#3d7eff}.at-num-label{color:var(--at-muted);cursor:ew-resize;-webkit-user-select:none;user-select:none;place-items:center;min-width:12px;display:inline-grid}.at-num input{min-width:0;color:inherit;font:inherit;font-variant-numeric:tabular-nums;background:0 0;border:0;outline:none;flex:1;padding:4px 2px}.at-num-suffix{color:var(--at-muted)}.at-select{font:inherit;color:inherit;background:var(--at-bg);border:1px solid #0000;border-radius:5px;min-width:0;padding:3px 4px}.at-align-row{justify-content:space-between;display:flex}.at-check{align-items:center;gap:6px;display:flex}.at-paint-grip{cursor:grab;background:radial-gradient(var(--at-muted) 1px, transparent 1.2px) 0 0 / 4px 4px;opacity:0;border-radius:2px;width:8px;position:absolute;top:2px;bottom:2px;left:-10px}.at-paint-row:hover .at-paint-grip,.at-paint-grip:focus-visible{opacity:.8}.at-paint-row.dragging{opacity:.5}.at-paint-row{grid-template-columns:20px 1fr 24px 64px 24px 24px;align-items:center;gap:4px;display:grid;position:relative}.at-swatch{border:1px solid var(--at-line);cursor:pointer;border-radius:4px;width:18px;height:18px;padding:0}.at-hex{font:inherit;color:inherit;background:var(--at-bg);text-transform:uppercase;border:1px solid #0000;border-radius:5px;min-width:0;padding:4px}.at-paint-label{color:var(--at-muted)}.at-link{color:var(--at-accent);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.at-effect{gap:4px;display:grid}.at-effect .at-paint-row{grid-template-columns:1fr 24px 24px}.at-picker{z-index:10;background:var(--at-panel);border:1px solid var(--at-line);border-radius:8px;gap:8px;width:232px;padding:10px;display:grid;position:absolute;top:26px;left:-8px;box-shadow:0 8px 24px #0000002e}.at-picker-sv{cursor:crosshair;border-radius:4px;height:150px;position:relative}.at-picker-sv-white,.at-picker-sv-black{border-radius:4px;position:absolute;inset:0}.at-picker-sv-white{background:linear-gradient(90deg,#fff,#fff0)}.at-picker-sv-black{background:linear-gradient(#0000,#000)}.at-picker-hue,.at-picker-alpha{cursor:pointer;border-radius:5px;height:10px;position:relative}.at-picker-hue{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.at-picker-knob{pointer-events:none;border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0000004d}.at-picker-row{align-items:center;gap:8px;display:flex}.at-picker-row .at-hex{flex:1;min-width:0}.at-picker-row{flex-wrap:wrap}.at-picker-model{width:58px}.at-picker-field{width:38px;min-width:0;font:inherit;border:1px solid var(--at-line);background:var(--at-bg);color:var(--at-fg);border-radius:3px;flex:1;padding:2px 4px;font-size:11px}.at-picker-field.wide{flex:3}.at-menu{z-index:50;background:var(--at-menu-bg);min-width:220px;color:var(--at-menu-fg);box-shadow:var(--at-menu-shadow);border-radius:8px;outline:none;padding:4px;font-size:12px;position:fixed}.at-menu-item{cursor:default;white-space:nowrap;border-radius:5px;align-items:center;gap:6px;padding:5px 8px;display:flex;position:relative}.at-menu .at-menu-item:hover{background:0 0}.at-menu .at-menu-item.active{background:var(--at-menu-hover);color:var(--at-menu-fg)}.at-menu .at-menu-item.disabled{color:var(--at-menu-muted)}.at-menu-label{flex:1}.at-menu-shortcut{color:var(--at-menu-muted);font-variant-numeric:tabular-nums}.at-menu-divider{background:var(--at-menu-line);height:1px;margin:4px 6px}.at-submenu-anchor{position:absolute;top:0;left:100%}.at-submenu-anchor .at-menu{position:absolute}.at-preset-head,.at-preset{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;padding:4px 0;display:flex}.at-preset{border-radius:5px;padding:5px 6px}.at-preset:hover{background:var(--at-hover)}.at-shell.ui-hidden{grid-template-rows:0 1fr;grid-template-columns:0 1fr 0}.at-shell.ui-hidden>:not(.at-canvas-wrap){visibility:hidden;overflow:hidden}.at-paint-editor{width:240px}.at-picker-inline{gap:8px;display:grid}.at-tabs{background:var(--at-bg);border-radius:6px;gap:2px;padding:2px;display:flex}.at-tabs button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;flex:1;padding:4px}.at-tabs button.active{background:var(--at-panel);font-weight:600;box-shadow:0 1px 2px #0000001f}.at-row{align-items:center;gap:6px;display:flex}.at-row .at-select{flex:1}.at-stops{border:1px solid var(--at-line);cursor:copy;border-radius:4px;height:18px;margin:6px 6px 10px;position:relative}.at-stop{cursor:ew-resize;border:2px solid #fff;border-radius:3px;width:12px;height:22px;margin:-11px 0 0 -6px;padding:0;position:absolute;top:50%;box-shadow:0 0 0 1px #00000059}.at-stop.active{box-shadow:0 0 0 2px #3d7eff}.at-image-controls{gap:6px;display:grid}.at-slider{grid-template-columns:80px 1fr;align-items:center;gap:6px;display:grid}.at-btn-secondary{border:1px solid var(--at-line);background:var(--at-panel);color:inherit;font:inherit;cursor:pointer;white-space:nowrap;border-radius:5px;padding:4px 8px}.at-text-input{opacity:0;resize:none;caret-color:#0000;pointer-events:none;border:0;width:2px;min-height:12px;margin:0;padding:0;font-size:16px;position:absolute;overflow:hidden}.at-type-details{border-top:1px solid var(--at-line);gap:8px;padding-top:6px;display:grid}.at-type-grid{grid-template-columns:auto 1fr;align-items:center;gap:6px 8px;display:grid}.at-type-grid .at-span2{grid-column:1/-1}.at-type-features,.at-type-axes{gap:6px;display:grid}.at-type-group{border:0;gap:4px;margin:0;padding:0;display:grid}.at-type-group .at-tag{margin-left:auto;font-size:10px}.at-type-axis{grid-template-columns:1fr;gap:2px;display:grid}.at-popover.at-find{gap:6px;width:280px;top:8px;left:8px;right:auto}.at-find .at-field{flex:1;min-width:0}.at-find-count{flex:1}.at-font-picker{position:relative}.at-font-button{text-align:left;cursor:pointer;width:100%}.at-font-list{flex-direction:column;width:240px;max-height:360px;display:flex}.at-font-items{flex:1;overflow:auto}.at-font-local{justify-content:center;margin:4px 0}.at-preset.active{font-weight:600}.at-warn-btn{border:1px solid color-mix(in srgb, var(--at-warn) 40%, transparent);background:color-mix(in srgb, var(--at-warn) 10%, transparent);color:var(--at-warn);font:inherit;cursor:pointer;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;display:inline-flex}.at-toast{color:#f1eee8;background:#1f1e1c;border-radius:8px;max-width:420px;padding:8px 12px;position:absolute;top:16px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #00000040}.at-missing{color:var(--at-warn);display:inline-grid}.at-label-rename{border:1px solid var(--at-accent);background:var(--at-panel);height:18px;color:var(--at-fg);border-radius:2px;outline:none;padding:0 3px;font:11px/18px Inter,system-ui,sans-serif;position:absolute}.at-spacing-input{text-align:center;background:var(--at-panel);width:48px;height:22px;color:var(--at-fg);z-index:5;border:1px solid #e0409a;border-radius:4px;outline:none;padding:0 4px;font:11px/20px Inter,system-ui,sans-serif;position:absolute}.at-font-name{font-size:13px}.at-font-group{padding:6px 8px 2px;font-size:11px}.at-constraints{align-items:flex-start;gap:8px;display:flex}.at-constraint-selects{flex:1;gap:6px;display:grid}.at-constraint-box{border:1px solid var(--at-line);border-radius:4px;flex:none;width:64px;height:64px;position:relative}.at-cb-inner{border:1px solid var(--at-muted);pointer-events:none;border-radius:2px;position:absolute;inset:20px}.at-cb{cursor:pointer;background:0 0;border:0;padding:0;position:absolute}.at-cb:after{content:"";background:var(--at-line);border-radius:1px;position:absolute}.at-cb.on:after{background:var(--at-accent)}.at-cb.top,.at-cb.bottom{width:16px;height:20px;left:24px}.at-cb.top{top:0}.at-cb.bottom{bottom:0}.at-cb.top:after,.at-cb.bottom:after{width:2px;top:4px;bottom:4px;left:7px}.at-cb.left,.at-cb.right{width:20px;height:16px;top:24px}.at-cb.left{left:0}.at-cb.right{right:0}.at-cb.left:after,.at-cb.right:after{height:2px;top:7px;left:4px;right:4px}.at-cb.hcenter{height:4px;top:30px;left:22px;right:22px}.at-cb.hcenter:after{height:2px;top:1px;left:0;right:0}.at-cb.vcenter{width:4px;top:22px;bottom:22px;left:30px}.at-cb.vcenter:after{width:2px;top:0;bottom:0;left:1px}.at-al-grid{align-items:flex-start;gap:8px;display:flex}.at-al-align{border:1px solid var(--at-line);border-radius:4px;flex:none;grid-template-rows:repeat(3,16px);grid-template-columns:repeat(3,16px);gap:2px;padding:4px;display:grid}.at-al-cell{cursor:pointer;background:0 0;border:0;width:16px;height:16px;padding:0;position:relative}.at-al-cell:after{content:"";background:var(--at-line);border-radius:2px;width:4px;height:4px;position:absolute;top:6px;left:6px}.at-al-cell.on:after{background:var(--at-accent);border-radius:2px;width:10px;height:10px;top:3px;left:3px}:root{--at-component:#9747ff}.at-component-title{color:var(--at-component);align-items:center;gap:4px;display:inline-flex}.at-field{font:inherit;color:inherit;background:var(--at-bg);box-sizing:border-box;border:1px solid #0000;border-radius:5px;width:100%;min-width:0;padding:3px 6px}.at-field:focus{border-color:#3d7eff;outline:none}.at-prop-row{align-items:center;gap:6px;min-height:26px;display:flex}.at-prop-row>.at-select,.at-prop-row>.at-field{flex:1}.at-prop-label{color:var(--at-muted);text-overflow:ellipsis;white-space:nowrap;min-width:64px;overflow:hidden}.at-prop-type{white-space:nowrap;font-size:11px}.at-row-buttons{flex-wrap:wrap;gap:4px 10px;margin:4px 0;display:flex}.at-link:disabled{color:var(--at-muted);cursor:default}.at-tabs{border-bottom:1px solid var(--at-line);gap:2px;margin:8px 0 4px;display:flex}.at-tabs button{color:var(--at-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:4px 8px}.at-tabs button.active{color:var(--at-fg);border-bottom-color:var(--at-fg)}.at-assets{gap:8px;display:grid;overflow:auto}.at-assets-search{color:var(--at-muted);align-items:center;gap:6px;display:flex}.at-assets-group ul{margin:4px 0 0;padding:0;list-style:none}.at-asset{width:100%;color:inherit;font:inherit;text-align:left;cursor:grab;background:0 0;border:0;border-radius:5px;align-items:center;gap:6px;padding:4px 6px;display:flex}.at-asset:hover{background:var(--at-hover)}.at-asset-icon{color:var(--at-component)}.at-assets-empty{padding:8px 2px}.at-style-control,.at-var-control{align-items:center;gap:2px;display:inline-flex;position:relative}.at-style-chip{background:var(--at-hover);white-space:nowrap;text-overflow:ellipsis;border-radius:9px;align-items:center;gap:2px;max-width:120px;padding:0 2px 0 6px;display:inline-flex;overflow:hidden}.at-var-name{background:var(--at-hover);text-overflow:ellipsis;white-space:nowrap;border-radius:3px;padding:2px 6px;overflow:hidden}.at-bound{color:var(--at-component)}.at-popover{z-index:20;background:var(--at-panel);border:1px solid var(--at-line);border-radius:6px;gap:2px;min-width:180px;max-height:320px;padding:6px;display:grid;position:absolute;top:100%;right:0;overflow:auto;box-shadow:0 6px 20px #0000001f}.at-menu-item{color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:4px 6px}.at-menu-item:hover,.at-menu-item.active{background:var(--at-hover)}.at-modal-backdrop{z-index:50;background:#00000040;place-items:center;display:grid;position:fixed;inset:0}.at-modal{background:var(--at-panel);color:var(--at-fg);border:1px solid var(--at-line);border-radius:10px;max-width:min(960px,100vw - 32px);max-height:calc(100vh - 64px);padding:12px;overflow:auto;box-shadow:0 12px 40px #0003}.at-confirm{width:min(360px,100vw - 32px)}.at-confirm-title{margin:0 0 6px;font-size:13px}.at-confirm-message{margin:0 0 12px}.at-confirm-buttons{justify-content:flex-end;align-items:center}.at-modal-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.at-vars-body{grid-template-columns:160px 1fr;gap:12px;display:grid}.at-vars-collections{align-content:start;gap:2px;display:grid}.at-vars-table{border-collapse:collapse;margin:8px 0}.at-vars-table th,.at-vars-table td{border-bottom:1px solid var(--at-line);text-align:left;vertical-align:middle;padding:3px 4px}.at-alias-select{width:34px}.at-libraries-button{align-items:center;gap:4px;display:inline-flex}.at-badge{color:#fff;text-align:center;background:#3d7eff;border-radius:8px;min-width:16px;padding:0 4px;font-size:10px;line-height:16px}.at-libraries{width:420px}.at-libraries-body{gap:8px;display:grid}.at-libraries-list{gap:4px;max-height:300px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.at-exposed{border-left:2px solid var(--at-line);margin-top:6px;padding-left:8px}.at-warning{color:var(--at-warn);gap:2px;display:grid}.at-warning .at-link{color:var(--at-warn)}.at-var-details{gap:4px;padding:6px 0;display:grid}.at-scopes{border:1px solid var(--at-line);border-radius:6px;gap:2px;display:grid}.at-filename-input{color:inherit;font:inherit;background:0 0;border:1px solid #0000;border-radius:5px;min-width:80px;padding:2px 6px}.at-filename-input:hover,.at-filename-input:focus{border-color:var(--at-line);outline:none}.at-save-status{color:var(--at-muted);white-space:nowrap;text-overflow:ellipsis;max-width:160px;font-size:12px;overflow:hidden}.at-save-status.offline,.at-save-status.error{color:var(--at-warn)}.at-history{overflow:auto}.at-history-form{gap:6px;margin:6px 0;display:grid}.at-history-list{gap:10px;margin:8px 0 0;padding:0;list-style:none;display:grid}.at-history-title{font-weight:600}.at-history-desc{white-space:pre-wrap;font-size:12px}.at-export-row{grid-template-columns:64px 1fr 70px 24px;align-items:center;gap:4px;margin-bottom:4px;display:grid}.at-export-button{justify-content:center;width:100%;margin-top:4px}.at-vars-groups{border-top:1px solid var(--at-line);gap:1px;margin-top:8px;padding-top:8px;display:grid}.at-vars-group{gap:2px}.at-vars-group-row td{color:var(--at-muted);padding-top:8px}tr[draggable=true]{cursor:grab}.at-style-picker{min-width:220px;max-height:360px;overflow:auto}.at-style-grid{flex-wrap:wrap;gap:4px;display:flex}.at-style-grid .at-section-title{flex-basis:100%}.at-style-tile{background:0 0;border:1px solid #0000;border-radius:4px;padding:2px}.at-style-tile:hover{border-color:var(--at-line)}.at-swatch{border:1px solid var(--at-line);vertical-align:middle;border-radius:3px;justify-content:center;align-items:center;width:16px;height:16px;margin-right:6px;font-size:9px;display:inline-flex}.at-style-grid .at-swatch{width:24px;height:24px;margin:0}.at-swatch-other{background:repeating-linear-gradient(45deg, var(--at-line) 0 3px, transparent 3px 6px)}.at-style-preview{border-top:1px solid var(--at-line);margin-top:6px;padding-top:6px}.at-style-description{white-space:pre-wrap;margin-top:4px}.at-style-overrides{align-items:center;gap:2px;font-size:11px;display:inline-flex}.at-style-folder{margin-top:6px;font-weight:600}div[draggable=true]{cursor:grab}.at-var-row{flex-wrap:wrap;gap:6px;font-size:11px}.at-var-row .at-popover{left:0;right:auto}.at-asset-thumb{object-fit:contain;background:var(--at-panel-alt,#7f7f7f14);border-radius:3px;flex:none;width:24px;height:24px;margin-right:6px}.at-inherited .at-field{color:var(--at-muted);font-style:italic}.at-export-options{grid-column:1/-1;gap:2px;padding:4px 0;display:grid}.at-export-preview{object-fit:contain;background:repeating-conic-gradient(#eee 0 25%, #fff 0 50%) 0 0 / 12px 12px;border:1px solid var(--at-line);max-width:100%;max-height:200px}.at-import{width:min(440px,100vw - 32px)}.at-import-body{gap:10px;display:grid}.at-import-note{margin:0 0 10px}.at-import-body .at-field{border-color:var(--at-line);padding:5px 8px}.at-import-row{gap:4px;display:grid}.at-import-check{align-items:center;gap:6px;display:flex}.at-import-error{color:var(--at-error);white-space:pre-wrap}.at-share{gap:10px;width:min(460px,100vw - 32px);display:grid}.at-share-invite,.at-share-link{grid-template-columns:1fr auto auto;gap:6px;display:grid}.at-share-link{grid-template-columns:1fr auto}.at-share-guest{border-top:1px solid var(--at-line);border-bottom:1px solid var(--at-line);gap:6px;padding:8px 0;display:grid}.at-share-people{gap:6px;margin:0;padding:0;list-style:none;display:grid}.at-share-people li{grid-template-columns:1fr auto auto;align-items:center;gap:8px;display:grid}.at-file-tabs{scrollbar-width:thin;background:var(--at-bg);border-bottom:1px solid var(--at-line);grid-column:1/-1;align-items:center;gap:2px;min-width:0;padding:0 8px;display:flex;overflow-x:auto}.at-shell:has(>.at-file-tabs){grid-template-rows:32px 44px 1fr}.at-shell.ui-hidden:has(>.at-file-tabs){grid-template-rows:0 0 1fr}.at-shell:has(>.at-file-tabs)>.at-panel-resizer{top:76px}.at-file-tab{white-space:nowrap;border-radius:4px;align-items:center;gap:2px;max-width:160px;padding:2px 2px 2px 8px;font-size:12px;display:inline-flex}.at-file-tab a,.at-file-tab>span{text-overflow:ellipsis;color:inherit;text-decoration:none;overflow:hidden}.at-file-tab.active{background:var(--at-hover)}.at-peers{align-items:center;display:flex}.at-peer{color:#fff;cursor:pointer;width:24px;height:24px;box-shadow:0 0 0 2px var(--at-bg,#fff);border:2px solid;border-radius:50%;margin-left:-4px;font:600 10px/1 inherit}.at-peer.following{box-shadow:0 0 0 2px var(--at-bg,#fff), 0 0 0 4px currentColor}.at-peer-overlay{pointer-events:none;position:absolute;inset:0;overflow:hidden}.at-peer-cursor{transition:transform 60ms linear;position:absolute;top:0;left:0}.at-peer-cursor span{color:#fff;white-space:nowrap;border-radius:4px;padding:1px 6px;font-size:11px;position:absolute;top:14px;left:12px}.at-peer-selection{box-sizing:border-box;border:1.5px solid;position:absolute}.at-follow-frame{border:2px solid;position:absolute;inset:0}.at-follow-frame span{color:#fff;border-radius:0 0 6px 6px;padding:2px 8px;font-size:11px;position:absolute;top:0;left:50%;transform:translate(-50%)}.at-spotlight{margin-left:6px}.at-spotlight.on{background:var(--at-accent,#d2552c);color:#fff}.at-peer-chat{color:#fff;white-space:normal;border-radius:10px;max-width:240px;padding:4px 8px;font-size:12px;position:absolute;top:34px;left:12px}.at-cursor-chat{z-index:5;position:absolute}.at-cursor-chat input{border:1px solid var(--at-line);width:200px;font:inherit;border-radius:12px;padding:5px 9px;font-size:12px}.at-comment-layer{cursor:crosshair;position:absolute;inset:0}.at-comment-pin{color:#fff;cursor:pointer;background:#6f6a62;border:2px solid #fff;border-radius:13px 13px 13px 2px;width:26px;height:26px;font:600 11px/1 inherit;position:absolute;transform:translateY(-100%);box-shadow:0 2px 6px #00000040}.at-comment-pin.unread{background:var(--at-accent,#d2552c)}.at-comment-pin.resolved{opacity:.5}.at-comment-region{border:1.5px dashed var(--at-accent,#d2552c);background:color-mix(in srgb, var(--at-accent,#d2552c) 8%, transparent);pointer-events:none;position:absolute}.at-thread{z-index:6;background:var(--at-panel,#fff);cursor:auto;border-radius:8px;gap:6px;width:280px;max-height:60vh;padding:8px;display:grid;position:absolute;overflow:auto;box-shadow:0 8px 24px #0003}.at-thread-head,.at-comment-head{justify-content:space-between;align-items:center;gap:6px;display:flex}.at-comment-list,.at-comment-index{gap:8px;margin:0;padding:0;list-style:none;display:grid}.at-comment-body{white-space:pre-wrap;word-break:break-word}.at-mention{color:var(--at-accent,#d2552c);font-weight:500}.at-comment-actions{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.at-reaction{border:1px solid var(--at-line);font:inherit;cursor:pointer;background:0 0;border-radius:10px;padding:1px 6px;font-size:11px}.at-reaction.mine{border-color:var(--at-accent,#d2552c)}.at-reaction-picker{gap:2px;display:flex}.at-reaction-picker button{cursor:pointer;background:0 0;border:0;font-size:15px}.at-comment-composer{gap:4px;display:grid;position:relative}.at-comment-composer textarea{resize:vertical;min-height:48px}.at-mention-list{z-index:2;background:var(--at-panel,#fff);border-radius:6px;margin:0;padding:4px;list-style:none;position:absolute;top:100%;left:0;box-shadow:0 4px 12px #0003}.at-mention-list button{font:inherit;cursor:pointer;background:0 0;border:0}.at-comment-toggle{position:relative}.at-comment-toggle.on{color:var(--at-accent,#d2552c)}.at-badge{background:var(--at-accent,#d2552c);color:#fff;border-radius:7px;min-width:14px;padding:0 3px;font-size:9px;line-height:14px;position:absolute;top:-4px;right:-6px}.at-comment-filters{gap:2px;padding:0 8px 8px;display:grid}.at-comment-index-item{text-align:left;width:100%;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;gap:2px;padding:6px 8px;display:grid}.at-comment-index-item:hover{background:var(--at-hover)}.at-comment-index-item.unread strong{color:var(--at-accent,#d2552c)}.at-right-tabs{border-bottom:1px solid var(--at-line);gap:2px;padding:6px 8px 0;display:flex}.at-right-tabs button{font:inherit;color:var(--at-muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:6px 8px;font-size:12px;font-weight:500}.at-right-tabs button.active{color:inherit;border-bottom-color:currentColor}.at-devmode{font-family:ui-monospace,monospace;font-size:11px}.at-devmode.on{color:#fff;background:#2f80ed}.at-connections{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.at-noodle{fill:none;stroke:#2f80ed;stroke-width:1.5px;opacity:.55}.at-noodle.selected{opacity:1;stroke-width:2px}.at-noodle-handle,.at-noodle-end{fill:#fff;stroke:#2f80ed;stroke-width:2px;pointer-events:all;cursor:crosshair}.at-noodle-target{fill:none;stroke:#2f80ed;stroke-width:2px}.at-interaction-summary{text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;flex:1;padding:4px 0;font-size:12px}.at-interaction-editor,.at-action,.at-transition{gap:4px;padding:4px 0;display:grid}.at-action{border-top:1px solid var(--at-line)}.at-player{color:#ece8e1;background:#1e1e1e;flex-direction:column;display:flex;position:fixed;inset:0}.at-player-bar{z-index:2;background:#141311db;border-bottom:1px solid #ffffff14;align-items:center;gap:10px;height:48px;padding:0 12px;font-size:13px;display:flex;position:absolute;inset:0 0 auto}.at-player-bar select{color:inherit;font:inherit;background:#2c2a26;border:1px solid #3d3a35;border-radius:6px;padding:4px 6px}.at-player-title{white-space:nowrap;text-overflow:ellipsis;max-width:40vw;overflow:hidden}.at-player-title span{color:#a29b91}.at-player-spacer{flex:1}.at-player-check{color:#cfc9c0;align-items:center;gap:4px;display:inline-flex}.at-player-canvas{touch-action:none;flex:1;width:100%;height:100%;display:block}.at-player-message{color:#cfc9c0;pointer-events:none;place-items:center;display:grid;position:absolute;inset:48px 0 0}.at-player-fonts{color:#f2d39b;background:#141311e6;border:1px solid #ffffff1f;border-radius:6px;align-items:center;gap:8px;max-width:calc(100% - 32px);padding:6px 8px 6px 12px;font-size:12px;display:flex;position:absolute;top:56px;left:50%;transform:translate(-50%)}.at-player-comments{z-index:1;pointer-events:none;position:absolute;inset:0}.at-player-comments.active{pointer-events:auto;cursor:crosshair}.at-player-comments>*{pointer-events:auto}.at-player .at-thread,.at-player-settings{color:#1d1b18;background:#fbfaf8}.at-player-settings{z-index:3;border-radius:8px;gap:8px;width:260px;padding:10px 12px;font-size:13px;display:grid;position:absolute;top:56px;right:12px;box-shadow:0 8px 24px #0000004d}.at-player-settings label{grid-template-columns:96px 1fr;align-items:center;gap:6px;display:grid}.at-player-settings label.at-player-check{color:inherit;display:flex}.at-player-bar .at-icon.active{background:#ffffff24}.at-selcolor-row{grid-template-columns:20px 1fr 40px;align-items:center;gap:4px;display:grid}.at-selcolor-picker{position:relative}.at-rename-dialog{gap:8px;width:360px;display:grid}.at-rename-field{grid-template-columns:72px 1fr;align-items:center;gap:6px;display:grid}.at-rename-start{width:56px}.at-rename-preview{gap:2px;margin:0;padding:0;list-style:none;display:grid}.at-grid-tracks{gap:4px;margin-top:6px;display:grid}.at-grid-track{grid-template-columns:14px 64px 1fr 22px 22px;align-items:center;gap:4px;display:grid}.at-layer-icon-hit{align-items:center;display:inline-flex}.at-boundary{color:var(--at-muted);align-items:center;gap:8px;padding:8px 12px;font-size:11px;display:flex}.at-boundary-overlay{z-index:5;background:var(--at-panel);border:1px solid var(--at-line);border-radius:6px;position:absolute;bottom:8px;left:8px}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f6f3;--surface:#fff;--fg:#1d1b18;--muted:#625d55;--line:#e6e2da;--control:#948e84;--hover:#f0eee9;--accent:#c8502a;--accent-hover:#b4441f;--accent-fg:#fff;--accent-text:#a8341f;--accent-soft:#fbeee8;--accent-soft-fg:#9a3a1b;--danger:#b3261e;--danger-soft:#fdf1ef;--focus:0 0 0 2px var(--surface), 0 0 0 4px var(--accent);--shadow-sm:0 1px 2px #1d1b180f;--shadow-md:0 1px 3px #1d1b1814, 0 8px 24px #1d1b181f;--radius:8px;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}html,body{background:var(--bg);min-height:100%;color:var(--fg);margin:0}:where(.auth,.browser,.admin){font-size:14px;line-height:1.45}:where(.auth,.browser,.admin),:where(.auth,.browser,.admin) *,:where(.auth,.browser,.admin) :before,:where(.auth,.browser,.admin) :after{box-sizing:border-box}:where(.auth,.browser,.admin) a{color:var(--accent-text)}:where(.auth,.browser,.admin) :focus-visible{box-shadow:var(--focus);outline:none}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.btn{border-radius:var(--radius);min-height:36px;font:inherit;white-space:nowrap;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-weight:550;line-height:1;text-decoration:none;transition:background-color .12s,border-color .12s;display:inline-flex}.btn:disabled{cursor:default;opacity:.6}.btn-primary,.browser-primary{background:var(--accent);color:var(--accent-fg)}.btn-primary:hover:not(:disabled),.browser-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-secondary{background:var(--surface);color:var(--fg);border-color:var(--control)}.btn-secondary:hover:not(:disabled){background:var(--hover)}.btn-ghost{color:var(--fg);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--hover)}.btn-danger{background:var(--danger);color:#fff}.btn-block{width:100%}.btn-icon{width:32px;min-height:32px;color:var(--muted);background:0 0;border:0;border-radius:6px;padding:0}.btn-icon:hover,.btn-icon[aria-expanded=true]{background:var(--hover);color:var(--fg)}.browser-primary{border-radius:var(--radius);min-height:36px;font:inherit;cursor:pointer;border:0;align-items:center;gap:8px;padding:0 14px;font-weight:550;display:inline-flex}.field{color:var(--fg);gap:6px;font-size:13px;font-weight:550;display:grid}.input,.field input,.browser-modal-card input:not([type=checkbox]):not([type=file]),.browser-modal-card select,.browser-file input{border:1px solid var(--control);border-radius:var(--radius);background:var(--surface);width:100%;min-height:38px;color:var(--fg);font:inherit;padding:0 12px;font-weight:400}.field input[readonly]{background:var(--bg);color:var(--muted)}.input:focus-visible,.field input:focus-visible,.browser-modal-card input:focus-visible,.browser-modal-card select:focus-visible,.browser-file input:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px #c8502a40}.notice{border-radius:var(--radius);margin:0;padding:10px 12px;font-size:13px;line-height:1.45}.notice-error,.auth-error{color:var(--danger)}.notice.notice-error{background:var(--danger-soft)}.notice-info{background:var(--hover);color:var(--fg)}.notice-success{color:#1e5e33;background:#edf6ef}.link-button{color:var(--accent-text);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.auth{align-content:center;place-items:center;gap:20px;min-height:100vh;padding:32px 16px;display:grid}.auth-brand{color:var(--fg);align-items:center;gap:8px;font-size:17px;font-weight:650;text-decoration:none;display:flex}.auth-brand .logo,.browser-brand .logo{color:var(--accent);font-size:20px;line-height:1}.auth-card{background:var(--surface);border:1px solid var(--line);width:min(400px,100%);box-shadow:var(--shadow-md);border-radius:12px;gap:16px;padding:32px;display:grid}.auth-card h1{letter-spacing:-.01em;margin:0;font-size:22px;font-weight:650}.auth-card p{margin:0}.auth-lede{color:var(--muted)}.auth-form{gap:14px;display:grid}.auth-google{border-radius:var(--radius);background:var(--accent);min-height:42px;color:var(--accent-fg);justify-content:center;align-items:center;gap:10px;padding:0 16px;font-weight:600;text-decoration:none;display:flex}.auth-google:hover{background:var(--accent-hover)}.auth-google .g-mark{background:#fff;border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.auth-divider{color:var(--muted);align-items:center;gap:12px;font-size:12px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--line);flex:1;height:1px}.auth-alt{color:var(--muted);text-align:center;margin:0;font-size:13px}.auth-row{justify-content:flex-end;font-size:13px;display:flex}.auth-foot{color:var(--muted);text-align:center;margin:0;font-size:13px}.admin{max-width:960px;margin:0 auto;padding:32px 16px}.admin-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.admin h1{margin:0;font-size:22px}.admin h2{margin:28px 0 8px;font-size:16px}.admin-table{border-collapse:collapse;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);width:100%}.admin-table td{border-top:1px solid var(--line);vertical-align:top;padding:8px 10px}.admin-note{color:var(--muted)}.browser{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.browser-side{background:var(--surface);border-right:1px solid var(--line);flex-direction:column;gap:4px;height:100vh;padding:16px 12px 12px;display:flex;position:sticky;top:0;overflow-y:auto}.browser-brand{align-items:center;gap:8px;padding:4px 8px 12px;font-size:15px;font-weight:650;display:flex}.side-list{gap:1px;margin:0;padding:0;list-style:none;display:grid}.side-item{width:100%;min-height:34px;color:var(--fg);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;padding:0 10px;display:flex}.side-item svg{color:var(--muted);flex:none}.side-item>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.side-item:hover{background:var(--hover)}.side-item.active{background:var(--accent-soft);color:var(--accent-soft-fg);font-weight:600}.side-item.active svg{color:var(--accent-soft-fg)}.side-team{margin-top:14px}.side-team-head{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;justify-content:space-between;align-items:center;gap:4px;padding:0 0 4px 10px;font-size:12px;font-weight:600;display:flex}.side-team-head>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.side-team-head .btn-icon{width:26px;min-height:26px}.side-add,.side-add svg{color:var(--muted)}.side-foot{margin-top:auto;padding:16px 10px 0}.browser-version{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.browser-body{flex-direction:column;min-width:0;display:flex}.browser-top{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);background:#f7f6f3eb;align-items:center;gap:12px;min-height:60px;padding:10px 24px;display:flex;position:sticky;top:0}.top-search{flex:auto;min-width:0;max-width:440px;position:relative}.top-search svg{color:var(--muted);pointer-events:none;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.browser-search{border:1px solid var(--control);border-radius:var(--radius);background:var(--surface);width:100%;min-height:38px;color:var(--fg);font:inherit;padding:0 12px 0 36px}.browser-search:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px #c8502a40}.top-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.side-toggle{display:none}.avatar{color:#fff;background:#3f3a34;border-radius:50%;place-items:center;width:32px;height:32px;font-size:12px;font-weight:650;display:grid}.account-trigger{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:4px;padding:2px 4px 2px 2px;display:inline-flex}.account-trigger:hover,.account-trigger[aria-expanded=true]{background:var(--hover)}.browser-main{align-content:start;gap:16px;padding:24px;display:grid}.browser-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.main-head{align-items:center;gap:4px;min-height:36px;display:flex}.main-head h1,.browser-head h1{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:22px;font-weight:650;overflow:hidden}.main-sub{color:var(--muted);margin:-8px 0 0;font-size:13px}.browser-empty{color:var(--muted)}.empty{text-align:center;border:1px dashed var(--line);background:var(--surface);border-radius:12px;justify-items:center;gap:8px;padding:64px 16px;display:grid}.empty-icon{background:var(--accent-soft);width:48px;height:48px;color:var(--accent-soft-fg);border-radius:12px;place-items:center;margin-bottom:4px;display:grid}.empty h2{margin:0;font-size:16px;font-weight:650}.empty p{max-width:360px;color:var(--muted);margin:0}.empty-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px;display:flex}.browser-grid{grid-template-columns:repeat(auto-fill,minmax(216px,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.browser-file{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:10px;transition:box-shadow .12s,border-color .12s;display:grid;position:relative}.browser-file:hover,.browser-file:focus-within{box-shadow:var(--shadow-md);border-color:#d6d1c7}.browser-thumb{aspect-ratio:4/3;color:#8f897f;background:#efede8;border-radius:9px 9px 0 0;place-items:center;text-decoration:none;display:grid;overflow:hidden}.browser-thumb:focus-visible{box-shadow:inset 0 0 0 2px var(--accent)}.browser-thumb img{object-fit:contain;background:#fff;width:100%;height:100%}.card-info{border-top:1px solid var(--line);align-items:flex-start;gap:4px;padding:10px 6px 12px 12px;display:flex}.card-text{flex:1;gap:2px;min-width:0;display:grid}.browser-file-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.browser-file-name a{color:inherit;border-radius:3px;text-decoration:none}.browser-file-name a:hover{text-decoration:underline}.browser-file-meta{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.browser-file input{min-height:30px;padding:0 8px}.skeleton{background:linear-gradient(90deg,#efede8 0%,#f6f5f2 50%,#efede8 100%) 0 0/200% 100%;border-radius:10px;height:220px;animation:1.4s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}.menu-wrap{display:inline-flex;position:relative}.menu{z-index:40;background:var(--surface);border:1px solid var(--line);min-width:200px;max-width:300px;box-shadow:var(--shadow-md);border-radius:10px;gap:1px;padding:4px;display:grid;position:absolute;top:calc(100% + 4px)}.menu.end{right:0}.menu.start{left:0}.menu-head{border-bottom:1px solid var(--line);gap:2px;margin-bottom:4px;padding:8px 10px;font-size:13px;display:grid}.menu-head strong{font-weight:600}.menu-head span{color:var(--muted);text-overflow:ellipsis;overflow:hidden}.menu-item{width:100%;min-height:34px;color:var(--fg);font:inherit;text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;padding:0 10px;text-decoration:none;display:flex}.menu-item svg{color:var(--muted);flex:none}.menu-item:hover,.menu-item:focus-visible{background:var(--hover);box-shadow:none;outline:none}.menu-item.danger,.menu-item.danger svg{color:var(--danger)}.menu-item.danger:hover,.menu-item.danger:focus-visible{background:var(--danger-soft)}.menu-item:disabled{color:var(--muted);cursor:default;background:0 0}.menu-divider{background:var(--line);height:1px;margin:4px 6px}.browser-modal{z-index:50;background:#1d1b1866;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.browser-modal-card{background:var(--surface);width:min(520px,100%);max-height:calc(100vh - 32px);box-shadow:var(--shadow-md);border-radius:12px;gap:14px;padding:24px;display:grid;overflow:auto}.browser-modal-card h2{margin:0;font-size:18px;font-weight:650}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.browser-link{font:inherit;color:var(--accent-text);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:4px 6px;font-size:13px}.browser-link:hover{background:var(--hover)}.browser-invite{grid-template-columns:1fr auto auto;gap:8px;display:grid}.browser-invite select{width:auto}.browser-people{gap:0;margin:0;padding:0;list-style:none;display:grid}.browser-people li{border-top:1px solid var(--line);grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:8px 0;font-size:14px;display:grid}.browser-people select{width:auto;min-height:32px}.browser-file-actions{align-items:center;gap:4px;display:flex}.move-list{gap:2px;max-height:50vh;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.move-team{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;padding:8px 10px 2px;font-size:12px;font-weight:600}@media (max-width:760px){.browser{grid-template-columns:minmax(0,1fr)}.browser-side{z-index:45;width:min(280px,85vw);box-shadow:var(--shadow-md);transition:transform .16s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.browser.side-open .browser-side{transform:none}.side-scrim{z-index:44;background:#1d1b1859;position:fixed;inset:0}.side-toggle{display:inline-flex}.browser-top{flex-wrap:wrap;padding:10px 12px}.top-search{flex-basis:100%;order:3;max-width:none}.top-new-label{display:none}.browser-main{padding:16px 12px}.browser-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.auth-card{padding:24px 20px}}@media (min-width:761px){.side-scrim{display:none}}.auth-card>a:not([class]){justify-self:start}.auth-card>button:not([class]),.auth-card .browser-primary{border-radius:var(--radius);background:var(--accent);min-height:40px;color:var(--accent-fg);font:inherit;cursor:pointer;border:0;justify-content:center;padding:0 16px;font-weight:600;text-decoration:none}.auth-card>button:not([class]):hover,.auth-card .browser-primary:hover{background:var(--accent-hover)}