:root{--bg: #07060d;--panel: #100d1c;--panel-2: #171331;--edge: #2c2451;--text: #e8e3ff;--muted: #8d84b8;--neon: #35f0d0;--hot: #ff3ea5;--amber: #ffb03a;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.022) 0 1px,transparent 1px 3px),radial-gradient(1100px 620px at 12% -10%,rgba(255,62,165,.16),transparent 60%),radial-gradient(900px 560px at 92% 8%,rgba(53,240,208,.12),transparent 60%)}.app{max-width:1500px;margin:0 auto;padding:20px 22px 56px}.masthead{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;padding-bottom:14px;margin-bottom:20px;border-bottom:1px solid var(--edge)}.logo{font-size:30px;font-weight:700;letter-spacing:3px;margin:0;color:var(--neon);text-shadow:0 0 10px rgba(53,240,208,.6),2px 0 0 rgba(255,62,165,.5)}.logo span{color:var(--hot);text-shadow:0 0 12px rgba(255,62,165,.7)}.tagline{color:var(--muted);font-size:12.5px;letter-spacing:1px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:20px}.layout>.col-preview{position:sticky;top:16px;align-self:start}@media (max-width: 1080px){.layout{grid-template-columns:1fr}.layout>.col-preview{position:static}}.panel{background:linear-gradient(180deg,var(--panel),var(--panel-2));border:1px solid var(--edge);border-radius:12px;padding:16px}.panel+.panel{margin-top:18px}.panel-title{margin:0 0 12px;font-size:11px;letter-spacing:2.5px;text-transform:uppercase;color:var(--muted);display:flex;justify-content:space-between;align-items:center}.dropzone{border:1.5px dashed var(--edge);border-radius:12px;padding:52px 20px;text-align:center;cursor:pointer;transition:border-color .18s,background .18s,transform .18s}.dropzone:hover,.dropzone.over{border-color:var(--neon);background:#35f0d012;transform:translateY(-2px)}.dropzone h2{margin:0 0 8px;font-size:17px;letter-spacing:1px}.dropzone p{margin:0;color:var(--muted);font-size:12.5px}.stage{position:relative;border-radius:10px;overflow:hidden;background:#000;aspect-ratio:16 / 9;-webkit-user-select:none;user-select:none}.stage img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;display:block}.stage img.after{clip-path:inset(0 0 0 var(--wipe, 50%))}.wipe-handle{position:absolute;top:0;bottom:0;width:2px;background:var(--neon);box-shadow:0 0 12px var(--neon);left:var(--wipe, 50%);cursor:ew-resize}.wipe-handle:after{content:"◂ ▸";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--neon);color:#04121a;font-size:10px;font-weight:700;padding:3px 7px;border-radius:11px;white-space:nowrap}.stage-tag{position:absolute;bottom:8px;font-size:10px;letter-spacing:2px;color:var(--muted);background:#000000a6;padding:3px 8px;border-radius:5px}.stage-tag.left{left:8px}.stage-tag.right{right:8px;color:var(--neon)}.stage-busy{position:absolute;top:8px;right:8px;font-size:10px;letter-spacing:2px;color:var(--amber);background:#000000b3;padding:4px 9px;border-radius:5px}.scrub{display:flex;align-items:center;gap:12px;margin-top:12px}.scrub input{flex:1}.scrub .time{font-size:11px;color:var(--muted);min-width:84px;text-align:right}.fx-card{border:1px solid var(--edge);border-radius:9px;margin-bottom:9px;background:#00000047;overflow:hidden}.fx-card.on{border-color:#35f0d08c}.fx-head{display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer}.fx-name{flex:1;font-size:13px;letter-spacing:.6px}.fx-card.on .fx-name{color:var(--neon)}.switch{width:34px;height:18px;border-radius:10px;flex:none;background:#262046;border:1px solid var(--edge);position:relative;transition:background .2s}.fx-card.on .switch{background:#35f0d059;border-color:var(--neon)}.switch:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:var(--muted);transition:transform .2s,background .2s}.fx-card.on .switch:after{transform:translate(16px);background:var(--neon)}.order-btns{display:flex;gap:3px}.order-btns button{background:none;border:1px solid var(--edge);color:var(--muted);border-radius:5px;width:22px;height:22px;cursor:pointer;font-size:10px;line-height:1}.order-btns button:hover:not(:disabled){color:var(--neon);border-color:var(--neon)}.order-btns button:disabled{opacity:.3;cursor:default}.fx-params{padding:4px 12px 12px;border-top:1px solid rgba(44,36,81,.6)}.param{margin-top:11px}.param-row{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-bottom:5px}.param-row b{color:var(--text);font-weight:500}input[type=range]{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:3px;border-radius:2px;background:var(--edge);outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:13px;height:13px;border-radius:50%;background:var(--neon);cursor:pointer;box-shadow:0 0 7px #35f0d0cc}select,.txt{width:100%;background:#0d0a1a;color:var(--text);border:1px solid var(--edge);border-radius:6px;padding:5px 8px;font-family:inherit;font-size:12px}.check{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.grade-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.grade-card{border:1px solid var(--edge);border-radius:9px;padding:10px;cursor:pointer;background:#0000004d;text-align:left;color:var(--text);font-family:inherit;transition:border-color .18s,transform .18s}.grade-card:hover{transform:translateY(-2px)}.grade-card.active{border-color:var(--hot);box-shadow:0 0 16px #ff3ea547}.grade-card .swatch{height:26px;border-radius:5px;margin-bottom:8px}.grade-card .g-name{font-size:12px;letter-spacing:.5px;display:block}.grade-card .g-desc{font-size:10px;color:var(--muted);line-height:1.35;display:block;margin-top:4px}.chips{display:flex;flex-wrap:wrap;gap:7px}.chip{border:1px solid var(--edge);background:#0000004d;color:var(--muted);border-radius:20px;padding:5px 12px;font-size:11px;cursor:pointer;font-family:inherit;transition:all .18s}.chip:hover{color:var(--neon);border-color:var(--neon)}.btn{width:100%;padding:12px;border-radius:9px;cursor:pointer;font-family:inherit;font-size:13px;letter-spacing:1.5px;font-weight:600;border:1px solid var(--neon);background:#35f0d024;color:var(--neon);transition:background .18s,transform .12s}.btn:hover:not(:disabled){background:#35f0d042}.btn:active:not(:disabled){transform:scale(.985)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.ghost{border-color:var(--edge);background:none;color:var(--muted)}.btn.done{border-color:var(--amber);color:var(--amber);background:#ffb03a24}.progress{height:5px;border-radius:3px;background:var(--edge);overflow:hidden;margin-top:11px}.progress i{display:block;height:100%;width:0%;background:linear-gradient(90deg,var(--neon),var(--hot))}.error{margin-top:11px;padding:9px 11px;border-radius:7px;font-size:11.5px;color:#ffb4c8;background:#ff3ea51f;border:1px solid rgba(255,62,165,.4)}.hint{color:var(--muted);font-size:11.5px;margin:10px 0 0;line-height:1.5}.meta{color:var(--muted);font-size:11px}