.mapping-row[data-v-0ec85602]{gap:6px;align-items:center;flex-wrap:nowrap}.mapping-invert[data-v-0ec85602]{gap:4px;font-size:12px}.mapping-offset[data-v-0ec85602]{margin:20px 0 5px;display:flex;flex-direction:column;gap:4px}.offset-slider[data-v-0ec85602]{width:100%}.hue-slider[data-v-0ec85602]{background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.mapping-swatch[data-v-0ec85602]{display:inline-block;width:16px;height:16px;border-radius:3px;border:1px solid rgba(255,255,255,.2);margin-left:6px}.user-preset-input[data-v-0ec85602]{gap:6px;align-items:center}.user-preset-apply[data-v-0ec85602]{margin-bottom:8px}.preset-input[data-v-0ec85602]{flex:1;padding:6px 8px;border-radius:6px;border:1px solid #2a3856;background:#111827cc;color:inherit}.user-preset-list[data-v-0ec85602]{margin-top:10px;display:flex;flex-direction:column;gap:8px}.preset-row[data-v-0ec85602]{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;border:1px solid rgba(255,255,255,.08);border-radius:8px}.preset-actions[data-v-0ec85602]{gap:6px}.btn.danger[data-v-0ec85602]{border-color:#a33a3a;color:#ffb3b3}.user-preset-apply select[data-v-0ec85602],.user-preset-list .btn[data-v-0ec85602]{width:100%}.user-preset-apply select[data-v-0ec85602]{padding:6px;border-radius:6px;border:1px solid #2a3856;background:#111827cc;color:inherit}.preset-actions .btn[data-v-0ec85602]{flex:1}.clamp-warning[data-v-0ec85602]{margin:6px 0;padding:6px 8px;border-radius:6px;background:#ff585814;border:1px solid rgba(255,99,132,.4);color:#ffb3b3;font-size:12px}.color-input[data-v-0ec85602]{width:100%;height:34px;border-radius:6px;border:1px solid #2a3856;background:#111827cc}.stage[data-v-8d0208d0]{position:relative}.fps-indicator[data-v-8d0208d0]{position:absolute;top:8px;right:10px;padding:2px 6px;font-size:12px;color:#ff3700;background:#0006;border-radius:4px;pointer-events:none;-webkit-user-select:none;user-select:none}:root{--bg: #000;--fg: #ff3700;--mut: #ff3700;--panel-width: 360px;--panel-collapsed-width: 60px}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--fg);font:14px/1.45 ui-sans-serif,system-ui,Segoe UI,Roboto,Helvetica,Arial;overflow:hidden}#app{height:100vh;width:100vw}.app{position:relative;height:100%;width:100%;padding-left:var(--panel-width);transition:padding-left .25s ease}.app.panel-collapsed{padding-left:var(--panel-collapsed-width)}.panel{position:fixed;top:0;left:0;width:var(--panel-width);height:100vh;background:#0b0c1000;box-shadow:8px 0 16px #00000059;transition:width .25s ease}.panel.collapsed{width:var(--panel-collapsed-width)}.panel-inner{height:100%;overflow-y:auto;padding:48px 14px 14px;opacity:1;transition:opacity .2s ease}.panel.collapsed .panel-inner{opacity:0;pointer-events:none}.collapse-btn{position:absolute;top:10px;right:10px;width:36px;height:36px;border-radius:50%;border:1px solid #ff3700;background:#000;color:var(--fg);cursor:pointer}.panel.collapsed .collapse-btn{right:12px}h1{font-size:20px;margin:0 0 8px}h3{font-size:16px;padding:5px 10px;margin-top:30px;background-color:var(--fg);color:#000}.section{margin:12px 0 18px}.section .section-item{border-top:1px dashed var(--fg);padding:20px 10px 10px}.section .section-item:last-child{border-bottom:1px dashed var(--fg)}.section .section-item label{margin-top:0;font-weight:700}.section .section-item label.section-item-title{display:inline-block;padding:0 5px;background:#ff370033;margin-bottom:10px}label{display:block;margin:10px 0 6px;color:var(--mut)}input[type=file]{width:100%}select{width:100%;padding:6px 34px 6px 10px;border-radius:8px;border:1px solid var(--fg);background:var(--bg);color:var(--fg);font:inherit;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--fg) 50%),linear-gradient(135deg,var(--fg) 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% + -0px),calc(100% - 12px) calc(50% + -0px);background-size:6px 6px,6px 6px;background-repeat:no-repeat}select:focus{outline:none;box-shadow:0 0 0 1px var(--fg)}select.is-short{width:220px;margin-right:10px}select option{background:#050505;color:var(--fg)}input[type=range]{width:100%;appearance:none;background:transparent;margin:6px 0}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:linear-gradient(90deg,#ff370066,#ff3700e6)}input[type=range].hue-slider::-webkit-slider-runnable-track{background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}input[type=range]::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border-radius:50%;background:var(--fg);border:2px solid var(--bg);margin-top:-5px;transition:transform .1s ease}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.15)}input[type=range]::-moz-range-track{height:4px;border-radius:999px;background:linear-gradient(90deg,#ff370066,#ff3700e6)}input[type=range].hue-slider::-moz-range-track{background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--fg);border:2px solid var(--bg);transition:transform .1s ease}input[type=range]::-moz-focus-outer{border:0}input[type=range]::-ms-track{height:4px;border-radius:999px;background:transparent;border-color:transparent;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:linear-gradient(90deg,#ff370066,#ff3700e6);border-radius:999px}input[type=range].hue-slider::-ms-fill-lower,input[type=range].hue-slider::-ms-fill-upper{background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}input[type=range]::-ms-thumb{width:14px;height:14px;border-radius:50%;background:var(--fg);border:2px solid var(--bg);margin-top:0}input[type=range]{accent-color:var(--fg)}input[type=checkbox]{appearance:none;width:16px;height:16px;border:1px solid var(--fg);border-radius:4px;background:var(--bg);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,box-shadow .15s ease}input[type=checkbox]:focus-visible{outline:none;box-shadow:0 0 0 2px #ff370066}input[type=checkbox]:checked{background:var(--fg);box-shadow:inset 0 0 0 2px var(--bg)}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.row.col2{flex-wrap:nowrap;justify-content:space-between}.btn{padding:8px 10px;border:1px solid #ff3700;border-radius:10px;background:#000;color:var(--fg);cursor:pointer;transition:transform .1s ease}.btn:active{transform:translateY(1px)}.btn.is-large{padding:12px 16px;font-size:16px;width:100%}.btn.is-infill{background:var(--fg);color:#000}.pill{padding:3px 8px;border-radius:999px;border:1px solid #ff3700;color:var(--mut);font-size:12px}.small{font-size:12px;color:var(--mut)}.hint{font-size:12px;color:#ff3700}.stage{width:100%;height:100%}.stage canvas{display:block;width:100%;height:100%;background:#000}