@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-0:#0b0c10;--bg-1:#121319;--surface:#ffffff0d;--surface-2:#ffffff14;--surface-hover:#ffffff1f;--border:#ffffff1a;--border-strong:#fff3;--text:#f2f3f7;--text-dim:#a7adbd;--text-faint:#6b7286;--accent:#ffcf5c;--accent-2:#7ee0c8;--danger:#ff8fa3;--radius:16px;--radius-sm:10px;--shadow:0 24px 60px -30px #000000e6;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-sans);color:var(--text);background:radial-gradient(120% 90% at 50% 0%, #171922 0%, var(--bg-0) 60%);-webkit-font-smoothing:antialiased;overflow:hidden}button,input,select{color:inherit;font-family:inherit}kbd{font-family:var(--font-mono);border:1px solid var(--border);color:var(--text-faint);background:#00000059;border-radius:4px;padding:1px 4px;font-size:10px}.app{flex-direction:column;gap:14px;height:100%;padding:14px;display:flex}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.brand{color:var(--accent);align-items:center;gap:12px;display:flex}.brand strong{letter-spacing:-.01em;color:var(--text);font-size:15px;display:block}.brand span{color:var(--text-faint);font-size:12px;display:block}.actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.main{flex:1;gap:14px;min-height:0;display:flex}.stage{border-radius:var(--radius);border:1px solid var(--border);min-width:0;box-shadow:var(--shadow);background:#000;flex:1;position:relative;overflow:hidden}.stage__video{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.stage__canvas,.stage__overlay{width:100%;height:100%;display:block;position:absolute;inset:0}.stage__overlay{pointer-events:none}.stage[data-dragging=true]{border-color:var(--accent)}.stage__drop{z-index:3;border:2px dashed var(--accent);border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--accent);pointer-events:none;background:#08090cb8;place-items:center;font-size:14px;font-weight:500;display:grid;position:absolute;inset:10px}.stage__blocker{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#08090cd1;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.hint{border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:#08090cb8;border-radius:999px;align-items:center;gap:10px;max-width:min(90%,620px);padding:9px 16px;font-size:13px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.hint em{white-space:nowrap;font-style:normal;font-family:var(--font-mono);color:var(--accent);flex:none;font-size:11px}.hint[data-phase=active],.hint[data-phase=frozen]{border-color:#7ee0c859}.unlock{z-index:5;border:1px solid var(--accent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--accent);cursor:pointer;background:#08090cd1;border-radius:999px;padding:8px 16px;font-size:13px;font-weight:500;position:absolute;bottom:68px;left:50%;transform:translate(-50%)}.unlock:hover{background:var(--accent);color:#1b1405}.hud{border-radius:var(--radius-sm);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:232px;font-family:var(--font-mono);background:#08090cc2;padding:12px;font-size:11px;position:absolute;top:14px;left:14px}.hud__grid{grid-template-columns:auto 1fr;gap:3px 10px;display:grid}.hud__grid dt{color:var(--text-faint)}.hud__grid dd{text-align:right;color:var(--text-dim)}.hud__grid dd[data-accent=true]{color:var(--accent)}.hud__stages{border-top:1px solid var(--border);flex-wrap:wrap;gap:4px;margin-top:10px;padding-top:10px;display:flex}.music{z-index:4;border-radius:var(--radius);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:344px;max-width:calc(100% - 28px);box-shadow:var(--shadow);background:#08090cd1;flex-direction:column;gap:10px;padding:12px;display:flex;position:absolute;bottom:14px;right:14px}.music[data-collapsed=true]{opacity:0;pointer-events:none}.music__head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.music__head strong{font-size:13px;display:block}.music__head span{color:var(--text-faint);font-size:11px;display:block}.music__embed:not(:empty){border-radius:12px;min-height:152px;overflow:hidden}.music__note{color:var(--text-dim);flex-direction:column;gap:8px;font-size:11px;line-height:1.5;display:flex}.music__note--quiet{color:var(--text-faint)}.music__actions{gap:6px;display:flex}.music__actions .button{text-decoration:none}.music__toggle{color:var(--text-dim);cursor:pointer;gap:9px;font-size:12px;display:flex}.music__toggle input{accent-color:var(--accent);margin-top:2px}.music__toggle em{color:var(--text-faint);margin-top:2px;font-size:11px;font-style:normal;line-height:1.45;display:block}@media (width<=1100px){.music{top:14px;bottom:auto}}.status{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:460px;display:flex}.status__title{font-size:18px;font-weight:600}.status[data-tone=warn] .status__title{color:var(--accent)}.status[data-tone=error] .status__title{color:var(--danger)}.status__body{color:var(--text-dim);font-size:13px;line-height:1.6}.status__bar{background:var(--surface-2);border-radius:999px;width:100%;height:4px;overflow:hidden}.status__bar span{transform-origin:0;background:var(--accent);width:100%;height:100%;transition:transform .2s ease-out;display:block}.status__actions{gap:8px;display:flex}.panel{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-1);flex-direction:column;flex:none;width:318px;display:flex;overflow:hidden}.panel__head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.panel__head h2{letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim);font-size:13px;font-weight:600}.panel__scroll{flex-direction:column;flex:1;gap:18px;padding:14px;display:flex;overflow-y:auto}.panel__group h3{letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);margin-bottom:10px;font-size:11px;font-weight:600}.panel__head-actions{align-items:center;gap:6px;display:flex}.panel__colors{gap:10px;display:flex}.panel__colors label{color:var(--text-dim);flex:1;justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.panel__colors input[type=color]{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:6px;width:34px;height:24px;padding:0}.panel__toggle{color:var(--text-dim);cursor:pointer;gap:9px;margin-top:14px;font-size:12px;display:flex}.panel__toggle em{color:var(--text-faint);margin-top:2px;font-size:11px;font-style:normal;line-height:1.45;display:block}.panel__toggle input{accent-color:var(--accent);margin-top:2px}.slider{grid-template-columns:1fr 58px;align-items:center;gap:4px 10px;margin-bottom:10px;display:grid}.slider__label{color:var(--text-dim);grid-area:1/1;align-items:baseline;gap:6px;font-size:12px;display:flex}.slider__label em{font-style:normal;font-family:var(--font-mono);color:var(--text-faint);font-size:10px}.slider output{font-family:var(--font-mono);color:var(--accent);text-align:right;grid-area:1/2;font-size:11px}.slider input[type=range]{appearance:none;background:var(--surface-2);width:100%;height:3px;accent-color:var(--accent);cursor:pointer;border-radius:999px;grid-area:2/1/auto/-1}.slider input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);cursor:pointer;border:none;border-radius:50%;width:13px;height:13px}.slider input[type=range]::-moz-range-thumb{background:var(--accent);cursor:pointer;border:none;border-radius:50%;width:13px;height:13px}.button,.chip,.select,.icon-button{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-sm);cursor:pointer;transition:background .15s,border-color .15s,color .15s}.button{align-items:center;gap:6px;padding:7px 12px;font-size:12px;font-weight:500;display:inline-flex}.button:hover,.chip:hover,.select:hover,.icon-button:hover{background:var(--surface-hover);border-color:var(--border-strong)}.button--ghost{background:0 0}.button[data-active=true]{border-color:var(--accent);color:var(--accent)}.chip{color:var(--text-dim);border-radius:999px;padding:5px 11px;font-size:12px}.chip[data-active=true]{background:var(--accent);border-color:var(--accent);color:#1b1405;font-weight:600}.select{appearance:none;text-overflow:ellipsis;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23a7adbd' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 11px center;background-repeat:no-repeat;max-width:180px;padding:7px 30px 7px 12px;font-size:12px;font-weight:500;line-height:1.35}.select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.select option{background:var(--bg-1);color:var(--text)}.icon-button{width:26px;height:26px;color:var(--text-dim);place-items:center;font-size:12px;display:grid}::-webkit-scrollbar{width:9px}::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ffffff42}@media (width<=900px){.main{flex-direction:column}.panel{width:100%;max-height:46vh}.brand span{display:none}.hud{width:200px}}