@font-face{font-family:Geist;font-style:normal;font-weight:200 700;font-display:swap;src:url(/fonts/geist-latin.woff2) format("woff2")}@font-face{font-family:Geist;font-style:normal;font-weight:200 700;font-display:swap;src:url(/fonts/geist-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+1E00-1E9F,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:300 600;font-display:swap;src:url(/fonts/geist-mono-latin.woff2) format("woff2")}@font-face{font-family:Geist Mono;font-style:normal;font-weight:300 600;font-display:swap;src:url(/fonts/geist-mono-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+1E00-1E9F,U+2C60-2C7F,U+A720-A7FF}:root{--page: #0c0a09;--surface: #14110f;--raised: #1c1815;--field: #262019;--fg: #f5efe6;--muted: rgb(245 239 230 / .62);--faint: rgb(245 239 230 / .38);--border: rgb(245 239 230 / .11);--border-strong: rgb(245 239 230 / .19);--cream: #fff7e6;--amber: #ffc061;--coral: #ff9184;--pink: #e585cb;--accent: var(--amber);--accent-ink: #241703;--accent-wash: rgb(255 192 97 / .1);--accent-edge: rgb(255 192 97 / .28);--live: #6ee7a8;--error: #ff7a6b;--draft: #84b6ff;--radius-field: 4px;--radius-button: 8px;--radius-card: 12px;--ease: cubic-bezier(.2, 0, .2, 1);--dur-fast: .12s;--dur: .18s;--font-sans: "Geist", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;--rail-w: 52px;--library-w: 272px;--panel-w: 288px;--topbar-h: 56px;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--page);color:var(--fg);font-family:var(--font-sans);font-size:13px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow:hidden;display:grid;grid-template-rows:var(--topbar-h) 1fr}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}code.mono{background:var(--field);border-radius:var(--radius-field);padding:.1em .35em;font-size:.92em}svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.topbar{display:flex;align-items:center;gap:20px;padding:0 16px;background:var(--surface);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:9px}.brand-mark{width:20px;height:20px;border-radius:22%;background:#0b0d10;display:block;background-image:linear-gradient(var(--cream),var(--cream)),linear-gradient(var(--amber),var(--amber)),linear-gradient(var(--coral),var(--coral)),linear-gradient(var(--pink),var(--pink));background-repeat:no-repeat;background-size:5px 5px;background-position:4px 4px,11px 4px,4px 11px,11px 11px;box-shadow:inset 0 0 0 1px #fff7e614}.brand-name{font-weight:600;letter-spacing:-.01em;font-size:14px}.topbar-doc{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.name-field{background:transparent;border:1px solid transparent;border-radius:var(--radius-field);color:var(--fg);font:inherit;font-weight:500;padding:4px 8px;max-width:240px;min-width:80px}.name-field:hover{background:var(--field)}.name-field:focus{background:var(--field);border-color:var(--accent-edge);outline:none}.chip{background:var(--field);border:1px solid var(--border);border-radius:999px;color:var(--muted);cursor:pointer;font:inherit;padding:3px 11px;transition:color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.chip:hover{color:var(--fg);border-color:var(--border-strong)}.topbar-actions{display:flex;gap:8px}.btn{background:var(--raised);border:1px solid var(--border);border-radius:var(--radius-button);color:var(--fg);cursor:pointer;font:inherit;font-weight:500;padding:6px 13px;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.btn:hover{background:var(--field);border-color:var(--border-strong)}.btn:active{background:var(--raised)}.btn:disabled{opacity:.4;cursor:default}.btn-primary{background:var(--accent);border-color:transparent;color:var(--accent-ink);font-weight:600}.btn-primary:hover{background:color-mix(in oklab,var(--amber) 88%,white)}.ghost{background:transparent;border:1px solid transparent;border-radius:var(--radius-field);color:var(--muted);cursor:pointer;font:inherit;padding:3px 8px}.ghost:hover{background:var(--field);color:var(--fg)}.ghost[aria-pressed=true]{background:var(--accent-wash);color:var(--amber)}.icon-btn{background:transparent;border:none;border-radius:var(--radius-field);color:var(--muted);cursor:pointer;display:grid;place-items:center;padding:5px}.icon-btn:hover{background:var(--field);color:var(--fg)}.workspace{display:grid;grid-template-columns:var(--rail-w) var(--library-w) 1fr var(--panel-w);min-height:0}@media(max-width:1180px){.workspace{grid-template-columns:var(--rail-w) 1fr var(--panel-w)}.library{display:none}}.rail{display:flex;flex-direction:column;gap:4px;padding:10px 0;align-items:center;background:var(--surface);border-right:1px solid var(--border)}.rail-group{display:flex;flex-direction:column;gap:4px}.rail-sep{width:24px;height:1px;background:var(--border);margin:6px 0}.tool{position:relative;width:34px;height:34px;display:grid;place-items:center;background:transparent;border:1px solid transparent;border-radius:var(--radius-button);color:var(--muted);cursor:pointer;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.tool:hover:not(:disabled){background:var(--field);color:var(--fg)}.tool[aria-pressed=true]{background:var(--accent-wash);border-color:var(--accent-edge);color:var(--amber)}.tool:disabled{opacity:.3;cursor:default}.tool[data-hint]:after{content:attr(data-hint);position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);background:var(--raised);border:1px solid var(--border-strong);border-radius:var(--radius-field);box-shadow:0 18px 40px -22px #000000e6;color:var(--fg);font-size:12px;padding:4px 9px;pointer-events:none;white-space:nowrap;opacity:0;transition:opacity var(--dur-fast) var(--ease);z-index:20}.tool[data-hint]:hover:after{opacity:1}.stage{display:grid;grid-template-rows:1fr auto;min-width:0;min-height:0}.stage-canvas{position:relative;min-height:0;overflow:hidden;background-color:var(--page);background-image:radial-gradient(circle,rgb(245 239 230 / .05) 1px,transparent 1px);background-size:16px 16px}#canvas{display:block;width:100%;height:100%}.statusbar{display:flex;align-items:center;gap:16px;padding:5px 12px;background:var(--surface);border-top:1px solid var(--border);color:var(--muted);font-size:12px}.status-item{display:flex;align-items:center;gap:6px}.status-key{color:var(--faint);text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-family:var(--font-mono)}.status-spacer{flex:1}.stat-swatch{width:11px;height:11px;border-radius:2px;box-shadow:inset 0 0 0 1px #f5efe633;background:#000;display:inline-block}.panel{background:var(--surface);border-left:1px solid var(--border);overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:10px}.card{background:var(--raised);border:1px solid var(--border);border-radius:var(--radius-card);padding:12px;display:flex;flex-direction:column;gap:9px}.card-title{margin:0;font-size:10px;font-family:var(--font-mono);font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}.card-export{margin-top:auto}.note{margin:0;color:var(--faint);font-size:11.5px;line-height:1.45}.hex-field{background:var(--field);border:1px solid var(--border);border-radius:var(--radius-field);color:var(--fg);font-family:var(--font-mono);font-size:13px;padding:5px 8px;text-transform:uppercase;width:100%}.hex-field:focus{border-color:var(--accent-edge);outline:none}.swatch-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:3px}.swatch{aspect-ratio:1;border:none;border-radius:3px;cursor:pointer;padding:0;box-shadow:inset 0 0 0 1px #f5efe624;transition:transform var(--dur-fast) var(--ease)}.swatch:hover{box-shadow:inset 0 0 0 1px #f5efe680}.swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--amber)}.fold summary{color:var(--faint);cursor:pointer;font-size:11.5px;list-style:none;padding:2px 0}.fold summary::-webkit-details-marker{display:none}.fold summary:before{content:"▸ "}.fold[open] summary:before{content:"▾ "}.fold summary:hover{color:var(--muted)}.fold>.swatch-grid{margin-top:7px}.field-row{display:flex;align-items:center;gap:8px}.field-row>label{color:var(--muted);flex:none;min-width:58px}.field-row .select{flex:1;min-width:0}.slider-row{display:grid;grid-template-columns:84px 1fr 34px;align-items:center;gap:8px}.slider-row label{color:var(--muted)}.slider-row output{color:var(--fg);text-align:right;font-size:12px}input[type=range]{-webkit-appearance:none;appearance:none;background:transparent;height:18px;width:100%;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:3px;background:var(--field);border-radius:999px}input[type=range]::-moz-range-track{height:3px;background:var(--field);border-radius:999px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:var(--amber);border:none;margin-top:-5px}input[type=range]::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:var(--amber);border:none}.num{background:var(--field);border:1px solid var(--border);border-radius:var(--radius-field);color:var(--fg);font-family:var(--font-mono);font-size:13px;padding:5px 7px;width:66px}.num:focus{border-color:var(--accent-edge);outline:none}.times{color:var(--faint)}.select{background:var(--field);border:1px solid var(--border);border-radius:var(--radius-field);color:var(--fg);font:inherit;padding:5px 7px}.select:focus{border-color:var(--accent-edge);outline:none}.select-inline{background:transparent;border:none;border-left:1px solid var(--border);border-radius:0;color:var(--muted);cursor:pointer;font-family:var(--font-mono);font-size:12px;padding:0 4px}.btn-split{display:flex;align-items:stretch}.btn-split .btn{border-top-right-radius:0;border-bottom-right-radius:0;flex:1}.btn-split .select-inline{background:var(--raised);border:1px solid var(--border);border-left:none;border-top-right-radius:var(--radius-button);border-bottom-right-radius:var(--radius-button)}.check{display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--muted)}.check:hover{color:var(--fg)}.check input[type=checkbox]{appearance:none;width:15px;height:15px;border:1px solid var(--border-strong);border-radius:3px;background:var(--field);cursor:pointer;display:grid;place-content:center;flex:none}.check input[type=checkbox]:checked{background:var(--amber);border-color:var(--amber)}.check input[type=checkbox]:checked:after{content:"";width:8px;height:4px;border:2px solid var(--accent-ink);border-top:none;border-right:none;transform:rotate(-45deg) translate(1px,-1px)}.preset-row{display:flex;flex-wrap:wrap;gap:5px}.preset{background:var(--field);border:1px solid var(--border);border-radius:999px;color:var(--muted);cursor:pointer;font-family:var(--font-mono);font-size:11px;padding:2px 9px}.preset:hover{color:var(--fg);border-color:var(--border-strong)}.preset[aria-pressed=true]{background:var(--accent-wash);border-color:var(--accent-edge);color:var(--amber)}.kv{display:grid;grid-template-columns:42px 1fr;gap:4px 8px;margin:0;align-items:center}.kv dt{color:var(--faint);font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.kv dd{margin:0;min-width:0;font-size:12px}.copyable{background:var(--field);border:1px solid var(--border);border-radius:var(--radius-field);color:var(--amber);cursor:pointer;display:block;font-family:var(--font-mono);font-size:11.5px;overflow:hidden;padding:3px 7px;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%}.copyable:hover{border-color:var(--accent-edge)}.export-actions{display:flex;flex-direction:column;gap:6px}.dialog{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-card);box-shadow:0 40px 80px -30px #000000f2;color:var(--fg);font-family:var(--font-sans);font-size:13px;padding:0;max-width:min(94vw,460px);width:100%}.dialog-wide{max-width:min(94vw,860px)}.dialog::backdrop{background:#060504b8}.dialog-body{display:flex;flex-direction:column}.dialog-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border)}.dialog-head h2{margin:0;font-size:15px;font-weight:600;letter-spacing:-.01em}.dialog-content{padding:16px;display:flex;flex-direction:column;gap:12px}.dialog-foot{display:flex;align-items:center;gap:8px;padding:12px 16px;border-top:1px solid var(--border)}.import-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;padding:16px}.import-preview{display:flex;flex-direction:column;gap:8px;min-width:0}.preview-frame{background:#000;border:1px solid var(--border);border-radius:var(--radius-button);display:grid;place-items:center;min-height:220px;overflow:hidden;padding:12px}#import-preview{max-width:100%;image-rendering:pixelated;display:block}.foot-note{margin-left:4px}.import-controls{display:flex;flex-direction:column;gap:11px}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%);background:var(--raised);border:1px solid var(--border-strong);border-left:3px solid var(--amber);border-radius:var(--radius-button);box-shadow:0 18px 40px -22px #000000e6;padding:9px 15px;z-index:50;max-width:70vw}.toast[data-kind=error]{border-left-color:var(--error)}.toast[data-kind=ok]{border-left-color:var(--live)}.drop-veil{position:fixed;inset:0;z-index:60;pointer-events:none;display:grid;place-items:center;background:#0c0a09db;backdrop-filter:blur(2px)}.drop-veil span{border:2px dashed var(--accent-edge);border-radius:var(--radius-card);color:var(--amber);font-size:16px;font-weight:500;padding:40px 72px}[hidden]{display:none!important}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--field);border-radius:999px;border:3px solid var(--surface)}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}@media(max-width:1080px){:root{--panel-w: 250px}.import-grid{grid-template-columns:1fr}}.library{display:grid;grid-template-rows:auto 1fr auto;min-height:0;background:var(--surface);border-right:1px solid var(--border)}.library-head{display:flex;flex-direction:column;gap:7px;padding:10px 10px 9px;border-bottom:1px solid var(--border)}.lib-search{display:flex;align-items:center;gap:7px;background:var(--field);border:1px solid var(--border);border-radius:var(--radius-field);padding:0 8px}.lib-search:focus-within{border-color:var(--accent-edge)}.lib-search svg{width:14px;height:14px;flex:none;fill:none;stroke:currentcolor;stroke-width:1.8;stroke-linecap:round;color:var(--faint)}.lib-search input{flex:1;min-width:0;background:none;border:none;color:var(--fg);font:inherit;font-size:12.5px;padding:6px 0}.lib-search input:focus{outline:none}.lib-search input::-webkit-search-cancel-button{filter:invert(1);opacity:.4}.lib-filters{display:grid;grid-template-columns:1fr auto;gap:6px}.select-sm{padding:5px 7px;font-size:11.5px}.team-list{overflow-y:auto;overscroll-behavior:contain;padding:6px;display:flex;flex-direction:column;gap:2px}.lib-empty{padding:18px 10px;text-align:center}.team-row{display:grid;grid-template-columns:3px 1fr auto;align-items:center;gap:9px;padding:5px 7px 5px 0;border-radius:var(--radius-button);border:1px solid transparent;cursor:default}.team-row:hover{background:var(--raised)}.team-row.is-active{background:var(--accent-wash);border-color:var(--accent-edge)}.team-accent{align-self:stretch;border-radius:0 2px 2px 0;border-right:2px solid transparent;min-height:26px}.team-label{display:flex;flex-direction:column;gap:1px;min-width:0}.team-name{font-size:12.5px;line-height:1.25;color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-meta{font-size:10.5px;color:var(--faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-sizes{display:flex;align-items:center;gap:4px;flex:none}.slot-chip{position:relative;display:grid;place-items:center;min-width:34px;height:38px;padding:2px;background:#000;border:1px solid var(--border);border-radius:5px;cursor:pointer;transition:border-color var(--dur-fast) var(--ease)}.slot-chip:hover{border-color:var(--border-strong)}.slot-chip[aria-pressed=true]{border-color:var(--amber);box-shadow:0 0 0 1px var(--amber)}.slot-chip[data-status=empty]{background:var(--field);border-style:dashed}.slot-chip[data-status=draft]:after,.slot-chip[data-status=done]:after{content:"";position:absolute;top:-2px;right:-2px;width:6px;height:6px;border-radius:50%;border:1px solid var(--surface)}.slot-chip[data-status=draft]:after{background:var(--draft)}.slot-chip[data-status=done]:after{background:var(--live)}.slot-thumb{display:block;image-rendering:pixelated;border-radius:2px}.slot-tag{font-size:9.5px;color:var(--faint);letter-spacing:-.02em}.library-foot{padding:9px 10px 10px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:7px}.library-foot-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.progress{height:3px;border-radius:2px;background:var(--field);overflow:hidden}.progress-bar{height:100%;width:0;background:var(--live);border-radius:2px;transition:width var(--dur) var(--ease)}.scratch-doc{display:flex;align-items:center;gap:8px}.team-badge{display:flex;align-items:center;gap:6px;min-width:0}.badge-main{display:flex;flex-direction:column;gap:0;min-width:132px;max-width:240px;padding:0 2px}.badge-name{font-size:13px;font-weight:500;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge-meta{font-size:10.5px;color:var(--faint)}.size-toggle{display:flex;gap:3px;margin-left:4px}.size-toggle .preset{position:relative;min-width:52px;justify-content:center;text-align:center}.size-toggle .preset[data-status=draft]:after,.size-toggle .preset[data-status=done]:after{content:"";position:absolute;top:3px;right:3px;width:5px;height:5px;border-radius:50%}.size-toggle .preset[data-status=draft]:after{background:var(--draft)}.size-toggle .preset[data-status=done]:after{background:var(--live)}.chip-done{gap:5px}.chip-done[aria-pressed=true]{background:#6ee7a81f;border-color:#6ee7a866;color:var(--live)}.ref-frame{position:relative;display:grid;place-items:center;min-height:116px;padding:10px;background:#000;border:1px solid var(--border);border-radius:var(--radius-field);background-image:linear-gradient(45deg,rgb(245 239 230 / .045) 25%,transparent 25%),linear-gradient(-45deg,rgb(245 239 230 / .045) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgb(245 239 230 / .045) 75%),linear-gradient(-45deg,transparent 75%,rgb(245 239 230 / .045) 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0}.ref-logo{max-width:100%;max-height:150px;display:block}.ref-status{position:absolute;text-align:center;padding:0 12px}.ref-actions{display:flex;flex-direction:column;gap:6px}.card-reference .swatch-grid{grid-template-columns:repeat(6,1fr)}.set-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.code-block{background:var(--field);border:1px solid var(--border);border-radius:var(--radius-field);padding:8px 10px;overflow-x:auto;white-space:pre;color:var(--muted)}.user-menu{display:flex;align-items:center;gap:6px}.user-name{color:var(--muted);font-size:12.5px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-view{position:fixed;inset:0;z-index:70;display:grid;place-items:center;background:var(--page);background-image:radial-gradient(circle,rgb(245 239 230 / .05) 1px,transparent 1px);background-size:16px 16px}.auth-card{width:min(92vw,360px);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-card);box-shadow:0 40px 80px -30px #000000f2;padding:24px;display:flex;flex-direction:column;gap:12px}.auth-brand{margin-bottom:4px}.auth-title{margin:0 0 4px;font-size:18px;font-weight:600;letter-spacing:-.01em}.auth-error{color:var(--error)}.auth-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px}.field{display:flex;flex-direction:column;gap:4px;min-width:0}.field>span,.field-label{color:var(--muted);font-size:12px}.note-inline{color:var(--faint);font-style:normal;font-weight:400;font-size:11px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.text-field{background:var(--field);border:1px solid var(--border);border-radius:var(--radius-field);color:var(--fg);font:inherit;padding:6px 9px;width:100%;min-width:0}.text-field:focus{border-color:var(--accent-edge);outline:none}.text-field:disabled{opacity:.55}.text-field-sm{padding:4px 8px;font-size:12px;width:140px}.lib-select-row{display:grid;grid-template-columns:1fr auto;gap:4px;align-items:center}.lib-select-row .select{width:100%;min-width:0}.library-foot-status{display:flex;align-items:center;gap:7px;min-width:0}.sync-dot{width:7px;height:7px;border-radius:50%;background:var(--live);flex:none;transition:background var(--dur) var(--ease)}.sync-dot[data-state=saving]{background:var(--amber);animation:sync-pulse .9s ease-in-out infinite}.sync-dot[data-state=offline]{background:var(--error);animation:sync-pulse 1.4s ease-in-out infinite}.sync-dot[data-state=error]{background:var(--error)}@keyframes sync-pulse{50%{opacity:.35}}.color-picker{display:flex;flex-direction:column;gap:8px}.cp-sv-wrap,.cp-hue-wrap{position:relative;width:100%}.cp-sv,.cp-hue{display:block;width:100%!important;border-radius:var(--radius-field);cursor:crosshair;touch-action:none}.cp-sv{aspect-ratio:232 / 140;height:auto!important}.cp-hue{height:12px!important;cursor:ew-resize}.cp-sv:focus-visible,.cp-hue:focus-visible{outline:2px solid var(--accent-edge);outline-offset:2px}.cp-thumb{position:absolute;width:12px;height:12px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #0009;transform:translate(-50%,-50%);pointer-events:none}.cp-thumb-hue{top:50%;width:8px;height:18px;border-radius:3px}.cp-readout{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center}.cp-preview{display:grid;grid-template-columns:1fr 1fr;width:52px;height:30px;border-radius:5px;overflow:hidden;border:1px solid var(--border-strong)}.cp-cell{display:block}.cp-hex{min-width:0}.cp-hex.is-invalid{border-color:var(--error)}.cp-snap{font-size:12px}.cp-meta{display:flex;justify-content:space-between;gap:8px;color:var(--faint);font-size:11px}.cp-565[data-exact=true]{color:var(--live)}.cp-565[data-exact=false]{color:var(--muted)}.ref-frame{transition:border-color var(--dur-fast) var(--ease)}.ref-frame.is-drop{border:2px dashed var(--accent-edge)}.ref-frame-sm{min-height:96px}.ref-actions-row{flex-direction:row}.ref-actions-row .btn{flex:1;padding:6px 4px;font-size:12px}.ref-url-row{display:grid;grid-template-columns:1fr auto;gap:6px}.url-field{text-transform:none;font-size:12px}.file-btn{text-align:center;cursor:pointer}.team-row.is-stacked{grid-template-columns:3px 1fr;grid-template-areas:"accent label" "accent sizes";row-gap:4px}.team-row.is-stacked .team-accent{grid-area:accent}.team-row.is-stacked .team-label{grid-area:label}.team-row.is-stacked .team-sizes{grid-area:sizes;justify-content:flex-start}.slot-chip[data-changed=true]:before,.size-toggle .preset[data-changed=true]:before{content:"";position:absolute;left:4px;right:4px;bottom:-1px;height:2px;border-radius:1px;background:var(--amber)}.slot-chip{overflow:visible}.kv-wide{grid-template-columns:62px 1fr}.restore-modes{display:flex;flex-direction:column;gap:8px}.dialog-tall .dialog-body{height:min(88vh,720px)}.dialog-medium{max-width:min(94vw,680px)}.lib-dialog-grid{display:grid;grid-template-columns:220px 1fr;min-height:0;flex:1}.lib-dialog-side{display:flex;flex-direction:column;gap:8px;padding:12px;border-right:1px solid var(--border);min-height:0}.lib-list{display:flex;flex-direction:column;gap:2px;overflow-y:auto;flex:1;min-height:0}.lib-row{display:flex;flex-direction:column;align-items:flex-start;gap:1px;background:transparent;border:1px solid transparent;border-radius:var(--radius-button);color:var(--fg);cursor:pointer;font:inherit;padding:7px 9px;text-align:left;width:100%}.lib-row:hover{background:var(--raised)}.lib-row[aria-pressed=true]{background:var(--accent-wash);border-color:var(--accent-edge)}.lib-row-name{font-weight:500}.lib-row-meta{font-size:10.5px;color:var(--faint)}.lib-dialog-main{display:flex;flex-direction:column;gap:16px;padding:16px;overflow-y:auto;min-height:0}.lib-form{display:flex;flex-direction:column;gap:12px}.lib-form-title{margin:0;font-size:14px;font-weight:600;letter-spacing:-.01em}.form-actions{display:flex;align-items:center;gap:8px}.self-start{align-self:flex-start}.danger{color:var(--error)}.danger:hover{background:#ff7a6b1f;color:var(--error)}.size-rows{display:flex;flex-direction:column;gap:6px}.size-row{display:flex;align-items:center;gap:6px}.num-sm{width:58px;padding:4px 6px}.role-field{width:96px;font-size:12px}.check-inline{font-size:12px;margin-left:4px}.lib-entries-section{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--border);padding-top:14px}.lib-entries-head{display:flex;align-items:center;gap:8px}.lib-entries-head .lib-form-title{flex:1}.entry-table{display:flex;flex-direction:column;gap:1px}.entry-row{display:grid;grid-template-columns:28px 1.4fr 1fr .8fr auto;align-items:center;gap:10px;background:transparent;border:1px solid transparent;border-radius:var(--radius-field);color:var(--fg);cursor:pointer;font:inherit;padding:4px 8px;text-align:left;width:100%}.entry-row:hover{background:var(--raised)}.entry-row-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entry-row-key{font-size:11px;color:var(--faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entry-row-group{font-size:11.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entry-row-colors{display:flex;gap:3px}.color-dot{display:inline-block;width:10px;height:10px;border-radius:50%;box-shadow:inset 0 0 0 1px #f5efe640;flex:none}.ref-thumb{width:24px;height:24px;object-fit:contain;background:#000;border-radius:4px;display:block}.ref-thumb-empty{background:var(--field);border:1px dashed var(--border-strong)}.entry-grid{display:grid;grid-template-columns:1fr 200px;gap:16px}.entry-fields{display:flex;flex-direction:column;gap:10px;min-width:0}.entry-reference{display:flex;flex-direction:column;gap:8px}.color-field{display:flex;align-items:center;gap:6px}.color-field .color-dot{width:14px;height:14px}@media(max-width:760px){.lib-dialog-grid{grid-template-columns:1fr}.lib-dialog-side{border-right:none;border-bottom:1px solid var(--border);max-height:180px}.entry-grid{grid-template-columns:1fr}}.library{min-width:0;overflow:hidden}.lib-filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.lib-filters .select{width:100%;min-width:0}.library-foot-status{flex:1}.library-foot-status .note{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-meta{flex-direction:column;gap:2px}.cp-meta>span{white-space:nowrap}
