:root{--g-900:#0d0d0d;--g-850:#141414;--g-800:#1a1a1a;--g-750:#212121;--g-700:#2a2a2a;--g-600:#3a3a3a;--g-500:#565656;--g-400:#7d7d7d;--g-300:#a3a3a3;--g-200:#c9c9c9;--g-100:#e8e8e8;--accent:#d6d6d6;--danger:#d98b8b;--sidebar-w:340px;--radius:6px;--radius-sm:4px;--font:ui-sans-serif, -apple-system, "SF Pro Text", "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--g-900);height:100%;color:var(--g-200);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;margin:0;padding:0;font-size:13px;overflow:hidden}button,input,select{font-family:inherit;font-size:inherit;color:inherit}#app{width:100%;height:100%;display:flex}#viewport{background:var(--g-850);flex:1;min-width:0;position:relative}#canvas{touch-action:none;outline:none;width:100%;height:100%;display:block}#canvas.walk-mode{cursor:crosshair}#canvas.pointer-locked{cursor:none}#canvas.hover-paintable{cursor:pointer}.floating{z-index:5;position:absolute}.panel{-webkit-backdrop-filter:blur(12px);border:1px solid var(--g-700);border-radius:var(--radius);background:#141414d1}#toolbar{-webkit-user-select:none;user-select:none;flex-direction:column;gap:8px;padding:8px;display:flex;top:12px;left:12px}.toolbar-row{align-items:center;gap:6px;display:flex}.seg{background:var(--g-800);border:1px solid var(--g-700);border-radius:var(--radius-sm);display:flex;overflow:hidden}.seg button{cursor:pointer;color:var(--g-400);letter-spacing:.02em;background:0 0;border:0;padding:5px 11px;transition:background .12s,color .12s}.seg button:hover{color:var(--g-200);background:var(--g-750)}.seg button.active{background:var(--g-600);color:var(--g-100)}.btn{background:var(--g-800);border:1px solid var(--g-700);border-radius:var(--radius-sm);cursor:pointer;color:var(--g-300);white-space:nowrap;padding:5px 10px;transition:background .12s,color .12s,border-color .12s}.btn:hover:not(:disabled){background:var(--g-700);color:var(--g-100);border-color:var(--g-600)}.btn:active:not(:disabled){background:var(--g-600)}.btn:disabled{opacity:.4;cursor:default}.btn.ghost{color:var(--g-400);background:0 0;border-color:#0000;padding:4px 6px}.btn.ghost:hover:not(:disabled){background:var(--g-700);border-color:#0000}.btn.danger:hover:not(:disabled){color:var(--danger);border-color:var(--danger)}.kbd{border:1px solid var(--g-600);background:var(--g-750);min-width:16px;font-family:var(--mono);text-align:center;color:var(--g-300);border-bottom-width:2px;border-radius:3px;padding:1px 4px;font-size:10px;line-height:14px;display:inline-block}.scheme-slots{gap:4px;display:flex}.scheme-slot{background:var(--g-800);border:1px solid var(--g-700);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:6px;max-width:150px;padding:4px 8px 4px 5px;transition:border-color .12s,background .12s;display:flex}.scheme-slot:hover{background:var(--g-750);border-color:var(--g-600)}.scheme-slot.active{border-color:var(--g-400);background:var(--g-700)}.scheme-slot .name{text-overflow:ellipsis;white-space:nowrap;color:var(--g-300);overflow:hidden}.scheme-slot.active .name{color:var(--g-100)}.mini-swatches{border:1px solid #0006;border-radius:2px;flex:none;display:flex;overflow:hidden}.mini-swatches i{width:7px;height:14px;display:block}#status{pointer-events:none;font-family:var(--mono);color:var(--g-400);text-shadow:0 1px 3px #000000e6;align-items:flex-end;gap:8px;font-size:11px;display:flex;bottom:12px;left:12px;right:12px}#status .toast{pointer-events:none;border:1px solid var(--g-700);border-radius:var(--radius-sm);color:var(--g-200);background:#141414e6;padding:5px 9px;animation:.16s ease-out toast-in}#status .toast.fading{opacity:0;transition:opacity .4s}@keyframes toast-in{0%{opacity:0;transform:translateY(4px)}}#dropzone{z-index:20;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0d0d0dd9;justify-content:center;align-items:center;display:none;position:absolute;inset:0}#dropzone.visible{display:flex}.dropzone-inner{border:2px dashed var(--g-500);text-align:center;pointer-events:none;border-radius:12px;padding:48px 72px}.dropzone-icon{color:var(--g-400);margin-bottom:12px;font-size:34px;line-height:1}.dropzone-title{color:var(--g-100);margin-bottom:6px;font-size:17px}.dropzone-sub{color:var(--g-400)}.dropzone-sub code{font-family:var(--mono);background:var(--g-750);border-radius:3px;padding:1px 4px}#loading{z-index:25;background:#0d0d0db3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#loading[hidden]{display:none}.loading-card{text-align:center;width:260px}.loading-bar{background:var(--g-700);border-radius:2px;height:3px;margin-bottom:10px;overflow:hidden}.loading-bar-fill{background:var(--g-300);width:0%;height:100%;transition:width .15s ease-out}.loading-label{color:var(--g-300);font-family:var(--mono);font-size:11px}#help{z-index:30;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0d0d0de6;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#help[hidden]{display:none}.help-card{background:var(--g-850);border:1px solid var(--g-700);border-radius:10px;width:calc(100% - 48px);max-width:560px;max-height:calc(100% - 48px);padding:24px 28px;overflow-y:auto}.help-card h2{color:var(--g-100);margin:0 0 4px;font-size:15px;font-weight:600}.help-card p.sub{color:var(--g-400);margin:0 0 18px}.help-grid{grid-template-columns:auto 1fr;align-items:baseline;gap:7px 14px;display:grid}.help-grid h3{text-transform:uppercase;letter-spacing:.08em;color:var(--g-500);grid-column:1/-1;margin:12px 0 2px;font-size:11px;font-weight:600}.help-grid .keys{text-align:right;white-space:nowrap}.help-grid span{color:var(--g-300)}#sidebar{width:var(--sidebar-w);background:var(--g-850);border-left:1px solid var(--g-700);flex-direction:column;flex:none;display:flex;overflow:hidden}.sb-head{border-bottom:1px solid var(--g-700);flex:none;padding:14px 14px 10px}.sb-title{color:var(--g-100);letter-spacing:-.01em;font-size:14px;font-weight:600}.sb-file{font-family:var(--mono);color:var(--g-500);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:10.5px;overflow:hidden}.sb-body{overscroll-behavior:contain;flex:1;overflow-y:auto}.sb-body::-webkit-scrollbar{width:10px}.sb-body::-webkit-scrollbar-thumb{background:var(--g-700);border:3px solid var(--g-850);border-radius:5px}.sb-body::-webkit-scrollbar-thumb:hover{background:var(--g-600)}.sb-section{border-bottom:1px solid var(--g-800)}.sb-section-head{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;padding:9px 14px;display:flex}.sb-section-head:hover{background:var(--g-800)}.sb-section-head h3{text-transform:uppercase;letter-spacing:.09em;color:var(--g-400);flex:1;margin:0;font-size:10.5px;font-weight:600}.sb-section-head .count{font-family:var(--mono);color:var(--g-500);font-size:10px}.sb-section-head .chev{color:var(--g-500);width:9px;font-size:9px;transition:transform .15s}.sb-section.collapsed .chev{transform:rotate(-90deg)}.sb-section.collapsed .sb-section-body{display:none}.sb-section-body{padding:0 10px 12px}.sb-empty{color:var(--g-500);padding:10px 4px;line-height:1.5}.sb-empty code{font-family:var(--mono);background:var(--g-800);color:var(--g-300);border-radius:3px;padding:1px 4px}.paint-row{border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:9px;padding:6px;transition:background .1s;display:flex}.paint-row:hover{background:var(--g-800)}.paint-row.selected{background:var(--g-750);box-shadow:inset 0 0 0 1px var(--g-600)}.paint-row.hovered-3d{background:var(--g-800);box-shadow:inset 0 0 0 1px var(--g-500)}.swatch{border-radius:var(--radius-sm);border:1px solid #ffffff24;flex:none;width:30px;height:30px;box-shadow:0 1px 3px #00000080}.paint-meta{flex:1;min-width:0}.paint-name{color:var(--g-100);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.paint-sub{font-family:var(--mono);color:var(--g-500);text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;font-size:10.5px;overflow:hidden}.paint-row .actions{opacity:0;gap:2px;transition:opacity .1s;display:flex}.paint-row:hover .actions,.paint-row.selected .actions{opacity:1}.mat-row{border-radius:var(--radius-sm);align-items:center;gap:8px;padding:5px 6px;display:flex}.mat-row:hover{background:var(--g-800)}.mat-row label{cursor:pointer;flex:1;align-items:center;gap:8px;min-width:0;display:flex;overflow:hidden}.mat-row .mat-name{font-family:var(--mono);color:var(--g-200);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.mat-row .mat-flag{color:var(--g-500);flex:none;font-size:10px}input[type=checkbox]{accent-color:var(--g-300);flex:none;margin:0}.lib-list{flex-direction:column;gap:2px;display:flex}.lib-item{border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:8px;padding:4px 6px;display:flex}.lib-item:hover{background:var(--g-800)}.lib-item .swatch{width:20px;height:20px}.lib-item .lib-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--g-200);flex:1;overflow:hidden}.lib-item .lib-hex{font-family:var(--mono);color:var(--g-500);text-transform:uppercase;font-size:10px}.lib-item .actions{opacity:0}.lib-item:hover .actions{opacity:1}.row-actions{gap:6px;margin-top:8px;display:flex}.row-actions .btn{text-align:center;flex:1}.picker{background:var(--g-800);border:1px solid var(--g-700);border-radius:var(--radius);margin:4px 0 10px;padding:10px}.picker-sv{border-radius:var(--radius-sm);cursor:crosshair;touch-action:none;width:100%;height:128px;position:relative;overflow:hidden}.picker-sv .sat,.picker-sv .val{border-radius:var(--radius-sm);position:absolute;inset:0}.picker-sv .sat{background:linear-gradient(90deg,#fff,#0000)}.picker-sv .val{background:linear-gradient(#0000,#000)}.picker-cursor,.picker-hue-cursor{pointer-events:none;border:2px solid #fff;position:absolute;box-shadow:0 0 0 1px #0009,inset 0 0 0 1px #0006}.picker-cursor{border-radius:50%;width:12px;height:12px;transform:translate(-50%,-50%)}.picker-hue{cursor:pointer;touch-action:none;background:linear-gradient(90deg,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);border-radius:6px;height:12px;margin-top:10px;position:relative}.picker-hue-cursor{border-radius:3px;width:6px;height:16px;top:-2px;transform:translate(-50%)}.picker-row{align-items:center;gap:6px;margin-top:10px;display:flex}.hex-input{background:var(--g-900);border:1px solid var(--g-600);border-radius:var(--radius-sm);min-width:0;font-family:var(--mono);text-transform:uppercase;color:var(--g-100);flex:1;padding:5px 8px;font-size:12px}.hex-input:focus{border-color:var(--g-400);outline:none}.hex-input.invalid{border-color:var(--danger)}.text-input{background:var(--g-900);border:1px solid var(--g-600);border-radius:var(--radius-sm);width:100%;color:var(--g-100);padding:5px 8px}.text-input:focus{border-color:var(--g-400);outline:none}.picker-lib{border-top:1px solid var(--g-700);flex-wrap:wrap;gap:4px;margin-top:10px;padding-top:10px;display:flex}.picker-lib .chip{cursor:pointer;border:1px solid #ffffff24;border-radius:3px;width:22px;height:22px;transition:transform .1s}.picker-lib .chip:hover{transform:scale(1.14)}.picker-hint{color:var(--g-500);margin-top:8px;font-size:10.5px;line-height:1.45}.lil-gui.root{--background-color:#141414eb;--width:300px;z-index:40}#mobile-gate{display:none}@media (pointer:coarse) and (hover:none){#app{display:none}#mobile-gate{z-index:100;background:var(--g-900);padding:max(24px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}}html.app-unlocked #app{display:flex}html.app-unlocked #mobile-gate{display:none}.gate-card{width:100%;max-width:400px;margin:auto}.gate-icon{fill:none;width:60px;height:40px;stroke:var(--g-500);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;margin-bottom:22px}.gate-card h1{letter-spacing:-.01em;color:var(--g-100);margin:0 0 12px;font-size:22px;font-weight:600;line-height:1.25}.gate-lede{color:var(--g-300);margin:0;font-size:15px;line-height:1.55}.gate-list{border-top:1px solid var(--g-700);color:var(--g-400);gap:10px;margin:22px 0 0;padding:18px 0 0;font-size:14px;line-height:1.45;list-style:none;display:grid}.gate-list li{padding-left:18px;position:relative}.gate-list li:before{content:"";background:var(--g-600);border-radius:50%;width:5px;height:5px;position:absolute;top:8px;left:2px}.gate-list code{font-family:var(--mono);color:var(--g-300);font-size:.9em}.gate-foot{color:var(--g-500);margin:24px 0 0;font-size:13px}.gate-url{background:var(--g-850);border:1px solid var(--g-700);border-radius:var(--radius);font-family:var(--mono);color:var(--g-100);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;margin-top:6px;padding:10px 12px;font-size:14px}.gate-url:empty{display:none}.gate-continue{border:none;border-bottom:1px solid var(--g-600);color:var(--g-500);cursor:pointer;background:0 0;border-radius:0;margin-top:22px;padding:0;font-size:13px}.gate-continue:active{color:var(--g-300)}