@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(./inter-latin-400-normal-C38fXH4l.woff2) format("woff2"),url(./inter-latin-400-normal-CyCys3Eg.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(./inter-latin-700-normal-Yt3aPRUw.woff2) format("woff2"),url(./inter-latin-700-normal-BLAVimhd.woff) format("woff")}@font-face{font-family:Playfair Display;font-style:normal;font-display:swap;font-weight:400;src:url(./playfair-display-latin-400-normal-CFtfchNt.woff2) format("woff2"),url(./playfair-display-latin-400-normal-DHYHbkg3.woff) format("woff")}@font-face{font-family:Playfair Display;font-style:normal;font-display:swap;font-weight:700;src:url(./playfair-display-latin-700-normal-CuDiGg7c.woff2) format("woff2"),url(./playfair-display-latin-700-normal-Bc_1Q1cG.woff) format("woff")}@font-face{font-family:Bebas Neue;font-style:normal;font-display:swap;font-weight:400;src:url(./bebas-neue-latin-400-normal-9mHNbWWO.woff2) format("woff2"),url(./bebas-neue-latin-400-normal-Bi-ndsyu.woff) format("woff")}@font-face{font-family:Pacifico;font-style:normal;font-display:swap;font-weight:400;src:url(./pacifico-latin-400-normal-7HIToT7q.woff2) format("woff2"),url(./pacifico-latin-400-normal-DArfF-vd.woff) format("woff")}@font-face{font-family:Space Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./space-mono-latin-400-normal-Rg4St2Dn.woff2) format("woff2"),url(./space-mono-latin-400-normal-_3DlpgIW.woff) format("woff")}@font-face{font-family:Space Mono;font-style:normal;font-display:swap;font-weight:700;src:url(./space-mono-latin-700-normal-mWgeinG7.woff2) format("woff2"),url(./space-mono-latin-700-normal-D7A851RN.woff) format("woff")}@font-face{font-family:"Press Start 2P";font-style:normal;font-display:swap;font-weight:400;src:url(./press-start-2p-latin-400-normal-_wFEWmAB.woff2) format("woff2"),url(./press-start-2p-latin-400-normal-KLytu4cr.woff) format("woff")}:root{color-scheme:dark;--bg: #0d0e14;--panel: rgba(16, 17, 25, .9);--surface: #1c1e2a;--surface-2: #262938;--line: rgba(255, 255, 255, .08);--fg: #e6e7ee;--muted: #9a9db0;--accent: #9aa7ff;--accent-fg: #11131d;--warn: #ffc56b;--danger: #ff8a8a;--panel-w: 360px;font:14px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{height:100%}body{margin:0;overflow:hidden;background:var(--bg);color:var(--fg);-webkit-tap-highlight-color:transparent}#stage{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;display:block;background:repeating-conic-gradient(#2a2b33 0 25%,#1f2027 0 50%) 0 0 / 24px 24px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ico{width:18px;height:18px;fill:currentColor;flex:none;vertical-align:middle}button,select,input,textarea{font:inherit;color:inherit}button{min-height:34px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}button:hover:not(:disabled){background:var(--surface-2)}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent);color:var(--accent-fg);border-color:transparent;font-weight:600}button.primary:hover:not(:disabled){background:#b3bcff}button.link{background:none;border:none;color:var(--accent);padding:0;min-height:0;text-decoration:underline}.icon-btn{min-height:28px;min-width:28px;padding:0 4px;background:transparent;border-color:transparent;color:var(--muted);font-size:12px}.icon-btn:hover:not(:disabled){color:var(--fg)}.icon-btn.on{color:var(--accent)}.icon-btn.key-here{color:var(--warn)}.icon-btn.danger:hover:not(:disabled){color:var(--danger)}.icon-btn.big{min-width:40px;min-height:40px}.mini-btn{min-height:28px;font-size:12.5px;padding:0 8px}select,input[type=text],input[type=search],input[type=number],textarea{width:100%;min-height:34px;padding:4px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}textarea{resize:vertical}input[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--danger)}input[type=range]{width:100%;height:24px;margin:0;background:transparent;accent-color:var(--accent);touch-action:pan-y}input[type=color]{width:44px;height:34px;padding:2px;border:1px solid var(--line);border-radius:8px;background:var(--surface);cursor:pointer;flex:none}.grow{flex:1}.hud{position:fixed;top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));display:flex;gap:8px;z-index:20}.fab{width:48px;height:48px;padding:0;border-radius:50%;background:var(--panel);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.fab .ico{width:24px;height:24px}a.fab{display:inline-flex;align-items:center;justify-content:center;color:var(--fg);border:1px solid var(--line)}a.fab:hover{color:#fff;background:#5865f2}.notice,.flash-warning{position:fixed;left:max(12px,env(safe-area-inset-left));z-index:20;max-width:min(420px,calc(100vw - 24px));padding:10px 12px;border-radius:10px;background:var(--panel);border:1px solid var(--line);backdrop-filter:blur(10px)}.notice{top:72px;display:flex;align-items:center;gap:12px}.flash-warning{bottom:max(16px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:10px;font-size:13px;line-height:1.35;color:var(--fg);border-color:var(--warn);background:color-mix(in srgb,var(--warn) 18%,var(--panel))}.flash-warning strong{color:var(--warn)}.flash-warning-ico{font-size:20px;color:var(--warn);flex:none}.flash-warning-close{flex:none;align-self:flex-start;margin:-4px -6px 0 0;font-size:14px;color:var(--fg)}.toast{position:fixed;left:50%;bottom:max(24px,env(safe-area-inset-bottom));transform:translate(-50%);z-index:50;padding:10px 16px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line);box-shadow:0 8px 24px #0006;max-width:calc(100vw - 32px)}.noscript{position:fixed;inset:40% 0 auto;text-align:center}dialog{max-width:min(520px,calc(100vw - 32px));padding:24px;border:1px solid var(--line);border-radius:14px;background:#151622;color:var(--fg)}dialog::backdrop{background:#05060af0}dialog h2{margin-top:0}dialog li{margin:4px 0;color:var(--muted)}dialog .primary{width:100%;margin-top:12px;min-height:44px}.panel{position:fixed;top:12px;right:12px;bottom:12px;width:var(--panel-w);z-index:10;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:14px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:transform .25s ease}.panel-head{display:flex;align-items:center;gap:8px;padding:8px 8px 8px 14px;border-bottom:1px solid var(--line)}.panel-head h1{font-size:14px;margin:0;flex:1;letter-spacing:.02em;overflow-wrap:anywhere}.mode-toggle .row{margin:0}.mode-toggle .lbl{display:none}.mode-toggle .seg button{min-height:28px;font-size:12px;padding:0 8px}#panelToggle .ico{transform:rotate(-90deg);transition:transform .25s}.panel-body{overflow-y:auto;padding:4px 14px 16px;overscroll-behavior:contain}.panel.collapsed{transform:translate(calc(100% - 58px))}.panel.collapsed .panel-body,.panel.collapsed .panel-head h1,.panel.collapsed .mode-toggle{visibility:hidden}.panel.collapsed #panelToggle .ico{transform:rotate(90deg)}@media(min-width:721px){.panel.collapsed .panel-head{padding-left:8px}.panel.collapsed #panelToggle{order:-1}}.toolbar{display:flex;gap:6px;padding:10px 0 0;align-items:center}.toolbar>button:not(.icon-btn){flex:1}.strength{display:flex;align-items:center;gap:6px;flex:1}.strength-label{font-size:12px;color:var(--muted);width:48px}.search{display:flex;align-items:center;gap:6px;margin:10px 0 4px;color:var(--muted)}.section{border-bottom:1px solid var(--line);padding:2px 0 8px}.section-head{display:flex;align-items:center}.section-toggle{flex:1;justify-content:space-between;background:none;border:none;padding:8px 0;font-weight:600;min-height:38px}.section-toggle:hover:not(:disabled){background:none}.section-toggle .ico{color:var(--muted);width:16px}.row{display:grid;gap:4px;margin:8px 0}.row.inline{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.row.inline>button{flex:1 1 auto}.row.inline>input[type=text]{flex:1 1 140px;width:auto}.row.inline>select{flex:1;width:auto}.row.inline>.lbl{flex:1 1 auto}.lbl{color:var(--muted);font-size:12.5px}.hint{color:var(--muted);font-size:12px;margin:4px 0}.error{color:var(--danger);font-size:12px}.note{margin:8px 0;color:var(--muted);font-size:12.5px}.note.warn{color:var(--warn)}.param{margin:6px 0 8px;position:relative}.param-head{display:flex;align-items:center;gap:4px}.param-head label{flex:1;color:var(--muted);font-size:12.5px}.param.animated .param-head label{color:var(--accent)}.param-tools{display:flex}.num{width:64px!important;min-height:26px!important;padding:2px 6px!important;font-size:12px;text-align:right;font-variant-numeric:tabular-nums}.range-wrap{position:relative}.mod-range{position:absolute;bottom:-1px;height:3px;border-radius:2px;background:var(--accent);opacity:.5;pointer-events:none}.scrub{display:flex;align-items:center;gap:6px}.scrub input{flex:1}.mod-editor,.key-editor{margin:6px 0 4px;padding:8px;border-radius:8px;background:var(--surface);border:1px solid var(--line);display:grid;gap:4px}.mod-row{display:flex;gap:6px}.mini-slider{display:grid;grid-template-columns:minmax(56px,max-content) minmax(60px,1fr) 52px;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.mini-slider output{text-align:right;font-variant-numeric:tabular-nums;color:var(--fg)}.mini-num{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.mini-num input{width:90px;min-height:28px}.seg{display:flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}.seg button{flex:1;border:none;border-radius:0;background:var(--surface);min-height:32px}.seg button+button{border-left:1px solid var(--line)}.seg button[aria-checked=true]{background:var(--accent);color:var(--accent-fg);font-weight:600}.toggle{display:flex;align-items:center;gap:8px;margin:8px 0;font-size:13px;cursor:pointer}.toggle input{width:18px;height:18px;accent-color:var(--accent)}.layers{list-style:none;margin:4px 0;padding:0;display:grid;gap:4px}.layer{display:flex;align-items:center;gap:2px;padding:2px 4px;border-radius:8px;background:var(--surface);border:1px solid transparent}.layer.sel{border-color:var(--accent)}.layer.hidden-layer .layer-name{opacity:.5}.layer-name{flex:1;justify-content:flex-start;flex-direction:column;align-items:flex-start;gap:0;background:none;border:none;min-width:0;padding:4px}.layer-name:hover:not(:disabled){background:none}.layer-name span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.layer-name small{color:var(--muted);font-size:11px}.layer-tools{display:flex}.rename{flex:1;min-height:28px!important}.gradient{margin:8px 0}.checker{background:repeating-conic-gradient(#3a3b44 0 25%,#2a2b33 0 50%) 0 0 / 12px 12px}.grad-bar{position:relative;height:34px;margin:6px 10px 14px;border-radius:6px;cursor:copy;touch-action:none}.grad-fill{position:absolute;inset:0;border-radius:6px;pointer-events:none}.stop{position:absolute;bottom:-10px;width:20px;height:20px;min-height:0;padding:0;margin-left:-10px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #000;cursor:grab;touch-action:none}.stop.sel{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.stop-edit{flex-wrap:nowrap}.stop-edit .mini-slider{flex:1;min-width:0}.stop-edit>button{flex:none!important}.timeline{margin:10px 0}.track{margin:6px 0}.track-editor{display:grid;gap:4px}.param .track-editor{margin:6px 0 4px;padding:8px;border-radius:8px;border:1px solid var(--line)}.track-head{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted)}.lane{position:relative;height:26px;border-radius:6px;background:var(--surface);border:1px solid var(--line);cursor:copy;touch-action:none;margin:0 8px}.playhead{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:var(--warn);pointer-events:none}.key{position:absolute;top:50%;width:14px;height:14px;min-height:0;padding:0;margin:-7px 0 0 -7px;transform:rotate(45deg);border-radius:2px;background:var(--accent);border:1px solid #000;cursor:ew-resize;touch-action:none}.key.sel{background:var(--warn)}.bezier input{width:64px;flex:1}.chips{list-style:none;margin:0;padding:0;display:grid;gap:4px}.chip{display:flex;justify-content:space-between;align-items:center;gap:4px;font-size:12px;padding:2px 4px 2px 8px;background:var(--surface);border-radius:8px}.progress{display:flex;align-items:center;gap:8px;margin-top:8px}.progress progress{flex:1;height:8px;accent-color:var(--accent)}.progress .status{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.foot{display:flex;justify-content:space-between;padding-top:12px;font-size:13px}.foot a{color:var(--accent)}body.immersive .hide-immersive{display:none}body.immersive .hud{opacity:.3;transition:opacity .2s}body.immersive .hud:hover,body.immersive .hud:focus-within{opacity:1}.stage-bar{display:none}@media(min-width:721px){body:not(.immersive) #stage{inset:12px auto auto 12px;width:calc(100vw - var(--panel-w) - 36px);height:calc(100dvh - 80px);border-radius:12px}body.panel-closed:not(.immersive) #stage{width:calc(100vw - 94px)}.stage-bar{position:fixed;left:12px;right:calc(var(--panel-w) + 24px);bottom:12px;height:44px;z-index:15;display:flex;align-items:center;justify-content:center;pointer-events:none}body.panel-closed .stage-bar{right:82px}.stage-fs{pointer-events:auto;display:inline-flex;align-items:center;gap:8px;padding:0 18px;min-height:40px;border-radius:20px}.hud{top:24px;left:24px}.hud .fs-fab{display:none}.notice{left:24px;top:84px}.flash-warning{left:24px;bottom:80px;max-width:min(420px,calc(100vw - var(--panel-w) - 72px))}}@media(max-width:720px){.panel{inset:auto 0 0;width:auto;max-height:75dvh;border-radius:16px 16px 0 0;border-bottom:none;padding-bottom:env(safe-area-inset-bottom)}.panel-head{cursor:pointer;position:relative;padding-top:14px}.panel-head:before{content:"";position:absolute;top:5px;left:50%;width:40px;height:4px;margin-left:-20px;border-radius:2px;background:var(--surface-2)}#panelToggle .ico{transform:rotate(180deg)}.panel.collapsed{transform:translateY(calc(100% - 62px - env(safe-area-inset-bottom)))}.panel.collapsed .panel-head h1,.panel.collapsed .mode-toggle{visibility:visible}.panel.collapsed #panelToggle .ico{transform:rotate(0)}button,select,input[type=text],input[type=search]{min-height:42px}.icon-btn{min-width:36px;min-height:36px}input[type=range]{height:34px}.toast{bottom:84px}.flash-warning{bottom:80px}}@media(prefers-reduced-motion:reduce){.panel,#panelToggle .ico{transition:none}}
