:root{--bg:#f4f2ee;--surface:#fff;--text:#1f1e1c;--muted:#6b6862;--border:#dedad3;--accent:#c8642a;--accent-text:#fff;--danger:#b3261e;--radius:8px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#1b1a19;--surface:#252422;--text:#efede9;--muted:#a7a39c;--border:#3a3835;--accent:#e8833a;--accent-text:#1b1a19;--danger:#ff8a80;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);flex-direction:column;font:14px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:flex}.topbar{border-bottom:1px solid var(--border);background:var(--surface);align-items:center;gap:16px;padding:8px 16px;display:flex}.topbar h1{margin:0;font-size:16px}[role=tablist]{gap:4px;display:flex}[role=tab]{color:var(--muted);border-radius:var(--radius);font:inherit;cursor:pointer;background:0 0;border:0;padding:6px 10px}[role=tab][aria-selected=true]{color:var(--text);background:var(--bg);font-weight:600}main{flex:1;min-height:0;display:flex}.mode{flex:1;min-height:0}.mode[hidden]{display:none}.still-life{display:flex}.viewport{flex:1;min-width:0;position:relative}.still-life-canvas{touch-action:none;outline:none;width:100%;height:100%;display:block}.panel{border-left:1px solid var(--border);background:var(--surface);width:300px;padding:4px 16px 16px;overflow-y:auto}.group{border-bottom:1px solid var(--border);padding:12px 0}.group:last-child{border-bottom:0}.group[hidden]{display:none}.group h2{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:0 0 8px;font-size:13px}.tray{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.row{gap:6px;margin:6px 0;display:flex}.row.wrap{flex-wrap:wrap}button{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;min-height:34px;padding:6px 10px}button:hover:not(:disabled){border-color:var(--muted)}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);width:100%;color:var(--accent-text);font-weight:600}button.danger{color:var(--danger)}.field{margin:8px 0;display:block}.field>span{color:var(--muted);justify-content:space-between;margin-bottom:2px;display:flex}.field input[type=range]{width:100%;accent-color:var(--accent)}.check{color:var(--muted);cursor:pointer;align-items:center;gap:8px;margin-top:10px;display:flex}.check input{width:18px;height:18px;accent-color:var(--accent)}.swatches{gap:8px;display:flex}.swatch{background:var(--swatch);border:2px solid var(--border);border-radius:50%;width:34px;height:34px;padding:0}.swatch[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.hint{color:var(--muted);margin:6px 0 0;font-size:12px}.placeholder{color:var(--muted);place-items:center;display:grid}@media (width<=720px){.topbar{flex-wrap:wrap;gap:8px;padding:8px 16px}.still-life{flex-direction:column}.viewport{flex:none;height:55vh}.panel{border-left:0;border-top:1px solid var(--border);flex:1;width:auto}}.references{padding:12px 16px 24px;overflow-y:auto}.refs-bar{flex-direction:column;gap:10px;margin-bottom:8px;display:flex}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip span{color:var(--muted);font-size:12px}.chip[aria-checked=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.chip[aria-checked=true] span{color:inherit}.refs-controls{flex-wrap:wrap;gap:6px;display:flex}.refs-controls input,.refs-controls select,.refs-session input,.refs-session select{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-height:34px;padding:6px 10px}.refs-search{flex:1;min-width:160px}.refs-controls .primary,.refs-session .primary{width:auto}.refs-status{color:var(--muted);margin:4px 0 10px;font-size:12px}.refs-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.thumb{aspect-ratio:1;background:var(--surface);padding:0;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%;display:block}.refs-more{margin:16px auto 0;display:block}.refs-more[hidden],.viewer[hidden]{display:none}.viewer{z-index:10;color:#efede9;background:#141312f0;flex-direction:column;display:flex;position:fixed;inset:0}.viewer-stage{flex:1;place-items:center;min-height:0;padding:16px;display:grid}.viewer-stage img{object-fit:contain;max-width:100%;max-height:100%}.viewer-info{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding:10px 16px 16px;display:flex}.viewer-title{margin:0;font-size:15px}.viewer-credit{color:#b9b5ae;margin:2px 0 0;font-size:12px}.viewer-credit a{color:#f0b27a}.viewer-actions{gap:6px;display:flex}.viewer-actions button{color:#efede9;background:#2c2b29;border-color:#46443f}.overlay-tools{gap:6px;display:flex}.overlay-tools button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.grid-layer{pointer-events:none;position:absolute}.grid-layer svg{display:block}.viewport .grid-layer{inset:0}.viewport .overlay-tools{position:absolute;top:10px;left:10px}.viewport .overlay-tools button{color:#1f1e1c;background:#ffffffe0;border-color:#00000026}.viewport .overlay-tools button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.viewer-stage{position:relative}.viewer-tools .overlay-tools button{color:#efede9;background:#2c2b29;border-color:#46443f}.viewer-tools .overlay-tools button[aria-pressed=true]{color:#1b1a19;background:#e8833a;border-color:#e8833a}.refs-session{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.refs-custom{color:var(--muted);align-items:center;gap:4px;display:flex}.refs-custom[hidden]{display:none}.refs-custom input{width:4.5em}.viewer-actions[hidden]{display:none}.countdown{font-variant-numeric:tabular-nums;text-align:center;align-self:center;min-width:3.5em;font-size:1.25rem}.countdown.ending{color:#f0b27a}