:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0c0f13;--surface:#12171ee0;--border:#ffffff14;--text:#e8edf2;--text-dim:#8b98a5;--accent:#4cc2ff;font-family:system-ui,-apple-system,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{background:var(--bg);height:100%;color:var(--text);overflow:hidden}.app{height:100%;position:relative}.viewer,.viewer canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.topbar{pointer-events:none;align-items:baseline;gap:1rem;padding:.9rem 1.2rem;display:flex;position:absolute;top:0;left:0;right:0}.topbar h1{letter-spacing:.06em;text-transform:uppercase;font-size:1rem;font-weight:600}.topbar h1:after{content:"·";color:var(--accent);margin-left:1rem}.stats{color:var(--text-dim);font-variant-numeric:tabular-nums;font-family:ui-monospace,SF Mono,monospace;font-size:.78rem}.toolbar{background:var(--surface);border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:10px;align-items:center;gap:.35rem;padding:.4rem;display:flex;position:absolute;top:3.4rem;left:1rem}.toolbar button{appearance:none;color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.45rem .6rem;font:600 .75rem/1 ui-monospace,SF Mono,monospace;transition:color .12s,background .12s}.toolbar button:hover:not(:disabled){color:var(--text)}.toolbar button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.toolbar button.active{background:var(--accent);color:#06222f}.toolbar button:disabled{opacity:.35;cursor:default}.toolbar .divider{background:var(--border);width:1px;height:1.1rem;margin:0 .2rem}.toolbar .hint{color:var(--text-dim);white-space:nowrap;padding:0 .5rem;font-size:.72rem}.applying,.last-edit{color:var(--accent);font-family:ui-monospace,SF Mono,monospace;font-size:.75rem}.last-edit{color:var(--text-dim)}.lasso-overlay{cursor:crosshair;touch-action:none;position:absolute;inset:0}.lasso-overlay.busy{cursor:progress}.lasso-overlay svg{pointer-events:none;width:100%;height:100%}.lasso-overlay polygon{fill:#4cc2ff1f;stroke:var(--accent);stroke-width:1.5px;stroke-dasharray:6 4}.panel{background:var(--surface);border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:10px;flex-direction:column;gap:.9rem;width:230px;padding:1rem;display:flex;position:absolute;top:3.4rem;right:1rem}.panel label{color:var(--text-dim);flex-direction:column;gap:.4rem;font-size:.78rem;display:flex}.panel label span{justify-content:space-between;display:flex}.panel em{color:var(--text);font-variant-numeric:tabular-nums;font-family:ui-monospace,SF Mono,monospace;font-style:normal}.panel input[type=range]{accent-color:var(--accent);cursor:pointer}.segmented{background:var(--border);border-radius:8px;grid-auto-columns:1fr;grid-auto-flow:column;gap:2px;padding:2px;display:grid}.segmented button{appearance:none;background:var(--surface);color:var(--text-dim);letter-spacing:.04em;cursor:pointer;border:none;border-radius:6px;padding:.5rem .2rem;font:600 .72rem/1 ui-monospace,SF Mono,monospace;transition:color .12s,background .12s}.segmented button:hover{color:var(--text)}.segmented button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.segmented button.active{background:var(--accent);color:#06222f}.catalog h2{letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);margin-bottom:.5rem;font:600 .7rem/1 ui-monospace,SF Mono,monospace}.catalog ul{flex-direction:column;gap:2px;list-style:none;display:flex}.catalog li{cursor:pointer;border:1px solid #0000;border-radius:6px;grid-template-columns:14px 1fr auto auto auto;align-items:center;gap:.5rem;padding:.4rem .5rem;font-size:.8rem;transition:background .12s,border-color .12s;display:grid}.catalog li:hover{background:#ffffff0a}.catalog li.active{border-color:var(--accent);background:#4cc2ff1a}.catalog .swatch{border-radius:3px;width:12px;height:12px;box-shadow:inset 0 0 0 1px #ffffff26}.catalog .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.catalog .id{color:var(--text-dim);font-variant-numeric:tabular-nums;font-family:ui-monospace,SF Mono,monospace;font-size:.68rem}.catalog .icon{appearance:none;color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.15rem;font-size:.8rem;line-height:1}.catalog .icon:hover{color:var(--text)}.catalog .icon:focus-visible{outline:2px solid var(--accent)}.catalog .icon.off{opacity:.45}.catalog .icon.on{color:var(--accent)}.catalog .add{appearance:none;border:1px dashed var(--border);width:100%;color:var(--text-dim);cursor:pointer;background:0 0;border-radius:6px;margin-top:.5rem;padding:.45rem;font-size:.75rem;transition:color .12s,border-color .12s}.catalog .add:hover{color:var(--text);border-color:var(--text-dim)}.catalog .add-form{grid-template-columns:32px 1fr auto;gap:.4rem;margin-top:.5rem;display:grid}.catalog .add-form input[type=color]{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:6px;width:32px;height:30px;padding:2px}.catalog .add-form input[type=text]{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:6px;min-width:0;padding:.3rem .5rem;font-size:.78rem}.catalog .add-form input[type=text]:focus-visible{outline:2px solid var(--accent);outline-offset:-1px}.catalog .add-form button{appearance:none;background:var(--accent);color:#06222f;cursor:pointer;border:none;border-radius:6px;padding:0 .7rem;font:600 .75rem/1 inherit}.toolbar button.apply{background:var(--accent);color:#06222f}.toolbar button.apply:hover:not(:disabled){color:#06222f;filter:brightness(1.1)}.draw-overlay{cursor:crosshair;touch-action:none;position:absolute;inset:0}.draw-status{background:var(--surface);border:1px solid var(--border);color:var(--text-dim);white-space:nowrap;border-radius:8px;padding:.4rem .8rem;font:.75rem/1.2 ui-monospace,SF Mono,monospace;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.memory-badge{color:var(--text-dim);border:1px solid var(--border);pointer-events:auto;cursor:help;border-radius:999px;margin-left:auto;padding:.25rem .6rem;font:.68rem/1 ui-monospace,SF Mono,monospace}.fallback{text-align:left;flex-direction:column;justify-content:center;gap:1rem;max-width:34rem;height:100%;margin:0 auto;padding:2rem;display:flex}.fallback h1{letter-spacing:.06em;text-transform:uppercase;font-size:1.2rem}.fallback h1:after{content:" ·";color:var(--accent)}.fallback .tagline{color:var(--accent);font-family:ui-monospace,SF Mono,monospace;font-size:.85rem}.fallback p{color:var(--text-dim);line-height:1.6}.fallback a{color:var(--accent);font-weight:600;text-decoration:none}.fallback a:hover{text-decoration:underline}.about-button{appearance:none;border:1px solid var(--border);color:var(--text-dim);cursor:pointer;pointer-events:auto;background:0 0;border-radius:999px;padding:.25rem .7rem;font:600 .68rem/1 ui-monospace,SF Mono,monospace;transition:color .12s,border-color .12s}.about-button:hover{color:var(--text);border-color:var(--text-dim)}.about-backdrop{z-index:10;pointer-events:auto;background:#05080bb3;place-items:center;display:grid;position:fixed;inset:0}.about{background:var(--surface);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:14px;flex-direction:column;gap:.7rem;max-width:34rem;max-height:85vh;margin:1rem;padding:1.6rem;display:flex;overflow-y:auto}.about h2{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-top:.4rem;font:600 .72rem/1 ui-monospace,SF Mono,monospace}.about h2:first-child{margin-top:0}.about p,.about li{color:var(--text-dim);font-size:.85rem;line-height:1.65}.about strong{color:var(--text)}.about ul{flex-direction:column;gap:.4rem;padding-left:1.1rem;display:flex}.about a{color:var(--accent);text-decoration:none}.about a:hover{text-decoration:underline}.about .close{appearance:none;background:var(--accent);color:#06222f;cursor:pointer;border:none;border-radius:8px;align-self:flex-end;padding:.5rem 1rem;font:600 .78rem/1 inherit}