:root{color:#f5f7ff;font-synthesis:none;text-rendering:optimizelegibility;background:#0b0d18;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{min-width:320px;min-height:100%;margin:0}body{background:radial-gradient(circle at 20% 0,#27254f 0,#0b0d18 45%,#070811 100%);min-height:100vh;overflow-x:hidden}button{font:inherit}.app-shell{grid-template-columns:minmax(0,1fr) 380px;gap:18px;min-height:100vh;padding:18px;display:grid}.stage-panel{flex-direction:column;min-height:calc(100vh - 36px);display:flex}.stage{background:linear-gradient(145deg,#27214de6,#090c1cf7);border:1px solid #ffffff1f;border-radius:28px;flex:1;min-height:620px;position:relative;overflow:hidden;box-shadow:0 24px 80px #0000005c,inset 0 1px #ffffff14}.stage canvas{z-index:1;display:block;position:absolute;inset:0;width:100%!important;height:100%!important}.stage-glow{z-index:0;filter:blur(8px);background:radial-gradient(circle,#f297e133,#7280ff12 40%,#0000 70%);border-radius:50%;width:42vw;max-width:620px;height:42vw;max-height:620px;position:absolute;top:15%;left:50%;transform:translate(-50%)}.stage-caption{z-index:2;color:#ffffff7a;letter-spacing:.16em;font-size:11px;position:absolute;top:22px;left:24px}.credit{color:#ffffff6b;margin:10px 4px 0;font-size:12px}.control-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#111325d6;border:1px solid #ffffff1f;border-radius:28px;flex-direction:column;gap:20px;padding:34px 28px;display:flex;box-shadow:0 24px 80px #00000038}.eyebrow{color:#f39edb;letter-spacing:.16em;margin:0;font-size:11px;font-weight:700}h1{letter-spacing:-.05em;margin:-8px 0 0;font-size:clamp(34px,4vw,48px);line-height:1}.intro{color:#ebeeffad;margin:-5px 0 0;font-size:14px;line-height:1.7}code{color:#ffc6ef;background:#ffffff14;border-radius:5px;padding:2px 5px;font-size:.9em}.status{color:#c8ceec;background:#ffffff0b;border:1px solid #ffffff1a;border-radius:12px;padding:12px 14px;font-size:13px}.status[data-state=ready]{color:#a5f2d0;border-color:#65e0b14d}.status[data-state=error]{color:#ffb2c3;border-color:#ff749057}.control-group{flex-direction:column;gap:10px;display:flex}h2{color:#ffffffd1;letter-spacing:.04em;margin:0;font-size:13px;font-weight:700}.heading-row,.button-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.count{color:#ffffff61;font-size:12px}.action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.button{color:#f9faffdb;cursor:pointer;background:#ffffff0e;border:1px solid #ffffff1f;border-radius:11px;min-height:42px;padding:9px 12px;transition:transform .15s,border-color .15s,background .15s}.button:hover:not(:disabled){background:#f59bdb24;border-color:#ffb3eb94;transform:translateY(-1px)}.button:focus-visible{outline-offset:2px;outline:2px solid #ffc1ee}.button[aria-pressed=true]{color:#fff;background:#ee80d03d;border-color:#ffb1eacc}.button:disabled{color:#ffffff47;cursor:wait}.button-primary{background:linear-gradient(135deg,#de73be59,#7777e138);border-color:#f59edb73;flex:1}.button-muted{flex:1}.button-wide{width:100%;margin-top:2px}.hint{color:#ffffff61;margin:auto 0 0;font-size:11px;line-height:1.65}@media (width<=900px){.app-shell{grid-template-columns:1fr}.stage-panel{min-height:70vh}.stage{min-height:520px}.control-panel{padding:26px 22px}}@media (width<=520px){.app-shell{gap:12px;padding:12px}.stage{border-radius:22px;min-height:66vh}.control-panel{border-radius:22px}}