:root{--bg: #0a0a0c;--fg: #e6e6ea;--muted: #8a8a96;--accent: #6fb7ec;--panel-bg: rgba(20, 20, 25, .92);--field: rgba(255, 255, 255, .07);--field-hover: rgba(255, 255, 255, .13)}*{box-sizing:border-box}body{user-select:none;-webkit-user-select:none}input,textarea{user-select:text;-webkit-user-select:text}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--fg);color-scheme:dark;font:13px/1.45 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}#stage{position:fixed;inset:0;width:100%;height:100%;display:block}.progress{position:fixed;top:0;left:0;height:3px;width:0;background:var(--accent);z-index:50;transition:width .08s linear}.drop-hint{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;font-size:22px;letter-spacing:.1em;color:var(--muted);pointer-events:none;opacity:0;transition:opacity .15s}body.empty .drop-hint{opacity:.5}body.dragging .drop-hint{opacity:1;color:var(--accent);background:#5b8cb01a}.viewport-frame{position:fixed;border:1px solid rgba(255,255,255,.6);box-shadow:0 0 0 9999px #0000009e;pointer-events:none;z-index:4}.seek{position:fixed;left:0;right:0;bottom:0;width:100%;height:12px;margin:0;-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer;overflow:hidden;z-index:12}.seek:focus{outline:none}.seek::-webkit-slider-runnable-track{height:12px;background:#000;overflow:hidden}.seek::-webkit-slider-thumb{-webkit-appearance:none;width:0;height:12px;box-shadow:-4000px 0 0 4000px #fff}.seek::-moz-range-track{height:12px;background:#000}.seek::-moz-range-progress{height:12px;background:#fff}.seek::-moz-range-thumb{width:0;height:0;border:0}.panel{position:fixed;top:12px;right:12px;bottom:16px;width:280px;overflow-y:auto;background:transparent;z-index:10;padding:6px 14px 14px;font-size:12px;line-height:1.15;font-family:ui-monospace,SF Mono,Menlo,Consolas,DejaVu Sans Mono,monospace;text-shadow:-1px 0 1px #000,1px 0 1px #000,0 -1px 1px #000,0 1px 1px #000,0 0 4px rgba(0,0,0,.95);scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.22) transparent}.panel::-webkit-scrollbar{width:6px}.panel::-webkit-scrollbar-track{background:transparent}.panel::-webkit-scrollbar-thumb{background:#ffffff38;border-radius:3px}.panel::-webkit-scrollbar-thumb:hover{background:#fff6}.wh{display:flex;align-items:center;gap:6px}.wh input{width:100%;min-width:0}.wh .x{flex:0 0 auto;color:var(--muted)}.note{color:var(--muted);font-size:11px;line-height:1.4;margin-top:8px}.section-title{margin:11px 0 3px;color:var(--fg);font-size:13px;font-weight:700}.section-title:first-child{margin-top:2px}.section-title,.group-title,.row label,.btn,.tp-btn{text-transform:lowercase}.row{display:grid;grid-template-columns:78px 1fr 42px;align-items:center;gap:10px;margin:2px 0}.row label{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row input.val{width:100%;background:none;border:none;color:var(--fg);font:inherit;text-align:right;padding:0;-moz-appearance:textfield}.row input.val:focus{outline:none;color:var(--accent)}.row input.val::-webkit-outer-spin-button,.row input.val::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.row input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:13px;background:transparent;cursor:pointer}.row input[type=range]::-webkit-slider-runnable-track{height:5px;border-radius:3px;background:#ffffff2e;overflow:hidden}.row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:0;height:5px;box-shadow:-240px 0 0 240px var(--accent)}.row input[type=range]::-moz-range-track{height:5px;border-radius:3px;background:#ffffff2e}.row input[type=range]::-moz-range-progress{height:5px;border-radius:3px;background:var(--accent)}.row input[type=range]::-moz-range-thumb{width:0;height:0;border:0}.row .sl{position:relative}.reset{position:absolute;right:100%;margin-right:7px;top:50%;transform:translateY(-50%);width:12px;height:12px;display:inline-flex;align-items:center;justify-content:center;color:var(--accent);cursor:pointer;visibility:hidden}.reset.on{visibility:visible}.reset:hover{opacity:.7}.reset svg{width:12px;height:12px;display:block}.btns{display:flex;gap:6px}.btns .btn{flex:1;width:auto;margin-top:0}.row.full{grid-template-columns:1fr}.row.kv{grid-template-columns:78px 1fr}.row.indent{padding-left:12px;margin-left:3px;border-left:1px solid rgba(255,255,255,.14)}.kvbtn{display:flex;gap:6px;align-items:center}.kvbtn input{flex:1;min-width:0}.markbtn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex:none;background:var(--field);color:var(--muted);cursor:pointer}.markbtn:hover{background:var(--field-hover);color:var(--accent)}.markbtn svg{width:13px;height:13px;display:block}.row input[type=number]{-moz-appearance:textfield}.row input[type=number]::-webkit-outer-spin-button,.row input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.row select,.row input[type=number],.row input[type=text]{background:var(--field);color:var(--fg);border:none;border-radius:0;padding:4px 6px;font:inherit;width:100%}.row select{color-scheme:dark;text-shadow:none;-webkit-appearance:none;appearance:none}.row select option{background:#15151a;color:var(--fg)}.row select optgroup{background:#101015;color:var(--accent);font-weight:600;font-style:normal}.row select:focus,.row input:focus{outline:none;background:var(--field-hover)}.cs{position:relative;width:100%}.cs-trigger{background:var(--field);color:var(--fg);padding:4px 6px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cs-trigger:hover{background:var(--field-hover)}.cs-menu{position:absolute;top:calc(100% + 2px);left:0;right:0;background:#0d0d11;z-index:40;max-height:50vh;overflow-y:auto;display:none;text-shadow:none;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.22) transparent;box-shadow:0 10px 26px #000000bf}.cs-menu::-webkit-scrollbar{width:6px}.cs-menu::-webkit-scrollbar-thumb{background:#ffffff38}.cs-menu.open{display:block}.cs-group{color:var(--muted);font-weight:600;padding:6px 8px 2px;font-size:11px}.cs-item{padding:3px 12px;cursor:pointer;color:var(--fg);white-space:nowrap}.cs-item:hover{background:var(--field-hover)}.cs-item.sel{color:var(--accent);background:#6fb7ec24}.cc{position:relative;width:100%}.cc-sw{height:22px;cursor:pointer;box-shadow:inset 0 0 0 1px #ffffff2e}.cc-pop{position:absolute;top:calc(100% + 3px);right:0;width:168px;padding:9px;background:#0d0d11;z-index:41;display:none;text-shadow:none;box-shadow:0 10px 26px #000000bf}.cc-pop.open{display:block}.cc-area{position:relative;height:104px;cursor:crosshair}.cc-cur{position:absolute;width:11px;height:11px;margin:-6px 0 0 -6px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #0009;pointer-events:none}.cc-hue{position:relative;height:13px;margin-top:9px;cursor:pointer;background:linear-gradient(90deg,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red)}.cc-hcur{position:absolute;top:-1px;width:4px;height:15px;margin-left:-2px;background:#fff;box-shadow:0 0 0 1px #0009;pointer-events:none}.cc-hex{width:100%;margin-top:9px;box-sizing:border-box;background:var(--field);color:var(--fg);border:none;padding:4px 6px;font:inherit;text-shadow:none}.cc-hex:focus{outline:none;background:var(--field-hover)}.row.check{grid-template-columns:1fr auto}.cbx{width:14px;height:14px;box-shadow:inset 0 0 0 1px #ffffff4d;cursor:pointer}.cbx.on{background:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.unit-toggle{color:var(--accent)!important;cursor:pointer;text-decoration:underline dotted}.chips{display:flex;flex-wrap:wrap;gap:4px}.chip{display:flex;align-items:center;gap:5px;background:var(--field);color:var(--fg);padding:2px 7px;cursor:pointer;white-space:nowrap;max-width:100%}.chip>span:first-child{overflow:hidden;text-overflow:ellipsis}.chip:hover{background:var(--field-hover)}.chip.sel{color:var(--accent)}.chip .x{color:var(--muted)}.chip .x:hover{color:var(--fg)}.chip.add{color:var(--muted);font-weight:600}.ta{width:100%;background:var(--field);color:var(--fg);border:none;border-radius:0;padding:4px 6px;font:inherit;text-shadow:none;resize:vertical;min-height:38px}.ta:focus{outline:none;background:var(--field-hover)}input[type=color].col{width:100%;height:22px;background:var(--field);border:none;padding:2px;cursor:pointer}input[type=color].col::-webkit-color-swatch-wrapper{padding:0}input[type=color].col::-webkit-color-swatch{border:none}.group-title{margin:6px 0 1px;color:var(--accent);font-size:11px}.btn{width:100%;background:var(--field);color:var(--fg);border:none;border-radius:0;padding:5px 8px;cursor:pointer;font:inherit;font-weight:500}.btn:hover{background:var(--field-hover)}.btn.secondary{background:var(--field);color:var(--fg);font-weight:400}.btn.secondary:hover{background:var(--field-hover)}.btn:disabled{opacity:.5;cursor:default}.hidden,body.clean #panel,body.clean #progress,body.clean .drop-hint{display:none!important}body.clean #viewport-frame{border-color:transparent;box-shadow:0 0 0 9999px #000}#nav{position:fixed;top:12px;left:14px;z-index:11;opacity:.9;display:flex;gap:6px;align-items:center;font-family:ui-monospace,SF Mono,Menlo,Consolas,DejaVu Sans Mono,monospace;font-size:12px;text-transform:lowercase;text-shadow:0 1px 2px rgba(0,0,0,.95),0 0 3px rgba(0,0,0,.8)}#nav a{color:var(--fg);text-decoration:none}#nav a:hover{color:var(--accent)}#nav .sep{color:var(--muted)}.navstat{color:var(--muted);font-variant-numeric:tabular-nums}body.clean #nav{display:none!important}#navc{position:fixed;top:12px;left:50%;transform:translate(-50%);z-index:11;opacity:.9;display:flex;gap:10px;align-items:center;font-family:ui-monospace,SF Mono,Menlo,Consolas,DejaVu Sans Mono,monospace;font-size:12px;text-transform:lowercase;text-shadow:0 1px 2px rgba(0,0,0,.95),0 0 3px rgba(0,0,0,.8)}#playpause{display:inline-flex;align-items:center;color:var(--fg);cursor:pointer}#playpause:hover{color:var(--accent)}#playpause svg{width:13px;height:13px;display:block}body.clean #navc{display:none!important}.dlg{position:relative;background:#0d0d118c;color:var(--fg);border:none;border-radius:0;padding:0;max-width:560px;width:calc(100% - 40px);font-family:ui-monospace,SF Mono,Menlo,Consolas,DejaVu Sans Mono,monospace;text-shadow:0 1px 2px rgba(0,0,0,.95),0 0 3px rgba(0,0,0,.8);box-shadow:0 20px 60px #0009}.dlg::backdrop{background:#00000073}.dlg-body{padding:22px 26px;max-height:70vh;overflow-y:auto;line-height:1.55;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.22) transparent}.dlg-body h2{margin:0 0 12px;font-size:14px;font-weight:700;text-transform:lowercase}.dlg-body p{margin:0 0 10px;font-size:13px}.dlg-body p.muted{color:var(--muted);font-size:12px}.dlg-body a{color:var(--accent)}.dlg-x{position:absolute;top:8px;right:10px;background:none;border:none;color:var(--muted);font-size:18px;line-height:1;cursor:pointer;padding:2px 6px}.dlg-x:hover{color:var(--fg)}