:root{--bg: #04050a;--bg-2: #090b14;--panel: rgba(10, 13, 24, .88);--panel-solid: #0a0d18;--neon-cyan: #00f0ff;--neon-magenta: #ff2bd6;--neon-lime: #b6ff2b;--neon-amber: #ffb02b;--text: #d8e6ff;--text-dim: #7b8db0;--line: rgba(0, 240, 255, .18);--line-strong: rgba(0, 240, 255, .45);--glow-cyan: 0 0 8px rgba(0, 240, 255, .55), 0 0 24px rgba(0, 240, 255, .18);--glow-magenta: 0 0 8px rgba(255, 43, 214, .55), 0 0 24px rgba(255, 43, 214, .18);--radius: 12px;--radius-sm: 8px;--gap: 10px;--font-ui: "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono: "Cascadia Code", "JetBrains Mono", ui-monospace, monospace;--flash-color: #ffffff}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:radial-gradient(1200px 700px at 75% -10%,rgba(255,43,214,.07),transparent 60%),radial-gradient(1000px 600px at 10% 110%,rgba(0,240,255,.07),transparent 60%),var(--bg);color:var(--text);font-family:var(--font-ui);overflow:hidden;user-select:none}button{font-family:inherit;cursor:pointer}input,select{font-family:inherit}[hidden]{display:none!important}.btn{padding:10px 22px;border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:transparent;color:var(--text);font-size:14px;letter-spacing:.08em;text-transform:uppercase;transition:box-shadow .15s,background .15s,transform .1s}.btn:hover{background:#00f0ff14;box-shadow:var(--glow-cyan)}.btn:active{transform:scale(.97)}.btn--primary{border-color:var(--neon-cyan);color:var(--neon-cyan)}.btn--go{border-color:var(--neon-magenta);color:var(--neon-magenta);font-weight:700;font-size:16px;padding:12px 38px}.btn--go:hover{background:#ff2bd61a;box-shadow:var(--glow-magenta)}.field{width:100%;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--line);background:#0006;color:var(--text);font-size:14px;outline:none;transition:border-color .15s,box-shadow .15s}.field:focus{border-color:var(--neon-cyan);box-shadow:var(--glow-cyan)}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;background:linear-gradient(90deg,var(--neon-cyan),var(--neon-magenta));outline:none;box-shadow:0 0 6px #00f0ff59}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--bg);border:2px solid var(--neon-cyan);box-shadow:var(--glow-cyan);cursor:grab}input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--bg);border:2px solid var(--neon-cyan);box-shadow:var(--glow-cyan);cursor:grab}.switch{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-size:13px}.switch input{position:absolute;opacity:0;pointer-events:none}.switch__ui{width:36px;height:18px;border-radius:10px;border:1px solid var(--line-strong);position:relative;flex:none;transition:background .15s,border-color .15s,box-shadow .15s}.switch__ui:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:var(--text-dim);transition:left .15s,background .15s,box-shadow .15s}.switch input:checked+.switch__ui{border-color:var(--neon-cyan);background:#00f0ff1f;box-shadow:var(--glow-cyan)}.switch input:checked+.switch__ui:after{left:20px;background:var(--neon-cyan);box-shadow:0 0 6px var(--neon-cyan)}.radio{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:14px}.radio input{accent-color:var(--neon-cyan)}select.field,.select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--neon-cyan) 50%),linear-gradient(135deg,var(--neon-cyan) 50%,transparent 50%);background-position:calc(100% - 16px) 50%,calc(100% - 11px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:30px}select.field option{background:var(--panel-solid);color:var(--text)}.tags{display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-height:44px;padding:6px 8px;border-radius:var(--radius-sm);border:1px solid var(--line);background:#0006;cursor:text}.tags:focus-within{border-color:var(--neon-cyan);box-shadow:var(--glow-cyan)}.tags__chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:6px;border:1px solid var(--neon-magenta);color:var(--neon-magenta);background:#ff2bd614;font-size:13px;box-shadow:0 0 6px #ff2bd640}.tags__chipRemove{border:none;background:none;color:inherit;font-size:14px;line-height:1;padding:0;opacity:.7}.tags__chipRemove:hover{opacity:1}.tags__input{flex:1;min-width:120px;border:none;outline:none;background:transparent;color:var(--text);font-size:14px;padding:4px}.meter{height:8px;border-radius:4px;border:1px solid var(--line);background:#00000080;overflow:hidden}.meter__bar{height:100%;width:0%;background:linear-gradient(90deg,var(--neon-cyan),var(--neon-lime),var(--neon-magenta));box-shadow:0 0 8px #00f0ff99;transition:width 60ms linear}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00f0ff40;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00f0ff73}.accountModal{position:fixed;inset:0;z-index:600;background:#05050ec7;backdrop-filter:blur(8px);display:grid;place-items:center;opacity:0;transition:opacity .2s ease;pointer-events:none}.accountModal.is-open{opacity:1;pointer-events:auto}.accountModal__inner{position:relative;width:min(460px,calc(100vw - 24px));border-radius:14px;overflow:hidden;box-shadow:0 0 0 1px #ffffff12,0 0 40px #00f0ff0f,0 32px 80px #000000bf;transform:translateY(20px) scale(.98);transition:transform .22s ease}.accountModal.is-open .accountModal__inner{transform:translateY(0) scale(1)}.accountModal__close{position:absolute;top:10px;right:10px;z-index:10;width:28px;height:28px;padding:0;border:none;border-radius:6px;background:#ffffff1a;color:#e8e8f2;font-size:20px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.accountModal__close:hover{background:#fff3}.accountModal__iframe{display:block;width:100%;height:580px;border:none;background:#0a0a12}.appBar{position:fixed;top:14px;right:18px;z-index:200;display:flex;align-items:center;gap:14px;pointer-events:none}.userStatus{display:flex;align-items:center;gap:7px;pointer-events:auto;font-size:12px;color:var(--text-dim)}.userStatus__dot{width:8px;height:8px;border-radius:50%;flex:none}.userStatus__dot--on{background:var(--neon-lime);box-shadow:0 0 6px var(--neon-lime)}.userStatus__dot--off{background:var(--text-dim);opacity:.5}.userStatus__label{white-space:nowrap}.userStatus__link{color:var(--neon-cyan);text-decoration:none;font-size:11px;border:1px solid rgba(0,240,255,.3);border-radius:4px;padding:2px 7px;transition:box-shadow .15s,background .15s;white-space:nowrap}.userStatus__link:hover{background:#00f0ff14;box-shadow:var(--glow-cyan)}.langSwitcher{display:flex;gap:4px;pointer-events:auto}.langBtn{padding:3px 9px;border-radius:4px;border:1px solid var(--line-strong);background:transparent;color:var(--text-dim);font-size:11px;font-family:var(--font-mono);letter-spacing:.06em;cursor:pointer;transition:color .15s,border-color .15s,box-shadow .15s,background .15s}.langBtn:hover{color:var(--neon-cyan);border-color:var(--neon-cyan)}.langBtn--active{color:var(--neon-cyan);border-color:var(--neon-cyan);background:#00f0ff14;box-shadow:var(--glow-cyan)}.wizard{position:fixed;inset:0;display:grid;place-items:center;z-index:100}.wizard__card{width:min(560px,calc(100vw - 32px));padding:32px 36px;border-radius:var(--radius);border:1px solid var(--line-strong);background:var(--panel);backdrop-filter:blur(12px);box-shadow:0 0 0 1px #ff2bd614,0 0 40px #00f0ff14,0 24px 60px #0009;position:relative;overflow:hidden}.wizard__card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--neon-cyan),var(--neon-magenta),transparent);background-size:200% 100%;animation:wizard-sweep 3s linear infinite}@keyframes wizard-sweep{to{background-position:-200% 0}}.wizard__title{margin:0 0 4px;font-family:var(--font-mono);font-size:clamp(28px,5vw,40px);letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(90deg,var(--neon-cyan),var(--neon-magenta));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 12px rgba(0,240,255,.35))}.wizard__sub{margin:0 0 22px;color:var(--text-dim);font-size:14px}.wizard__dots{display:flex;gap:8px;margin-bottom:22px}.wizard__dot{width:34px;height:4px;border-radius:2px;background:#7b8db04d;transition:background .2s,box-shadow .2s}.wizard__dot.is-active{background:var(--neon-cyan);box-shadow:var(--glow-cyan)}.wizard__dot.is-done{background:var(--neon-magenta)}.step__title{margin:0 0 16px;font-size:16px;font-weight:600;letter-spacing:.04em;color:var(--neon-cyan);text-transform:uppercase}.step__hint{color:var(--text-dim);font-size:13px;margin:10px 0 0}.step__actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.audioMode{display:flex;align-items:center;gap:18px;margin-bottom:14px;flex-wrap:wrap}.audioMode__status{font-size:12px;color:var(--neon-lime)}.fileDrop{display:block;padding:18px;border:1px dashed var(--line-strong);border-radius:var(--radius-sm);text-align:center;color:var(--text-dim);font-size:13px;cursor:pointer;transition:border-color .15s,box-shadow .15s,color .15s}.fileDrop:hover{border-color:var(--neon-cyan);color:var(--text);box-shadow:var(--glow-cyan)}.fileDrop input[type=file]{display:none}.fileDrop__name{display:block;margin-top:6px;color:var(--neon-lime);font-family:var(--font-mono);font-size:12px;word-break:break-all}.wizard .meter{margin-top:14px}.workspace{position:fixed;inset:0 0 0 64px;overflow:hidden}.workspace:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .2s;background-image:repeating-linear-gradient(to right,rgba(0,240,255,.1) 0,rgba(0,240,255,.1) 1px,transparent 1px,transparent calc((100% - 10px) / 12)),repeating-linear-gradient(to bottom,rgba(0,240,255,.1) 0,rgba(0,240,255,.1) 1px,transparent 1px,transparent calc((100% - 10px)/8))}.workspace.bento--dragging:before{opacity:1}.bento__ghost{position:absolute;z-index:9500;pointer-events:none;border:1px dashed var(--neon-magenta);border-radius:var(--radius);background:#ff2bd60f;box-shadow:inset 0 0 24px #ff2bd61f,var(--glow-magenta);transition:left 80ms,top 80ms,width 80ms,height 80ms}.panel{position:absolute;display:flex;flex-direction:column;border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);backdrop-filter:blur(10px);box-shadow:0 12px 40px #00000080;overflow:hidden;min-width:120px;min-height:90px}.panel.bento--anim{transition:left .22s cubic-bezier(.2,.9,.3,1.1),top .22s cubic-bezier(.2,.9,.3,1.1),width .22s ease,height .22s ease}.panel.is-dragging{border-color:var(--neon-cyan);box-shadow:var(--glow-cyan),0 16px 50px #0009;opacity:.92}.panel__handle{flex:none;display:flex;align-items:center;gap:8px;padding:7px 12px;font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--neon-cyan);background:linear-gradient(180deg,rgba(0,240,255,.07),transparent);border-bottom:1px solid var(--line);cursor:grab}.panel__handle:before{content:"\28ff";opacity:.5;font-size:10px}.panel__handle:active{cursor:grabbing}.panel__body{flex:1;min-height:0;position:relative}.panel__resize{position:absolute;right:0;bottom:0;width:18px;height:18px;cursor:nwse-resize;z-index:5;background:linear-gradient(135deg,transparent 50%,rgba(0,240,255,.55) 50%);border-bottom-right-radius:var(--radius);opacity:.6;transition:opacity .15s}.panel__resize:hover{opacity:1}.dock{position:fixed;left:0;top:0;bottom:0;width:64px;display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 0;background:#05060cd9;border-right:1px solid var(--line);backdrop-filter:blur(10px);z-index:9800}.dock__group{display:flex;flex-direction:column;gap:8px;align-items:center}.dock__sep{width:28px;height:1px;background:var(--line-strong);margin:6px 0}.dock__spacer{flex:1}.dock__btn{width:42px;height:42px;border-radius:10px;border:1px solid transparent;background:transparent;color:var(--text-dim);font-size:17px;display:grid;place-items:center;transition:color .15s,border-color .15s,box-shadow .15s,background .15s}a.dock__btn{text-decoration:none}.dock__btn:hover{color:var(--text);border-color:var(--line-strong)}.dock__btn[aria-pressed=true]{color:var(--neon-cyan);border-color:var(--neon-cyan);background:#00f0ff14;box-shadow:var(--glow-cyan)}.dock__btn--preset{font-family:var(--font-mono);font-size:13px;color:var(--neon-magenta)}.dock__btn--preset:hover{border-color:var(--neon-magenta);box-shadow:var(--glow-magenta);color:var(--neon-magenta)}.preview{position:absolute;inset:0;background:#000}.preview__display{position:absolute;inset:0;background-position:center;background-size:cover;background-repeat:no-repeat}.preview:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(to bottom,rgba(0,0,0,.16) 0,rgba(0,0,0,.16) 1px,transparent 1px,transparent 3px);mix-blend-mode:overlay}.preview__flash{position:absolute;inset:0;background:var(--flash-color);opacity:0;pointer-events:none;transition:opacity 60ms linear}.strip{position:absolute;inset:0;display:flex;align-items:stretch}.strip__scrollToggle{flex:none;width:34px;border:none;border-right:1px solid var(--line);background:#00000059;color:var(--neon-cyan);font-size:13px}.strip__scrollToggle:hover{background:#00f0ff14}.strip__track{flex:1;display:flex;gap:8px;align-items:center;overflow-x:auto;overflow-y:hidden;padding:8px;scrollbar-width:thin}.strip__item{flex:none;height:calc(100% - 4px);aspect-ratio:4 / 3;border-radius:var(--radius-sm);border:1px solid var(--line);background-color:#000;background-position:center;background-size:cover;position:relative;transition:border-color .15s,box-shadow .15s}.strip__item{cursor:pointer}.strip__item:hover,.strip__item:focus-visible{border-color:var(--neon-magenta);box-shadow:var(--glow-magenta);outline:none}.strip__remove{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;border:1px solid var(--neon-magenta);background:#000000b3;color:var(--neon-magenta);font-size:12px;line-height:1;display:grid;place-items:center;opacity:0;transition:opacity .15s;pointer-events:none}.strip__item:hover .strip__remove{opacity:1}.strip__empty{margin:auto;color:var(--text-dim);font-size:12px}.controls{position:absolute;inset:0;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:14px}.controls__row{display:flex;flex-wrap:wrap;gap:8px}.controls__row .iconBtn{width:38px;height:38px;border-radius:var(--radius-sm);border:1px solid var(--line);background:#00000059;color:var(--text);font-size:15px;display:grid;place-items:center;transition:border-color .15s,box-shadow .15s,color .15s}.controls__row .iconBtn:hover{border-color:var(--neon-cyan);color:var(--neon-cyan);box-shadow:var(--glow-cyan)}.controls__row .iconBtn[aria-pressed=true]{border-color:var(--neon-cyan);color:var(--neon-cyan);background:#00f0ff1a}.controls__section{display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:var(--radius-sm);border:1px solid var(--line);background:#00000040}.controls__sectionTitle{font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim);display:flex;align-items:center;justify-content:space-between}.controls__label{font-size:12px;color:var(--text-dim);display:block;margin-bottom:4px}.controls__field{display:flex;flex-direction:column}.gifUrl{display:flex;gap:6px}.gifUrl .field{flex:1;min-width:0}.gifUrl button{flex:none;padding:0 14px;border-radius:var(--radius-sm);border:1px solid var(--neon-lime);background:transparent;color:var(--neon-lime);font-size:12px;text-transform:uppercase;letter-spacing:.06em}.gifUrl button:hover{background:#b6ff2b1a;box-shadow:0 0 8px #b6ff2b66}.fxReset{border:1px solid var(--neon-amber);color:var(--neon-amber);background:transparent;border-radius:6px;font-size:10px;padding:3px 10px;letter-spacing:.1em;text-transform:uppercase}.fxReset:hover{background:#ffb02b1a;box-shadow:0 0 8px #ffb02b66}.blacklist{position:fixed;top:0;right:0;bottom:0;width:280px;background:var(--panel);border-left:1px solid var(--line-strong);backdrop-filter:blur(12px);transform:translate(100%);transition:transform .25s ease;z-index:9900;display:flex;flex-direction:column}.blacklist.is-open{transform:translate(0);box-shadow:-20px 0 60px #00000080}.blacklist__header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--line);font-family:var(--font-mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--neon-magenta)}.blacklist__close{border:none;background:none;color:var(--text-dim);font-size:18px}.blacklist__close:hover{color:var(--text)}.blacklist__track{flex:1;overflow-y:auto;padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:8px;align-content:start}.blacklist__item{aspect-ratio:4 / 3;border-radius:var(--radius-sm);border:1px solid var(--line);background-color:#000;background-position:center;background-size:cover;cursor:pointer;filter:grayscale(.8) brightness(.7);transition:filter .15s,border-color .15s,box-shadow .15s}.blacklist__item:hover{filter:none;border-color:var(--neon-lime);box-shadow:0 0 10px #b6ff2b66}.blacklist__empty{grid-column:1 / -1;color:var(--text-dim);font-size:12px}.audioPanel{position:fixed;left:64px;right:0;bottom:0;transform:translateY(110%);transition:transform .25s ease;z-index:9850;background:var(--panel);border-top:1px solid var(--line-strong);backdrop-filter:blur(12px)}.audioPanel.is-open{transform:translateY(0);box-shadow:0 -16px 50px #00000080}.audioPanel__header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px 0;font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--neon-cyan)}.audioPanel__close{border:none;background:none;color:var(--text-dim);font-size:18px}.audioPanel__body{display:flex;align-items:center;gap:16px;padding:10px 16px 16px}.audioPanel__btn{width:44px;height:44px;border-radius:50%;border:1px solid var(--neon-cyan);background:transparent;color:var(--neon-cyan);font-size:16px;flex:none}.audioPanel__btn:hover{background:#00f0ff1a;box-shadow:var(--glow-cyan)}.audioPanel__time{font-family:var(--font-mono);font-size:12px;color:var(--text-dim);flex:none;min-width:90px}.audioPanel__seek{flex:1}.audioPanel__meter{flex:none;width:180px}.fx-target{filter:hue-rotate(var(--fx-hue, 0deg)) saturate(var(--fx-saturate, 1)) contrast(var(--fx-contrast, 1)) invert(var(--fx-invert, 0))}.fx-rgb{animation:fx-rgb-shift .12s steps(2) infinite}@keyframes fx-rgb-shift{0%{text-shadow:none;transform:translate(0);box-shadow:inset calc(var(--fx-rgb-amt, 8px) * 1) 0 0 0 #ff003c2e,inset calc(var(--fx-rgb-amt, 8px) * -1) 0 0 0 #00f0ff2e}50%{transform:translate(calc(var(--fx-rgb-amt, 8px) / 8));box-shadow:inset calc(var(--fx-rgb-amt, 8px) * -1) 0 0 0 #ff003c2e,inset calc(var(--fx-rgb-amt, 8px) * 1) 0 0 0 #00f0ff2e}to{transform:translate(0)}}.fx-glitch{animation:fx-glitch-jump calc(.6s - var(--fx-glitch-amt, .5) * .35s) steps(3) infinite}@keyframes fx-glitch-jump{0%,84%{clip-path:none;transform:translate(0)}86%{clip-path:polygon(0 10%,100% 10%,100% 45%,0 45%);transform:translate(calc(var(--fx-glitch-amt, .5) * -14px)) scaleX(1.01)}90%{clip-path:polygon(0 55%,100% 55%,100% 80%,0 80%);transform:translate(calc(var(--fx-glitch-amt, .5) * 14px))}94%{clip-path:polygon(0 0,100% 0,100% 30%,0 30%);transform:translate(calc(var(--fx-glitch-amt, .5) * -7px),calc(var(--fx-glitch-amt, .5) * 3px))}98%{clip-path:none;transform:translate(0)}}