body,html,#root{margin:0;padding:0;min-height:100vh;font-family:Roboto,Arial,sans-serif;overflow-x:hidden;color:#f7f7f8;background:#010203}body{background-image:radial-gradient(circle at 88% -8%,rgba(193,24,71,.18),transparent 34%);background-attachment:fixed}html,body,#root{height:100%;min-height:100dvh}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none;width:0;height:0}.full-height{height:100vh}.flex-center{display:flex;justify-content:center;align-items:center}.studio{max-width:1120px;margin:auto;padding:28px 20px 100px;color:#f6f1f3}.studio header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:26px}.studio h1{font-size:clamp(26px,5vw,40px);margin:4px 0;font-weight:850;letter-spacing:-1px}.studio .eyebrow{color:#ed7394;text-transform:uppercase;letter-spacing:3px;font-size:11px;font-weight:800}.studio .muted{color:#b4aab0;font-size:14px;line-height:1.5}.studio .MuiAlert-message{min-width:0;width:100%}.studio .choices{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.studio .choice{text-align:left;display:block;padding:20px;background:#211b23;border:1px solid #473541;border-radius:18px;color:inherit;cursor:pointer}.studio .choice:hover,.studio .choice.selected{border-color:#df4574;background:#34202d}.studio .choice strong{display:block;font-size:16px;margin-bottom:8px}.studio .workspace{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(270px,1fr);gap:18px}.studio .panel{background:#1c1920;border:1px solid #3b2c38;border-radius:20px;padding:22px;margin-bottom:18px;min-width:0}.studio h2{margin:0 0 16px;font-size:19px}.studio video{width:100%;max-height:420px;display:block;background:#08070a;border-radius:12px;margin:16px 0}.studio .row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:14px 0}.studio .row>.MuiTextField-root{flex:1;min-width:130px}.studio .transport{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.studio .timer{font-variant-numeric:tabular-nums;font-size:48px;text-align:center;padding:40px 10px;background:#100c13;border-radius:12px}.studio .timeline{height:65px;position:relative;background:linear-gradient(#2e2530 1px,transparent 1px) center/100% 20px;border-bottom:2px solid #864156;margin:20px 0}.studio .marker{position:absolute;bottom:0;width:5px;height:32px;border-radius:4px;background:#e65583;transform:translate(-50%)}.studio .marker.failed{background:#ffbc54}.studio .event-list{max-height:320px;overflow:auto}.studio .event-row{display:grid;grid-template-columns:110px 1fr auto;align-items:center;gap:14px;padding:10px 0;border-bottom:1px solid #352b34}.studio .project{padding:14px 0;border-bottom:1px solid #352b34;display:flex;justify-content:space-between;gap:12px;align-items:center}.studio .stop{position:sticky;bottom:12px;z-index:5;display:flex;justify-content:center;pointer-events:none}.studio .stop button{pointer-events:auto;min-width:220px;box-shadow:0 5px 25px #000b}@media(max-width:760px){.studio{padding:18px 12px 90px}.studio .workspace,.studio .choices{grid-template-columns:1fr}.studio .choice{padding:14px}.studio .panel{padding:16px}.studio .event-row{grid-template-columns:90px 1fr auto;gap:8px}}.swipeable-page{height:100vh;overflow:hidden;display:flex;flex-direction:column;position:relative}.bottom-nav-bar{position:fixed;bottom:0;width:100%;z-index:1000;box-shadow:0 -30px 60px #c11847cc,0 -2px 24px #010203cc,0 0 32px 8px #c11847cc;border-top:1px solid #c11847;display:flex;justify-content:space-around;align-items:center;padding:2.5em 0;border-radius:40px 40px 0 0;-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2);background-blend-mode:lighten;overflow:hidden;animation:glow-shadow 3s ease-in-out infinite}@keyframes glow-shadow{0%{box-shadow:0 -30px 60px #c11847cc,0 -2px 24px #010203cc,0 0 32px 8px #c11847cc}50%{box-shadow:0 -30px 80px #c11847,0 -2px 36px #010203ee,0 0 48px 14px #c11847}to{box-shadow:0 -30px 60px #c11847cc,0 -2px 24px #010203cc,0 0 32px 8px #c11847cc}}