:root{font-family:Zen Maru Gothic,Hiragino Maru Gothic ProN,sans-serif;color:#dedbd2;background:#090a0b;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #090a0b;--deep: #121415;--purple: #1d1f20;--paper: #dedbd2;--paper-muted: #969892;--pink: #d3192c;--cyan: #78f7bd;--lime: #f2bf43;--orange: #ee5a24;--violet: #53333d;--outline: 3px solid var(--ink);--paper-outline: 3px solid var(--paper)}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--ink)}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden;background:var(--ink);-webkit-font-smoothing:antialiased}#root{width:100%;min-height:100%}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,label:focus-visible,canvas:focus-visible{outline:3px solid var(--lime);outline-offset:3px}button:disabled{cursor:wait;opacity:.72}.visually-hidden{position:fixed;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.app-shell{width:100vw;height:100dvh;min-height:720px;display:grid;grid-template-columns:270px minmax(0,1fr);overflow:hidden;background-color:var(--ink)}.scene-rail{position:relative;z-index:5;min-width:0;height:100%;padding:18px 14px 16px;display:flex;flex-direction:column;background:#170c22;border-right:4px solid var(--paper);box-shadow:8px 0 0 var(--pink);overflow:hidden}.scene-rail:after{content:"";position:absolute;inset:auto -6px 18px auto;width:11px;height:210px;background:var(--lime);transform:rotate(1deg);z-index:-1}.brand-lockup{min-height:119px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.brand-wordmark{display:block;width:min(210px,100%);padding:2px 8px 0;color:var(--paper);font-family:Reggae One,Zen Maru Gothic,sans-serif;font-size:31px;line-height:.86;letter-spacing:.02em;text-shadow:3px 3px 0 var(--pink),-2px -2px 0 var(--ink);transform:rotate(-2deg)}.brand-wordmark strong,.brand-wordmark em{display:block;font-style:normal;font-weight:400}.brand-wordmark em{margin-left:17px;color:var(--cyan);font-size:.78em;letter-spacing:.08em}.brand-lockup span{align-self:center;margin-top:-3px;padding:3px 10px 4px;color:var(--ink);background:var(--paper);border:2px solid var(--ink);border-radius:3px;font-size:10px;font-weight:900;letter-spacing:.06em;transform:rotate(-2deg)}.scene-heading{display:flex;justify-content:space-between;align-items:flex-end;margin:4px 2px 11px;padding-bottom:8px;border-bottom:2px dashed rgba(248,239,217,.34)}.scene-heading h2{margin:1px 0 0;font-family:Reggae One,sans-serif;font-size:24px;line-height:1;letter-spacing:.04em}.eyebrow{display:block;color:var(--pink);font-size:9px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.drag-note{color:var(--paper-muted);font-size:9px;font-weight:700;line-height:1.35;text-align:right}.scene-list{flex:1;min-height:0;display:flex;flex-direction:column;gap:8px;overflow-y:auto;padding:3px 5px 5px 1px;scrollbar-width:thin;scrollbar-color:var(--pink) transparent}.scene-empty{flex:1;min-height:150px;display:grid;place-items:center;align-content:center;gap:5px;padding:18px;color:var(--paper-muted);border:2px dashed rgba(248,239,217,.35);border-radius:9px 4px 12px 5px;text-align:center}.scene-empty svg{color:var(--cyan)}.scene-empty strong{color:var(--paper);font-size:12px}.scene-empty span{font-size:9px;font-weight:700;line-height:1.45}.scene-card{position:relative;flex:1 1 0;min-height:88px;max-height:126px;display:grid;grid-template-columns:27px minmax(0,1fr) 24px;grid-template-rows:1fr auto;gap:4px 7px;padding:6px;color:var(--paper);background:#251331;border:2px solid rgba(248,239,217,.48);border-radius:10px 4px 12px 5px;cursor:grab;text-align:left;transition:transform .16s ease,border-color .16s ease,background-color .16s ease}.scene-card:hover{transform:translate(2px);border-color:var(--cyan)}.scene-card:active{cursor:grabbing}.scene-card.is-selected{background:#351441;border:3px solid var(--pink);box-shadow:-4px 0 0 var(--lime),4px 4px 0 var(--paper);transform:rotate(-.6deg)}.scene-card img{grid-column:2;grid-row:1;width:100%;height:100%;min-height:51px;object-fit:cover;border:2px solid var(--ink);border-radius:6px 2px 7px 3px}.video-scene-badge{position:absolute;z-index:2;top:9px;left:39px;display:flex;align-items:center;gap:3px;padding:2px 5px;color:var(--ink);background:var(--cyan);border:2px solid var(--ink);border-radius:3px 7px 3px 6px;font-size:8px;font-weight:900}.scene-number{grid-column:1;grid-row:1 / span 2;align-self:center;justify-self:center;font-family:Reggae One,sans-serif;font-size:22px;color:var(--paper);text-shadow:2px 2px 0 var(--pink)}.scene-card>svg{grid-column:3;grid-row:1 / span 2;align-self:center;justify-self:center;color:var(--paper-muted)}.scene-meta{grid-column:2;grid-row:2;display:flex;align-items:center;justify-content:space-between;gap:4px;min-width:0}.scene-meta strong{font-size:10px;color:var(--paper)}.scene-meta small{overflow:hidden;color:var(--cyan);font-size:9px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.scene-actions{display:grid;gap:7px;margin-top:10px}.media-upload-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.sample-scenes-button{min-height:34px;display:flex;align-items:center;justify-content:center;gap:7px;padding:5px 8px;color:var(--paper);background:#2b1536;border:2px solid rgba(248,239,217,.68);border-radius:9px 3px 8px 4px;font-size:10px;font-weight:900;cursor:pointer}.sample-scenes-button:hover{color:var(--ink);background:var(--orange);border-color:var(--ink)}.sample-scenes-button.restore{color:var(--ink);background:var(--cyan);border-color:var(--ink)}.sample-mode-control{padding:4px;cursor:default}.sample-mode-control select{width:100%;min-width:0;height:24px;padding:0 18px 0 6px;color:inherit;background:transparent;border:0;outline:0;font:inherit;font-weight:900;text-align:center;cursor:pointer}.sample-mode-control:focus-within{color:var(--ink);background:var(--cyan);border-color:var(--ink);box-shadow:0 0 0 2px var(--ink),0 0 0 4px var(--cyan)}.sample-mode-control option{color:var(--ink);background:var(--paper)}.add-media-button{width:100%;min-height:48px;margin-top:11px;display:flex;align-items:center;justify-content:center;gap:9px;color:var(--ink);background:var(--pink);border:3px solid var(--paper);border-radius:5px 13px 4px 11px;box-shadow:4px 4px 0 var(--lime);font-family:Reggae One,sans-serif;font-size:15px;cursor:pointer;transform:rotate(-.5deg);transition:transform .16s ease}.add-media-button:hover{transform:rotate(.5deg) translateY(-2px)}.media-upload-buttons .add-media-button{min-height:48px;margin-top:0;gap:5px;padding:5px 4px;font-size:11px}.media-upload-buttons .video-media-button{background:var(--cyan);box-shadow:4px 4px 0 var(--orange)}.studio{min-width:0;min-height:0;display:grid;grid-template-rows:70px minmax(0,1fr) 112px;background:#1f1029}.studio-topbar{position:relative;z-index:4;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:11px 18px 10px 28px;background:#140b1d;border-bottom:3px solid var(--paper)}.project-title{min-width:0;display:flex;align-items:center;gap:10px}.project-title .status-dot{width:12px;height:12px;flex:0 0 auto;background:var(--lime);border:2px solid var(--paper);border-radius:50%;box-shadow:0 0 0 3px #d8ff3126}.project-title div{min-width:0;display:grid}.project-title small{color:var(--pink);font-size:9px;font-weight:900;letter-spacing:.16em}.project-title strong{overflow:hidden;font-family:Reggae One,sans-serif;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.top-actions{min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:9px}.secondary-top-button,.export-button{height:44px;display:flex;align-items:center;justify-content:center;gap:8px;border:2px solid var(--paper);cursor:pointer}.secondary-top-button{max-width:250px;padding:0 14px;color:var(--paper);background:#281333;border-radius:12px 4px 10px;-webkit-user-select:none;user-select:none}.secondary-top-button span{overflow:hidden;font-size:11px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.secondary-top-button.icon-only{width:44px;padding:0}.secondary-top-button.icon-only.is-active{color:var(--ink);background:var(--lime);border-color:var(--ink);box-shadow:3px 3px 0 var(--pink)}.export-button{min-width:168px;padding:0 17px;color:var(--ink);background:var(--orange);border:3px solid var(--ink);border-radius:4px 10px 3px 12px;box-shadow:3px 3px 0 var(--paper),6px 6px 0 var(--pink);font-family:Reggae One,sans-serif;font-size:15px;letter-spacing:.02em;transform:rotate(-1deg);transition:transform .16s ease}.export-button:hover{transform:rotate(0) translateY(-2px)}.studio-grid{min-width:0;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 178px;overflow:hidden}.stage-zone{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:29px 13px 22px 25px}.stage-zone:before{content:"";position:absolute;top:10px;right:5px;bottom:12px;left:13px;border:2px dashed rgba(248,239,217,.15);pointer-events:none}.torn-label{position:absolute;z-index:3;top:12px;left:37px;display:flex;align-items:center;gap:7px;padding:8px 14px;color:var(--ink);background:var(--paper);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--pink);font-family:Reggae One,sans-serif;font-size:13px;transform:rotate(-2deg)}.stage-frame{position:relative;width:100%;max-width:1120px;max-height:calc(100% - 7px);aspect-ratio:16 / 9;background:var(--ink);border:6px solid var(--paper);border-radius:13px 4px 16px 5px;box-shadow:8px 9px 0 var(--pink),-5px -5px 0 var(--ink);overflow:visible;transform:rotate(.25deg)}.stage-frame.is-portrait{width:auto;height:calc(100% - 7px);max-width:calc(100% - 18px);aspect-ratio:9 / 16}.aspect-ratio-control{position:absolute;z-index:7;top:11px;right:19px;display:flex;align-items:center;gap:4px;padding:4px;color:var(--paper);background:#120c1af0;border:2px solid var(--paper);border-radius:5px 11px 4px 9px;box-shadow:3px 3px 0 var(--pink)}.aspect-ratio-control>span{padding:0 5px;color:var(--cyan);font-size:8px;font-weight:900;white-space:nowrap}.aspect-ratio-control button{min-width:62px;min-height:33px;display:grid;grid-template-columns:20px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:4px;padding:3px 6px;color:var(--paper);background:#3d2448;border:2px solid transparent;border-radius:4px;cursor:pointer}.aspect-ratio-control button.is-selected{color:var(--ink);background:var(--lime);border-color:var(--ink);box-shadow:2px 2px 0 var(--pink)}.aspect-ratio-control button strong,.aspect-ratio-control button small{grid-column:2;line-height:1;text-align:left}.aspect-ratio-control button strong{align-self:end;font-size:9px}.aspect-ratio-control button small{align-self:start;font-size:7px;font-weight:900}.aspect-shape{grid-column:1;grid-row:1 / -1;justify-self:center;display:block;border:2px solid currentColor;border-radius:1px}.aspect-shape.landscape{width:19px;height:11px}.aspect-shape.portrait{width:11px;height:19px}.preview-canvas{display:block;width:100%;height:100%;background:#281333;border-radius:7px 0 10px 1px;touch-action:none;cursor:grab}.preview-controls{width:100%;padding:8px 2px 0;display:grid;gap:8px;align-items:stretch}.preview-controls .aspect-ratio-control,.preview-controls .stage-tag,.preview-controls .equalizer-layer-switcher,.preview-controls .live-catalog-button,.preview-controls .effect-dock,.preview-controls .video-clip-toolbar,.preview-controls .style-badge,.preview-controls .motion-panel{position:static!important;z-index:auto!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;transform:none!important}.preview-controls .aspect-ratio-control,.preview-controls .stage-tag,.preview-controls .live-catalog-button,.preview-controls .effect-dock,.preview-controls .video-clip-toolbar,.preview-controls .style-badge,.preview-controls .motion-panel{margin:0;width:100%}.preview-controls .equalizer-layer-switcher,.preview-controls .motion-panel{width:auto;max-width:none}.preview-controls .style-badge{display:block}.preview-controls .effect-dock{align-self:start;width:auto}.preview-canvas:active{cursor:grabbing}.stage-empty{position:absolute;z-index:3;top:15%;right:18%;bottom:17%;left:18%;display:grid;place-items:center;align-content:center;gap:7px;padding:24px;color:var(--paper);background:#1c0c25f0;border:3px dashed var(--cyan);border-radius:12px 4px 14px 6px;box-shadow:6px 6px 0 var(--pink);text-align:center;transform:rotate(-1deg)}.stage-empty svg{color:var(--lime)}.stage-empty strong{font-family:Reggae One,sans-serif;font-size:20px}.stage-empty span{max-width:360px;color:var(--paper-muted);font-size:11px;font-weight:700;line-height:1.5}.stage-empty button{min-height:38px;margin-top:5px;display:flex;align-items:center;justify-content:center;gap:7px;padding:7px 14px;color:var(--ink);background:var(--lime);border:3px solid var(--ink);box-shadow:3px 3px 0 var(--orange);font-weight:900;cursor:pointer}.stage-empty-actions{display:flex;justify-content:center;gap:8px}.stage-empty-actions button:last-child{background:var(--cyan)}.stage-tag{position:absolute;top:12px;left:14px;display:flex;align-items:center;gap:7px;padding:5px 9px;color:var(--paper);background:#120c1ae0;border:2px solid var(--paper);border-radius:3px 8px;font-size:10px;font-weight:900}.stage-tag span{color:var(--lime);letter-spacing:.13em}.equalizer-layer-switcher{position:absolute;z-index:5;top:10px;left:50%;max-width:54%;display:flex;gap:5px;overflow-x:auto;scrollbar-width:none;transform:translate(-50%)}.equalizer-layer-switcher::-webkit-scrollbar{display:none}.equalizer-layer-switcher button{min-width:0;display:flex;align-items:center;gap:5px;padding:4px 7px 4px 4px;color:var(--paper);background:#120c1adb;border:2px solid var(--paper);border-radius:999px;font-size:8px;font-weight:900;cursor:pointer}.equalizer-layer-switcher button.is-active{color:var(--ink);background:var(--lime);border-color:var(--ink);box-shadow:2px 2px 0 var(--pink)}.equalizer-layer-switcher strong{width:18px;height:18px;display:grid;place-items:center;flex:0 0 auto;color:var(--ink);background:var(--cyan);border:1px solid var(--ink);border-radius:50%}.equalizer-layer-switcher span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-catalog-button{position:absolute;z-index:4;left:17px;bottom:17px;min-height:48px;display:flex;align-items:center;gap:8px;padding:6px 13px 6px 10px;color:var(--ink);background:var(--cyan);border:3px solid var(--ink);border-radius:5px 13px 4px 11px;box-shadow:3px 3px 0 var(--paper),6px 6px 0 var(--pink);font-family:Reggae One,sans-serif;font-size:12px;line-height:1.05;text-align:left;cursor:pointer;transform:rotate(-1deg);transition:transform .15s ease,background-color .15s ease}.live-catalog-button:hover{background:var(--lime);transform:rotate(0) translateY(-2px)}.live-catalog-button span{display:grid;gap:2px}.live-catalog-button small{font-family:Zen Maru Gothic,sans-serif;font-size:7px;font-weight:900;letter-spacing:.1em}.effect-dock{position:absolute;z-index:4;top:48px;right:-54px;display:flex;flex-direction:column;gap:7px}.effect-dock button{width:69px;min-height:63px;display:grid;place-items:center;gap:2px;padding:6px 4px;color:var(--paper);background:#17101f;border:3px solid var(--paper);border-radius:6px 13px 5px 10px;box-shadow:3px 3px 0 var(--ink);cursor:pointer;transition:background-color .14s ease,color .14s ease,transform .14s ease}.effect-dock button:nth-child(2n){transform:rotate(1deg)}.effect-dock button:nth-child(odd){transform:rotate(-1deg)}.effect-dock button.is-active{color:var(--ink);background:var(--lime);box-shadow:3px 3px 0 var(--pink)}.effect-dock span{font-size:10px;font-weight:900}.video-clip-toolbar{position:absolute;z-index:5;top:12px;left:50%;display:flex;align-items:center;gap:4px;padding:5px;color:var(--paper);background:#17101feb;border:2px solid var(--paper);border-radius:8px 3px 9px 4px;box-shadow:3px 3px 0 var(--cyan);transform:translate(-50%) rotate(-.5deg)}.video-clip-toolbar>span{display:flex;align-items:center;gap:4px;padding:0 5px;color:var(--cyan);font-size:8px;font-weight:900;white-space:nowrap}.video-clip-toolbar button{min-width:38px;min-height:28px;padding:3px 5px;color:var(--paper);background:#3d2448;border:2px solid transparent;border-radius:4px;font-size:9px;font-weight:900;cursor:pointer}.video-clip-toolbar button.is-selected{color:var(--ink);background:var(--lime);border-color:var(--ink);box-shadow:2px 2px 0 var(--pink)}.style-badge{display:none}.style-badge strong{font-family:Reggae One,sans-serif;font-size:25px;line-height:.9}.style-badge span{font-size:9px;font-weight:900}.motion-panel{position:absolute;z-index:9;top:16px;right:22px;width:min(770px,calc(100% - 55px));display:grid;grid-template-columns:minmax(120px,1fr) minmax(155px,1.25fr) repeat(4,minmax(90px,1fr));align-items:center;gap:14px;padding:12px 17px;color:var(--ink);background:var(--paper);border:3px solid var(--ink);border-radius:4px 12px 5px 10px;box-shadow:5px 5px 0 var(--cyan)}.motion-panel>div{display:grid}.motion-panel>div strong{font-size:13px}.motion-panel label{display:grid;gap:4px;font-size:10px;font-weight:900}.motion-panel input[type=range]{width:100%;accent-color:var(--pink)}.eq-intensity-control{min-width:0;display:grid;gap:7px;padding:8px 10px;color:var(--paper);background:#24112f;border:2px solid var(--paper);border-radius:8px 3px 10px 4px;box-shadow:3px 3px 0 var(--pink)}.eq-intensity-heading{min-width:0;display:flex;align-items:flex-end;justify-content:space-between;gap:6px}.eq-intensity-heading>span{min-width:0;display:grid}.eq-intensity-heading small{color:var(--cyan);font-size:7px;font-weight:900;letter-spacing:.11em}.eq-intensity-heading strong{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.eq-intensity-heading b{color:var(--lime);font-family:Reggae One,sans-serif;font-size:14px;line-height:1}.eq-intensity-control input[type=range]{width:100%;margin:0;accent-color:var(--pink);cursor:ew-resize}.eq-intensity-scale{display:flex;align-items:center;justify-content:space-between;gap:4px;color:var(--paper-muted);font-size:6px;font-weight:900;letter-spacing:.05em}.eq-intensity-scale strong{color:var(--orange);font-size:8px}.motion-panel .eq-intensity-control{padding:7px 9px;color:var(--paper);background:var(--ink);border-color:var(--ink);box-shadow:3px 3px 0 var(--pink)}.eq-flip-control{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;color:var(--paper);background:#24112f;border:2px solid var(--paper);border-radius:4px 10px 5px 8px;box-shadow:3px 3px 0 var(--cyan)}.eq-flip-control>div{min-width:0;display:grid;gap:2px}.eq-flip-control small{color:var(--cyan);font-size:7px;font-weight:900;letter-spacing:.11em}.eq-flip-control strong{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.eq-flip-control button{min-width:74px;min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:5px 8px;color:var(--ink);background:var(--paper);border:2px solid var(--ink);border-radius:4px 8px 3px 7px;box-shadow:2px 2px 0 var(--pink);font-size:9px;font-weight:900;cursor:pointer}.eq-flip-control button:hover{background:var(--lime)}.eq-flip-control button[aria-pressed=true]{color:var(--ink);background:var(--lime);border-color:var(--ink);box-shadow:2px 2px 0 var(--pink),0 0 0 2px var(--paper)}.eq-flip-control.is-compact{display:grid;justify-items:stretch;gap:7px;padding:10px 7px;transform:rotate(1deg)}.eq-flip-control.is-compact>div{justify-items:center;text-align:center}.eq-flip-control.is-compact button{width:100%}.eq-flip-control.is-mobile-only{display:none}.right-gutter{position:relative;min-height:0;padding:28px 10px 22px 60px;display:flex;flex-direction:column;align-items:stretch;gap:13px}.right-gutter>.eq-intensity-control{margin-top:2px}.eq-intensity-control.is-compact{gap:8px;padding:10px 7px;transform:rotate(-1deg)}.eq-intensity-control.is-compact .eq-intensity-heading{display:grid;justify-items:center;text-align:center}.eq-intensity-control.is-compact .eq-intensity-heading b{font-size:19px}.eq-intensity-control.is-compact .eq-intensity-heading strong{white-space:normal}.right-gutter>.category-stack{position:absolute;right:10px;bottom:78px;left:60px;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}.right-gutter>.category-stack button{min-height:30px;padding:3px 5px;font-size:9px;text-align:center}.graffiti-note{min-height:88px;display:grid;place-items:center;align-content:center;gap:1px;color:var(--pink);background:#17101f;border:3px solid var(--paper);border-radius:4px 13px 5px 11px;box-shadow:4px 4px 0 var(--orange);transform:rotate(2deg)}.graffiti-note strong{font-family:Reggae One,sans-serif;font-size:15px}.graffiti-note span{color:var(--paper-muted);font-size:9px;font-weight:700}.category-stack{position:relative;min-width:0}.category-stack-scroll{display:grid;gap:4px}.category-swipe-hint{display:none}.category-stack button{min-height:35px;padding:5px 10px;color:var(--paper);background:transparent;border:0;border-left:4px solid transparent;font-size:12px;font-weight:900;text-align:left;cursor:pointer}.category-stack button:hover{color:var(--cyan)}.category-stack button.is-selected{color:var(--ink);background:var(--lime);border-left-color:var(--paper);box-shadow:3px 3px 0 var(--pink)}.all-styles-button{position:absolute;right:10px;bottom:22px;left:60px;min-height:45px;margin-top:0;display:flex;align-items:center;justify-content:center;gap:6px;color:var(--ink);background:var(--cyan);border:3px solid var(--ink);box-shadow:3px 3px 0 var(--paper);font-size:11px;font-weight:900;cursor:pointer;transform:rotate(-1deg)}@media(max-height:800px)and (min-width:1181px){.right-gutter>.category-stack{display:none}}.scene-actions .add-media-button{margin-top:0}.timeline{position:relative;z-index:6;min-width:0;display:grid;grid-template-columns:70px 82px minmax(0,1fr) 82px;align-items:center;gap:10px;padding:14px 18px 10px;background:#120b19;border-top:4px solid var(--paper);box-shadow:0 -6px 0 var(--pink)}.play-button{width:58px;height:58px;display:grid;place-items:center;padding-left:3px;color:var(--paper);background:var(--pink);border:4px solid var(--paper);border-radius:50%;box-shadow:4px 4px 0 var(--ink);cursor:pointer;transition:transform .14s ease}.play-button:hover{transform:scale(1.05) rotate(-2deg)}.time-readout{display:flex;align-items:baseline;gap:4px;white-space:nowrap}.time-readout strong{color:var(--pink);font-family:Reggae One,sans-serif;font-size:18px}.time-readout span{color:var(--paper-muted);font-size:10px;font-weight:700}.timeline-main{position:relative;min-width:0;height:72px;padding-top:18px}.beat-ruler{position:absolute;inset:0 0 auto;height:20px;border-bottom:1px solid rgba(248,239,217,.25)}.beat-ruler span{position:absolute;top:0;color:var(--pink);font-size:9px;font-weight:900;transform:translate(-50%)}.beat-ruler span:after{content:"";position:absolute;top:12px;left:50%;width:1px;height:8px;background:var(--pink)}.waveform-canvas{width:100%;height:52px;display:block;background:#24112e;border:2px solid rgba(248,239,217,.34);border-radius:3px;cursor:ew-resize;touch-action:none}.bpm-sticker{width:76px;height:69px;display:grid;grid-template-columns:auto 1fr;align-content:center;justify-content:center;gap:0 5px;padding:7px;color:var(--paper);background:#251331;border:3px solid var(--pink);border-radius:4px 12px 3px 9px;transform:rotate(2deg)}.bpm-sticker svg{grid-row:1 / span 2;align-self:center}.bpm-sticker span{color:var(--pink);font-size:9px;font-weight:900}.bpm-sticker strong{font-family:Reggae One,sans-serif;font-size:14px}.modal-backdrop{position:fixed;z-index:30;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:#0a060fc7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fade-in .18s ease both}.theme-browser{position:relative;width:min(1320px,96vw);height:min(940px,95vh);display:grid;grid-template-rows:auto minmax(0,1fr);color:var(--paper);background:#1b0d25;border:5px solid var(--paper);border-radius:8px 18px 7px 15px;box-shadow:10px 10px 0 var(--pink),-7px -7px 0 var(--lime);overflow:hidden;transform:rotate(-.2deg)}.theme-browser>header{display:flex;justify-content:space-between;gap:25px;padding:19px 22px 15px;border-bottom:3px solid var(--paper)}.theme-browser h2,.export-dialog h2{margin:4px 0;font-family:Reggae One,sans-serif;font-size:clamp(22px,3vw,35px);line-height:1.1}.theme-browser header p,.export-dialog>p{margin:4px 0 0;color:var(--paper-muted);font-size:12px;font-weight:700}.close-button{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;color:var(--paper);background:#2b1536;border:2px solid var(--paper);border-radius:50%;cursor:pointer}.theme-browser-body{min-height:0;display:grid;grid-template-columns:116px minmax(600px,1fr) 250px;gap:14px;padding:14px}.theme-browser-body>.category-stack{align-content:start}.theme-catalog{min-height:0;display:grid;grid-template-rows:28px minmax(0,1fr);gap:7px}.theme-catalog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 4px;color:var(--paper)}.theme-catalog-heading strong{font-family:Reggae One,sans-serif;font-size:14px;letter-spacing:.08em}.theme-catalog-heading span,.live-chip{display:inline-flex;align-items:center;gap:5px;color:var(--lime);font-size:8px;font-weight:900;letter-spacing:.12em}.theme-catalog-heading i,.live-chip i{width:7px;height:7px;display:block;background:var(--lime);border-radius:50%;box-shadow:0 0 0 3px #d8ff3126;animation:live-pulse .9s ease-in-out infinite alternate}.theme-live-grid{min-height:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:6px;overflow:hidden}.theme-live-grid.is-living-ink{grid-template-columns:repeat(6,minmax(0,1fr))}.theme-live-grid.is-all,.theme-live-grid.is-real-muscle,.theme-live-grid.is-video{grid-auto-rows:118px;overflow-y:auto;overscroll-behavior:contain;padding-right:4px;scrollbar-width:thin;scrollbar-color:var(--pink) transparent}.theme-live-grid.is-real-muscle,.theme-live-grid.is-video{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(150px,1fr)}.theme-live-card{position:relative;min-width:0;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:minmax(48px,1fr) auto auto;gap:2px 5px;padding:5px;color:var(--paper);background:#281335;border:2px solid rgba(248,239,217,.42);border-radius:6px 12px 5px 9px;cursor:pointer;overflow:hidden;text-align:left;transition:transform .13s ease,border-color .13s ease,background-color .13s ease}.theme-live-card:nth-child(3n+1){border-radius:11px 5px 12px 4px}.theme-live-card:nth-child(3n+2){transform:rotate(.25deg)}.theme-live-card:hover{z-index:2;border-color:var(--lime);background:#351443;transform:translateY(-2px) rotate(-.4deg)}.theme-live-card.is-selected{padding:4px;background:#401348;border:3px solid var(--lime);box-shadow:inset 0 0 0 2px var(--pink);z-index:2}.theme-live-card.is-chosen:after{content:"IN USE";position:absolute;z-index:4;right:7px;bottom:7px;padding:2px 5px;color:var(--ink);background:var(--lime);border:2px solid var(--ink);border-radius:7px 3px 6px;font-family:Reggae One,sans-serif;font-size:7px;box-shadow:2px 2px 0 var(--pink)}.theme-card-canvas{grid-column:1 / -1;grid-row:1;width:100%;height:100%;min-height:48px;display:block;background:#130a1b;border:1px solid rgba(248,239,217,.38);border-radius:3px 7px 3px 6px}.theme-card-number{position:absolute;z-index:2;top:8px;left:8px;min-width:25px;height:20px;display:grid;place-items:center;color:var(--ink);background:var(--lime);border:2px solid var(--ink);border-radius:3px 8px 3px 7px;box-shadow:2px 2px 0 var(--pink);font-family:Reggae One,sans-serif;font-size:9px;font-weight:900}.theme-card-animal{position:absolute;z-index:2;top:8px;right:8px;padding:2px 5px;color:var(--paper);background:#120c1adb;border:1px solid var(--paper);font-size:7px;font-weight:900}.theme-live-card>strong{grid-column:1 / -1;grid-row:2;overflow:hidden;min-height:24px;padding:1px 2px 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:10px;line-height:1.18;text-overflow:ellipsis}.theme-card-labels{grid-column:1 / -1;grid-row:3;display:flex;gap:3px;min-width:0;overflow:hidden}.theme-card-labels small,.theme-motion-tags small{overflow:hidden;padding:2px 4px;color:var(--ink);background:var(--cyan);font-size:7px;font-weight:900;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.theme-card-labels small:last-child,.theme-motion-tags small:last-child{background:var(--orange)}.theme-detail{min-width:0;min-height:0;align-self:stretch;display:grid;grid-template-rows:auto minmax(140px,1fr) auto auto auto;align-content:start;gap:10px;padding:14px;color:var(--ink);background:var(--paper);border:4px solid var(--ink);border-radius:4px 13px 4px 10px;box-shadow:5px 5px 0 var(--cyan);transform:rotate(1deg)}.theme-detail-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.theme-count{color:var(--pink);font-family:Reggae One,sans-serif;font-size:36px;line-height:1}.theme-count small{color:var(--ink);font-size:13px}.theme-detail .live-chip{padding:5px 7px;color:var(--paper);background:var(--ink)}.theme-detail-canvas{width:100%;height:100%;min-height:160px;display:block;background:#180b21;border:3px solid var(--ink);border-radius:5px 13px 4px 10px;box-shadow:3px 3px 0 var(--pink)}.theme-detail-copy>span{display:inline-block;padding:3px 8px;color:var(--paper);background:var(--ink);font-size:9px;font-weight:900}.theme-detail-copy h3{margin:7px 0 6px;font-family:Reggae One,sans-serif;font-size:19px;line-height:1.35}.theme-motion-tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:7px}.theme-motion-tags small{border:2px solid var(--ink);font-size:8px}.theme-detail-copy p{margin:0;color:#4a3848;font-size:11px;font-weight:700;line-height:1.5}.theme-motion-storyboard{min-width:0;padding-top:7px;border-top:2px solid var(--ink)}.theme-motion-storyboard>strong{display:block;margin-bottom:5px;font-family:Reggae One,sans-serif;font-size:8px;letter-spacing:.08em}.theme-motion-storyboard>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.theme-motion-storyboard span{min-width:0;display:grid;gap:2px;text-align:center}.theme-motion-storyboard small{overflow:hidden;font-size:6px;font-weight:900;letter-spacing:.03em;text-overflow:ellipsis}.theme-storyboard-canvas{width:100%;height:48px;display:block;background:#14091c;border:2px solid var(--ink)}.choose-theme-button{min-height:44px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--ink);background:var(--lime);border:3px solid var(--ink);box-shadow:3px 3px 0 var(--pink);font-weight:900;cursor:pointer}.choose-theme-button.is-remove{color:var(--paper);background:var(--pink)}.video-import-dialog{position:relative;width:min(560px,94vw);max-height:94dvh;display:grid;grid-template-columns:190px minmax(0,1fr);gap:13px 18px;padding:28px 32px 26px;overflow-y:auto;color:var(--ink);background:var(--paper);border:5px solid var(--ink);border-radius:8px 19px 6px 15px;box-shadow:9px 9px 0 var(--cyan),-7px -7px 0 var(--pink);transform:rotate(-.35deg)}.video-import-dialog>.close-button{position:absolute;z-index:2;top:10px;right:10px;color:var(--ink);background:var(--paper);border-color:var(--ink)}.video-import-heading{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;gap:10px}.video-import-heading>svg{color:var(--pink)}.video-import-heading>span{display:grid;text-align:left}.video-import-heading small{color:#a71e67;font-size:8px;font-weight:900;letter-spacing:.13em}.video-import-heading strong{font-family:Reggae One,sans-serif;font-size:18px}.video-import-poster{grid-column:1;grid-row:2 / span 2;width:100%;height:130px;object-fit:cover;background:var(--ink);border:4px solid var(--ink);box-shadow:4px 4px 0 var(--orange)}.video-import-copy{min-width:0;display:grid;align-content:end;gap:3px;text-align:left}.video-import-copy strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.video-import-copy span{color:#65505f;font-size:9px;font-weight:700}.video-duration-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.video-duration-options button{min-height:58px;display:grid;place-items:center;align-content:center;padding:5px;color:var(--ink);background:#e4d6c6;border:3px solid var(--ink);cursor:pointer}.video-duration-options button strong{font-family:Reggae One,sans-serif;font-size:19px;line-height:1}.video-duration-options button span{font-size:8px;font-weight:900}.video-duration-options button.is-selected{background:var(--lime);box-shadow:3px 3px 0 var(--pink);transform:translateY(-2px) rotate(-1deg)}.video-import-dialog>p{grid-column:1 / -1;margin:0;padding:7px 9px;color:#4f3b4a;background:#fff2a6;border:2px dashed var(--ink);font-size:9px;font-weight:800}.video-import-confirm{grid-column:1 / -1;min-height:48px;display:flex;align-items:center;justify-content:center;gap:7px;color:var(--ink);background:var(--pink);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--lime);font-family:Reggae One,sans-serif;font-size:13px;cursor:pointer}.export-dialog{position:relative;width:min(620px,94vw);padding:35px 39px 32px;color:var(--ink);background:var(--paper);border:5px solid var(--ink);border-radius:8px 19px 6px 15px;box-shadow:9px 9px 0 var(--pink),-7px -7px 0 var(--orange);text-align:center;transform:rotate(-.4deg)}.export-dialog .close-button{position:absolute;top:13px;right:13px;color:var(--ink);background:var(--paper);border-color:var(--ink)}.export-dialog>.eyebrow{color:#a71e67}.export-dialog>p{color:#5a4654}.export-sticker{width:84px;height:70px;margin:-11px auto 13px;display:flex;align-items:center;justify-content:center;gap:4px;color:var(--ink);background:var(--orange);border:4px solid var(--ink);border-radius:5px 13px 4px 11px;box-shadow:4px 4px 0 var(--pink);font-family:Reggae One,sans-serif;transform:rotate(3deg)}.export-options{margin:25px 0 20px;display:grid;grid-template-columns:1fr 1fr;gap:16px;text-align:left}.export-options fieldset{min-width:0;display:grid;gap:8px;padding:12px;border:3px solid var(--ink)}.export-options .export-aspect-options{grid-column:1 / -1;grid-template-columns:repeat(2,minmax(0,1fr))}.export-options legend{padding:0 6px;font-size:11px;font-weight:900}.export-options label{position:relative;cursor:pointer}.export-options input{position:absolute;opacity:0}.export-options label span{min-height:52px;display:flex;flex-direction:column;justify-content:center;padding:7px 10px;color:#53404f;background:#e7dac9;border:2px solid transparent;font-size:10px;font-weight:700}.export-options label strong{color:var(--ink);font-size:13px}.export-options input:checked+span{color:var(--ink);background:var(--lime);border-color:var(--ink);box-shadow:3px 3px 0 var(--pink)}.export-options input:disabled+span{cursor:not-allowed;opacity:.5}.export-dialog>.full-song-note{margin:-7px 0 16px;padding:7px 9px;color:var(--ink);background:#fff2a6;border:2px dashed var(--ink);font-size:9px;font-weight:900}.export-progress{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px 10px;margin:10px 0 18px;text-align:left}.export-progress>div{height:13px;overflow:hidden;background:#d5c7b7;border:2px solid var(--ink)}.export-progress>div span{height:100%;display:block;background:var(--pink);transition:width .12s linear}.export-progress strong{font-family:Reggae One,sans-serif;font-size:13px}.export-progress small{grid-column:1 / -1;color:#745a6f;font-size:9px;font-weight:700}.render-button{width:100%;min-height:54px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--paper);background:var(--pink);border:4px solid var(--ink);box-shadow:5px 5px 0 var(--cyan);font-family:Reggae One,sans-serif;font-size:16px;cursor:pointer}.toast{position:fixed;z-index:50;right:28px;bottom:24px;max-width:min(440px,calc(100vw - 40px));display:flex;align-items:center;gap:10px;padding:12px 17px;color:var(--ink);background:var(--paper);border:3px solid var(--ink);box-shadow:5px 5px 0 var(--pink);font-size:12px;font-weight:900;animation:toast-in .2s ease both}.toast-success{background:var(--lime)}.toast-error{color:var(--paper);background:#c3284d}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes toast-in{0%{opacity:0;transform:translateY(12px) rotate(1deg)}to{opacity:1;transform:translateY(0) rotate(-.5deg)}}@keyframes live-pulse{0%{opacity:.45;transform:scale(.75)}to{opacity:1;transform:scale(1)}}@media(max-width:1180px){.app-shell{grid-template-columns:228px minmax(0,1fr)}.studio-grid{grid-template-columns:minmax(0,1fr)}.right-gutter{display:none}.motion-panel .eq-flip-control.is-mobile-only{display:flex;grid-column:1 / -1}.effect-dock{right:7px}.effect-dock button{width:58px;min-height:53px}.theme-browser-body{grid-template-columns:92px minmax(360px,1fr) 205px;gap:10px;padding:10px}.theme-live-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:112px;overflow-y:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:var(--pink) transparent}.theme-live-grid.is-living-ink{grid-template-columns:repeat(4,minmax(0,1fr))}.theme-live-grid.is-real-muscle,.theme-live-grid.is-video{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:144px}}@media(max-width:900px){body{overflow:auto}.app-shell{height:auto;min-height:100dvh;grid-template-columns:1fr;grid-template-rows:auto minmax(760px,1fr);overflow:visible}.scene-rail{height:195px;padding:10px 12px;display:grid;grid-template-columns:150px minmax(0,1fr) 145px;gap:12px;border-right:0;border-bottom:4px solid var(--paper);box-shadow:0 7px 0 var(--pink)}.brand-lockup{min-height:0}.scene-heading{display:none}.scene-list{flex-direction:row;overflow-x:auto;overflow-y:hidden}.scene-empty{min-width:280px;min-height:145px}.scene-card{min-width:170px;min-height:145px}.scene-actions{align-self:center;gap:7px;margin:0}.sample-scenes-button{min-height:38px;padding:4px 6px;font-size:9px}.add-media-button{align-self:center;margin:0}.scene-actions .add-media-button{min-height:78px}.studio{height:760px}.right-gutter{display:none}.studio-grid{grid-template-columns:1fr}.stage-zone{padding-right:26px}.motion-panel{top:12px;right:14px;width:min(610px,calc(100% - 42px));grid-template-columns:minmax(120px,1fr) minmax(150px,1.2fr) repeat(4,minmax(82px,1fr));gap:8px;padding:10px}.motion-panel>div:first-child strong{font-size:11px}.theme-browser{height:94vh}.theme-browser-body{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) 184px;gap:9px;overflow:hidden}.theme-browser-body>.category-stack{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}.theme-browser-body>.category-stack button{min-height:30px;padding:4px 5px;border:0;font-size:9px;text-align:center}.theme-live-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:112px}.theme-live-grid.is-video{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:132px}.theme-motion-storyboard{display:none}.theme-detail{display:grid;grid-template-columns:66px 170px minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:8px;padding:8px;transform:none}.theme-detail-heading{grid-column:1;grid-row:1 / -1;display:grid;align-content:start}.theme-detail .live-chip{margin-top:8px;padding:4px}.theme-detail-canvas{grid-column:2;grid-row:1 / -1;min-height:0}.theme-detail-copy{grid-column:3;grid-row:1;min-width:0;overflow:hidden}.theme-detail-copy h3{margin:4px 0;font-size:15px}.theme-detail-copy p{max-height:34px;overflow:hidden;font-size:9px;line-height:1.4}.choose-theme-button{grid-column:3;grid-row:2;min-height:34px;font-size:10px}}@media(max-width:640px),(max-width:960px)and (max-height:500px)and (orientation:landscape){html,body,#root{width:100%;height:100%;min-width:0;overflow:hidden;overscroll-behavior:none}.app-shell{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100dvh;min-width:0;min-height:0;grid-template-rows:112px minmax(0,1fr);overflow:hidden}.scene-rail{width:100%;height:auto;min-height:0;padding:8px;grid-template-columns:58px minmax(0,1fr) 88px;gap:6px;overflow:hidden}.brand-lockup{min-width:0;min-height:0;align-items:center;overflow:hidden}.brand-wordmark{width:56px;padding:0;font-size:9px;line-height:.92;text-align:center;text-shadow:1px 1px 0 var(--pink),-1px -1px 0 var(--ink)}.brand-wordmark em{margin-left:0;font-size:.86em}.brand-lockup span{display:none}.scene-list{width:100%;min-width:0;gap:5px;padding:1px 2px 3px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}.scene-list::-webkit-scrollbar{display:none}.scene-card{flex:0 0 118px;min-width:118px;min-height:94px;max-height:94px;grid-template-columns:19px minmax(0,1fr) 15px;gap:2px 4px;padding:4px}.scene-card.is-selected{box-shadow:-2px 0 0 var(--lime),2px 2px 0 var(--paper)}.scene-card img{min-height:48px;border-width:1px}.video-scene-badge{top:5px;left:26px;gap:2px;padding:1px 3px;border-width:1px;font-size:6px}.scene-number{font-size:16px}.scene-card>svg{width:16px;height:16px}.scene-meta strong{font-size:8px}.scene-meta small{font-size:7px}.scene-empty{min-width:118px;min-height:94px;padding:8px}.scene-empty span{display:none}.scene-actions{width:88px;min-width:0;gap:4px}.sample-scenes-button{min-height:34px;padding:3px 4px;gap:4px;font-size:7px;line-height:1.2}.sample-scenes-button svg{width:14px;height:14px;flex:0 0 auto}.scene-actions .add-media-button{min-height:52px;padding:4px;gap:4px;border-width:2px;box-shadow:2px 2px 0 var(--lime);font-size:9px;line-height:1.2}.media-upload-buttons{gap:3px}.media-upload-buttons .add-media-button{min-width:0;flex-direction:column;font-size:7px}.scene-actions .add-media-button svg{width:18px;height:18px;flex:0 0 auto}.video-clip-toolbar{top:44px;left:6px;gap:2px;padding:3px;transform:none}.video-clip-toolbar>span{padding:0 2px;font-size:6px}.video-clip-toolbar>span svg{width:13px;height:13px}.video-clip-toolbar button{min-width:29px;min-height:24px;padding:2px 3px;font-size:7px}.video-import-dialog{width:calc(100vw - 22px);max-height:calc(100dvh - 22px);grid-template-columns:112px minmax(0,1fr);gap:8px 10px;padding:19px 16px 15px;border-width:3px;box-shadow:5px 5px 0 var(--cyan),-4px -4px 0 var(--pink);transform:none}.video-import-heading strong{font-size:14px}.video-import-poster{height:86px;border-width:2px}.video-import-copy strong{font-size:10px}.video-duration-options button{min-height:46px;border-width:2px}.video-duration-options button strong{font-size:15px}.video-import-confirm{min-height:42px;border-width:2px;font-size:10px}.studio{width:100%;height:auto;min-height:0;grid-template-rows:56px minmax(0,1fr) 78px;overflow:hidden}.studio-topbar{width:100%;min-width:0;gap:0;padding:6px 8px}.project-title{display:none}.top-actions{width:100%;display:grid;grid-template-columns:minmax(0,1fr) 42px 118px;gap:6px}.secondary-top-button,.export-button{width:100%;height:42px;min-width:0}.audio-upload-button{max-width:none;padding:0 8px}.audio-upload-button svg{flex:0 0 auto}.secondary-top-button.icon-only{width:42px}.export-button{padding:0 7px;border-width:2px;box-shadow:2px 2px 0 var(--paper),4px 4px 0 var(--pink);font-size:11px}.export-button svg{width:18px;height:18px;flex:0 0 auto}.studio-grid,.stage-zone{width:100%;min-width:0;min-height:0;overflow:visible}.stage-zone{padding:14px 9px 11px}.stage-zone:before{top:6px;right:6px;bottom:6px;left:6px}.torn-label{display:none}.stage-frame{width:calc(100% - 4px);max-width:none;max-height:calc(100% - 8px);border-width:4px;box-shadow:4px 5px 0 var(--pink),-2px -2px 0 var(--ink);overflow:hidden;transform:none}.stage-frame.is-portrait{width:auto;height:calc(100% - 8px);max-width:calc(100% - 8px);max-height:calc(100% - 8px)}.aspect-ratio-control{top:auto;right:10px;bottom:9px;gap:2px;padding:3px;border-width:1px;box-shadow:2px 2px 0 var(--pink)}.aspect-ratio-control>span{display:none}.aspect-ratio-control button{min-width:48px;min-height:28px;grid-template-columns:15px 1fr;column-gap:2px;padding:2px 4px;border-width:1px}.aspect-ratio-control button strong{font-size:7px}.aspect-ratio-control button small{font-size:6px}.aspect-shape.landscape{width:14px;height:8px}.aspect-shape.portrait{width:8px;height:14px}.stage-tag{top:6px;left:6px;gap:4px;padding:4px 6px;border-width:1px;font-size:7px}.equalizer-layer-switcher{top:6px;max-width:48%;gap:3px}.equalizer-layer-switcher button{padding:2px;border-width:1px}.equalizer-layer-switcher button span{display:none}.equalizer-layer-switcher strong{width:17px;height:17px;font-size:8px}.effect-dock{top:6px;right:6px;flex-direction:row;gap:3px}.effect-dock button{width:36px;min-height:34px;padding:3px;border-width:2px;box-shadow:2px 2px 0 var(--ink)}.effect-dock button:nth-child(2n),.effect-dock button:nth-child(odd){transform:none}.effect-dock svg{width:18px;height:18px}.effect-dock span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.live-catalog-button{left:6px;bottom:6px;min-height:34px;gap:4px;padding:4px 7px;border-width:2px;box-shadow:2px 2px 0 var(--paper),4px 4px 0 var(--pink);font-size:8px}.live-catalog-button svg{width:16px;height:16px}.live-catalog-button small{display:none}.stage-empty{top:12%;right:8%;bottom:13%;left:8%;gap:4px;padding:10px;border-width:2px;box-shadow:3px 3px 0 var(--pink)}.stage-empty svg{width:28px;height:28px}.stage-empty strong{font-size:14px}.stage-empty span{font-size:9px}.stage-empty button{min-height:32px;padding:4px 9px;border-width:2px;font-size:9px}.motion-panel{width:auto;height:min(58vh,380px);max-height:min(58vh,380px);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:6px;padding:8px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.motion-panel>div:first-child{grid-column:1 / -1}.motion-panel .eq-intensity-control,.motion-panel .eq-size-control{grid-column:1 / -1}.motion-panel .eq-flip-control.is-mobile-only{display:flex;grid-column:1 / -1}.motion-panel>div:first-child strong{font-size:10px}.motion-panel label{font-size:8px}.timeline{min-width:0;grid-template-columns:46px 58px minmax(0,1fr);gap:6px;padding:7px 8px max(7px,env(safe-area-inset-bottom))}.play-button{width:42px;height:42px;border-width:3px;box-shadow:2px 2px 0 var(--ink)}.play-button svg{width:24px;height:24px}.time-readout{display:grid;gap:0}.time-readout strong{font-size:14px}.time-readout span{font-size:8px}.timeline-main{height:54px;padding-top:14px}.beat-ruler{height:16px}.beat-ruler span{font-size:7px}.beat-ruler span:after{top:10px;height:6px}.waveform-canvas{height:40px}.bpm-sticker{display:none}.modal-backdrop{padding:6px;overflow:hidden}.theme-browser{width:100%;height:calc(100dvh - 12px);max-height:none;min-width:0;border-width:3px;box-shadow:4px 4px 0 var(--pink),-3px -3px 0 var(--lime);transform:none}.theme-browser>header{gap:8px;padding:10px 10px 7px}.theme-browser h2{margin:2px 0;font-size:18px}.theme-browser .close-button{width:36px;height:36px}.theme-browser header p{display:none}.theme-browser-body{grid-template-rows:auto minmax(0,1fr) 150px;gap:6px;padding:6px}.theme-browser-body>.category-stack{gap:2px}.theme-browser-body>.category-stack button{min-height:26px;padding:2px;font-size:7px}.theme-catalog{grid-template-rows:22px minmax(0,1fr);gap:4px}.theme-catalog-heading strong{font-size:11px}.theme-live-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:104px;gap:4px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.theme-live-grid.is-living-ink{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-live-grid.is-real-muscle{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:144px}.theme-live-grid.is-video{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:132px}.theme-detail{grid-template-columns:36px 76px minmax(0,1fr);gap:5px;padding:5px}.theme-count{font-size:23px}.theme-count small{font-size:8px}.theme-detail .live-chip{padding:3px;font-size:6px}.theme-detail-canvas{min-height:0;border-width:2px;box-shadow:2px 2px 0 var(--pink)}.theme-detail-copy>span{padding:2px 5px;font-size:7px}.theme-detail-copy h3{margin:2px 0;font-size:11px}.theme-motion-tags{gap:2px;margin-bottom:2px}.theme-motion-tags small{padding:1px 2px;border-width:1px;font-size:6px}.theme-detail-copy p{display:none}.choose-theme-button{min-height:30px;gap:4px;border-width:2px;box-shadow:2px 2px 0 var(--pink);font-size:8px}.choose-theme-button svg{width:14px;height:14px}.export-dialog{width:100%;max-height:calc(100dvh - 12px);padding:26px 14px 16px;border-width:3px;box-shadow:4px 4px 0 var(--pink),-3px -3px 0 var(--orange);overflow-y:auto;overscroll-behavior:contain;transform:none}.export-dialog .close-button{top:8px;right:8px;width:34px;height:34px}.export-sticker{width:66px;height:52px;margin-bottom:8px;border-width:3px}.export-dialog h2{font-size:20px}.export-dialog>p{font-size:10px}.export-options{gap:8px;margin:16px 0 14px}.export-options fieldset{gap:5px;padding:7px;border-width:2px}.export-options label span{min-height:44px;padding:5px 6px;font-size:8px}.export-options label strong{font-size:11px}.render-button{min-height:48px;border-width:3px;box-shadow:3px 3px 0 var(--cyan);font-size:13px}.toast{right:8px;bottom:calc(86px + env(safe-area-inset-bottom));left:8px;max-width:none;padding:9px 11px;font-size:10px}}@media(max-width:960px)and (max-height:500px)and (orientation:landscape){.app-shell{grid-template-rows:72px minmax(0,1fr)}.scene-rail{padding:5px;grid-template-columns:48px minmax(0,1fr) 140px;gap:5px}.brand-wordmark{width:44px;font-size:8px}.scene-card{flex-basis:110px;min-width:110px;min-height:60px;max-height:60px}.scene-card img{min-height:28px}.scene-actions{width:140px;height:60px;grid-template-columns:1fr 1fr}.sample-scenes-button,.scene-actions .add-media-button{height:60px;min-height:60px}.studio{grid-template-rows:48px minmax(0,1fr) 60px}.studio-topbar{padding:3px 6px}.secondary-top-button,.export-button{height:38px}.secondary-top-button.icon-only{width:38px}.top-actions{grid-template-columns:minmax(0,1fr) 38px 112px}.stage-zone{padding:6px}.stage-frame{width:auto;height:calc(100% - 4px);max-width:calc(100% - 4px);max-height:none}.stage-tag{display:none}.timeline{padding:5px 8px}.play-button{width:36px;height:36px}.timeline-main{height:44px;padding-top:12px}.waveform-canvas{height:32px}.theme-browser-body{grid-template-columns:64px minmax(0,1fr) 112px;grid-template-rows:minmax(0,1fr)}.theme-browser-body>.category-stack{grid-template-columns:minmax(0,1fr);align-content:start}.theme-live-grid,.theme-live-grid.is-living-ink{grid-template-columns:repeat(3,minmax(0,1fr))}.theme-live-grid.is-real-muscle,.theme-live-grid.is-video{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:124px}.theme-detail{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 64px auto auto;gap:3px;padding:4px}.theme-detail-heading,.theme-detail-canvas,.theme-detail-copy,.choose-theme-button{grid-column:1;grid-row:auto}.theme-detail-heading{display:flex;align-items:center}.theme-count{font-size:17px}.theme-detail .live-chip{margin-top:0}.theme-detail-copy{text-align:center}.theme-detail-copy>span,.theme-motion-tags{display:none}.theme-detail-copy h3{margin:0;font-size:9px;line-height:1.2}.choose-theme-button{min-height:24px;padding:2px;font-size:7px}}:root{--steel: #35393a;--steel-dark: #1b1e1f;--panel: rgba(14, 16, 17, .94);--stage-red: #d3192c;--led: #78f7bd;--amber: #f2bf43}html,body{background:#090a0b}body{color:var(--paper);letter-spacing:.015em}.app-shell{background-color:#080909;background-image:linear-gradient(90deg,#040505e0,#08090a8f),url(/assets/generated/underground-livehouse-texture.png);background-position:center;background-size:cover}.scene-rail{background:linear-gradient(180deg,#121415fa,#070809fa),repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 5px);border-right:1px solid #555a59;box-shadow:10px 0 28px #0000009e,2px 0 0 var(--stage-red)}.scene-rail:after{inset:16px -3px 16px auto;width:3px;height:auto;background:linear-gradient(180deg,transparent,var(--stage-red) 16%,var(--stage-red) 84%,transparent);box-shadow:0 0 16px #d3192cb8;transform:none}.brand-lockup{justify-content:center}.brand-wordmark{width:min(220px,100%);padding:8px 0 7px 12px;color:var(--paper);border-left:3px solid var(--stage-red);font-family:Reggae One,Zen Maru Gothic,sans-serif;font-size:30px;line-height:.82;letter-spacing:.035em;text-shadow:0 0 18px rgba(211,25,44,.38);transform:none}.brand-wordmark small,.brand-wordmark strong,.brand-wordmark em{display:block;font-style:normal;font-weight:400}.brand-wordmark small{margin-bottom:5px;color:var(--led);font-family:Zen Maru Gothic,sans-serif;font-size:7px;font-weight:900;letter-spacing:.17em}.brand-wordmark em{margin:7px 0 0;color:var(--paper-muted);font-family:Zen Maru Gothic,sans-serif;font-size:.3em;font-weight:900;letter-spacing:.19em}.brand-lockup>span{align-self:flex-start;margin:7px 0 0 12px;padding:0;color:var(--paper-muted);background:transparent;border:0;border-radius:0;font-size:7px;font-weight:900;letter-spacing:.14em;transform:none}.scene-heading{margin:4px 0 12px;padding:0 0 9px;border-bottom:1px solid rgba(222,219,210,.22)}.scene-heading h2,.project-title strong,.torn-label,.export-button,.live-catalog-button,.time-readout strong,.bpm-sticker strong{font-family:Reggae One,Zen Maru Gothic,sans-serif}.eyebrow,.project-title small{color:var(--led);letter-spacing:.17em}.scene-list{gap:7px;scrollbar-color:var(--stage-red) transparent}.scene-card{background:linear-gradient(135deg,#232627fa,#0f1112fa);border:1px solid #4a4e4e;border-radius:1px;box-shadow:inset 3px 0 0 transparent}.scene-card:hover{background:linear-gradient(135deg,#2d3030,#17191a);border-color:var(--paper-muted)}.scene-card.is-selected{border-color:#da5460;box-shadow:inset 3px 0 0 var(--stage-red),0 0 0 1px #d3192c3d,0 7px 15px #00000059}.scene-number,.scene-meta strong{color:var(--paper)}.scene-actions button,.add-media-button,.sample-scenes-button{border-radius:1px}.studio{background:linear-gradient(180deg,#08090adb,#0b0d0eed),url(/assets/generated/underground-livehouse-texture.png) center / cover}.studio-topbar{padding-left:25px;background:#090a0bf2;border-bottom:1px solid #515656;box-shadow:0 9px 24px #00000075}.project-title .status-dot{width:8px;height:8px;background:var(--led);border:0;border-radius:0;box-shadow:0 0 10px #78f7bdeb}.secondary-top-button,.export-button{border-radius:1px;transform:none}.secondary-top-button{background:linear-gradient(180deg,#242728,#151718);border-color:#565b5b;box-shadow:inset 0 1px #ffffff12}.secondary-top-button:hover,.secondary-top-button.icon-only.is-active{color:var(--paper);background:#2a2d2e;border-color:var(--led);box-shadow:0 0 0 1px #78f7bd3d,0 0 16px #78f7bd29}.export-button{color:#fff4e8;background:linear-gradient(180deg,#e23746,#a80f20);border-color:#ff7b86;box-shadow:4px 4px #050506,0 0 19px #d3192c4f;letter-spacing:.08em}.export-button:hover{background:linear-gradient(180deg,#f04a58,#bd1326);box-shadow:4px 4px #050506,0 0 25px #d3192c85;transform:translateY(-1px)}.stage-zone{padding-top:31px}.stage-zone:before{top:10px;right:8px;bottom:12px;left:14px;border:1px solid rgba(157,165,162,.18);background:repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0 1px,transparent 1px 42px)}.torn-label{padding:7px 11px;color:var(--paper);background:#1b1e1f;border:1px solid #68706e;box-shadow:3px 3px #060707,inset 3px 0 0 var(--stage-red);font-size:11px;letter-spacing:.09em;transform:none}.stage-frame{background:#060707;border:5px solid #363a3a;border-radius:2px;box-shadow:0 0 0 1px #050506,0 20px 38px #0000008f,inset 0 0 0 1px #686b65;transform:none}.preview-canvas{border-radius:0;background:#111314}.aspect-ratio-control,.video-clip-toolbar{background:#0c0e0ff5;border-color:#535957;border-radius:1px;box-shadow:3px 3px #060707;transform:none}.aspect-ratio-control>span,.video-clip-toolbar>span{color:var(--led)}.aspect-ratio-control button,.video-clip-toolbar button{background:#232627;border-radius:1px}.aspect-ratio-control button.is-selected,.video-clip-toolbar button.is-selected{color:#0b0d0d;background:var(--amber);border-color:#ffd974;box-shadow:0 0 14px #f2bf4340}.stage-tag,.equalizer-layer-switcher button{background:#080a0ae6;border-color:#626765;border-radius:1px}.stage-tag span{color:var(--led)}.live-catalog-button{color:var(--paper);background:linear-gradient(180deg,#262a2a,#141617);border:1px solid #7a807c;border-radius:1px;box-shadow:4px 4px #060707,inset 3px 0 0 var(--stage-red);font-size:11px;letter-spacing:.05em;transform:none}.live-catalog-button:hover{color:#08100d;background:var(--led);transform:translateY(-2px)}.effect-dock{gap:5px}.effect-dock button{width:64px;min-height:57px;color:var(--paper-muted);background:linear-gradient(180deg,#222526,#111313);border:1px solid #5a605d;border-radius:1px;box-shadow:2px 2px #050606}.effect-dock button:nth-child(2n),.effect-dock button:nth-child(odd){transform:none}.effect-dock button:hover{color:var(--paper);border-color:var(--led)}.effect-dock button.is-active{color:#fff4e8;background:linear-gradient(180deg,#bd1728,#7f0b18);border-color:#ee6671;box-shadow:0 0 14px #d3192c66}.right-gutter{padding-top:23px}.graffiti-note,.eq-intensity-control{background:linear-gradient(180deg,#212525f5,#0d0f10f5);border:1px solid #5b615e;border-radius:1px;box-shadow:3px 3px #060707;transform:none}.graffiti-note{color:var(--stage-red)}.graffiti-note strong{font-family:Zen Maru Gothic,sans-serif;font-size:12px;font-weight:900;letter-spacing:.09em}.eq-intensity-heading small,.eq-intensity-heading b{color:var(--led)}.eq-intensity-control input[type=range],.motion-panel input[type=range]{accent-color:var(--stage-red)}.category-stack button{color:var(--paper-muted);border-bottom:1px solid rgba(222,219,210,.13);border-left:2px solid transparent;border-radius:0}.category-stack button:hover{color:var(--led)}.category-stack button.is-selected{color:var(--paper);background:#d3192c2e;border-left-color:var(--stage-red);box-shadow:none}.all-styles-button{color:var(--paper);background:linear-gradient(180deg,#2b2f2f,#151718);border:1px solid #68706d;box-shadow:3px 3px #060707,inset 3px 0 0 var(--led);transform:none}.timeline{background:#070809f7;border-top:1px solid #565c59;box-shadow:0 -7px 22px #0000007a}.play-button{color:#fff4e8;background:linear-gradient(180deg,#d92a3d,#8d0c1b);border:2px solid #e1ded5;border-radius:2px;box-shadow:3px 3px #050606,0 0 16px #d3192c52}.time-readout strong,.beat-ruler span,.bpm-sticker span{color:var(--stage-red)}.beat-ruler span:after{background:var(--stage-red)}.waveform-canvas{background:#1f2222eb;border-color:#505653;border-radius:1px}.bpm-sticker{background:linear-gradient(180deg,#252929,#151718);border:1px solid #6a716e;border-radius:1px;transform:none}.modal-backdrop{background:#020303d1;-webkit-backdrop-filter:blur(10px) saturate(.72);backdrop-filter:blur(10px) saturate(.72)}.theme-browser,.export-dialog,.video-import-dialog{background:linear-gradient(135deg,#171a1afa,#0a0c0cfa),url(/assets/generated/underground-livehouse-texture.png) center / cover;border-color:#686e6b;border-radius:2px;box-shadow:0 24px 70px #000000bd,0 0 0 1px #050606}.theme-browser>header{background:#070809e0;border-bottom-color:#555b58}.theme-live-card,.theme-detail,.video-import-poster{border-radius:1px}.theme-live-card{background:#181b1bf5;border-color:#535a56}.theme-live-card.is-selected{border-color:var(--stage-red);box-shadow:inset 3px 0 0 var(--stage-red),0 0 16px #d3192c2e}.choose-theme-button,.render-button,.video-import-confirm{border-radius:1px;background:linear-gradient(180deg,#d92a3d,#8d0c1b);box-shadow:3px 3px #050606}.toast{border-radius:1px;box-shadow:4px 4px #050606}@media(max-width:640px),(max-width:960px)and (max-height:500px)and (orientation:landscape){.brand-wordmark{width:56px;padding:2px 0 2px 4px;border-left-width:2px;font-size:9px;line-height:.86;text-align:left}.brand-wordmark small{margin-bottom:2px;font-size:4px;letter-spacing:.09em}.brand-wordmark em{margin-top:2px;font-size:.28em;letter-spacing:.08em}.brand-lockup>span{display:none}.studio-topbar{border-bottom-color:#4f5553}.effect-dock button{border-radius:1px}}@media(max-width:960px)and (max-height:500px)and (orientation:landscape){.brand-wordmark{width:44px;font-size:8px}}@media(max-width:640px),(max-width:960px)and (max-height:500px)and (orientation:landscape){.preview-controls .motion-panel{position:fixed!important;z-index:40!important;inset:168px 8px calc(78px + env(safe-area-inset-bottom))!important;width:auto!important;max-width:none!important;height:auto;max-height:none;margin:0!important;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}}@media(max-width:960px)and (max-height:500px)and (orientation:landscape){.preview-controls .motion-panel{top:120px!important;right:6px!important;bottom:60px!important;left:6px!important}}.settings-button{min-width:88px;max-width:none;padding:0 12px}.settings-button span{font-size:11px;font-weight:900}.studio-grid{grid-template-columns:minmax(0,1fr) 264px}.right-gutter{padding:18px 16px;overflow-y:auto}.character-control-panel{min-height:0;display:grid;align-content:start;gap:12px;padding:15px;background:linear-gradient(180deg,#1b1e1ffa,#0b0d0efa);border:1px solid #5d635f;box-shadow:4px 4px #050606,inset 3px 0 0 var(--stage-red)}.character-control-heading{display:grid;gap:3px;padding-bottom:10px;border-bottom:1px solid rgba(222,219,210,.2)}.character-control-heading strong{font-family:Reggae One,Zen Maru Gothic,sans-serif;font-size:17px;line-height:1.2}.character-picker-button{width:100%;min-height:68px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 11px;color:#fff4e8;background:linear-gradient(180deg,#d92a3d,#8d0c1b);border:1px solid #ff7d88;box-shadow:3px 3px #050606,inset 3px 0 #ffffff29;cursor:pointer;text-align:left;transition:transform .14s ease,box-shadow .14s ease}.character-picker-button:hover{background:linear-gradient(180deg,#ee4050,#a71122);box-shadow:4px 5px #050606,0 0 18px #d3192c52;transform:translateY(-1px)}.character-picker-button>svg{color:var(--led)}.character-picker-button>span{min-width:0;display:grid;gap:2px}.character-picker-button small,.character-picker-button em{overflow:hidden;color:#fff4e8c2;font-size:7px;font-style:normal;font-weight:900;letter-spacing:.08em;text-overflow:ellipsis;white-space:nowrap}.character-picker-button strong{overflow:hidden;font-family:Zen Maru Gothic,sans-serif;font-size:14px;letter-spacing:.03em;text-overflow:ellipsis;white-space:nowrap}.character-picker-button b{padding:5px 7px;color:#101212;background:var(--led);font-size:9px;font-weight:900}.selected-character-summary{display:grid;gap:4px;padding:11px 10px;color:var(--paper-muted);background:#0405058c;border:1px solid rgba(222,219,210,.2)}.selected-character-summary.has-character{color:var(--paper);border-color:#78f7bd80;box-shadow:inset 3px 0 0 var(--led)}.selected-character-summary span{color:var(--led);font-size:8px;font-weight:900;letter-spacing:.11em}.selected-character-summary strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.selected-character-summary small,.character-gesture-hint{color:var(--paper-muted);font-size:9px;font-weight:700;line-height:1.5}.sidebar-settings-button,.motion-select-character{min-height:42px;display:flex;align-items:center;justify-content:center;gap:7px;color:var(--paper);background:#242728;border:1px solid #626865;box-shadow:2px 2px #050606;cursor:pointer;font-size:11px;font-weight:900}.sidebar-settings-button:hover,.motion-select-character:hover{border-color:var(--led);color:var(--led)}.character-gesture-hint{margin:0;padding-top:10px;border-top:1px solid rgba(222,219,210,.16)}.mobile-character-picker,.mobile-stage-character-trigger{display:none}.preview-controls .motion-panel{display:grid;grid-template-columns:minmax(190px,.8fr) minmax(220px,1.15fr) minmax(180px,.9fr);align-items:start;gap:10px;padding:14px;color:var(--paper);background:#111314fa;border:1px solid #616764;box-shadow:5px 5px #050606}.motion-panel-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;align-content:start}.motion-panel-heading strong{font-family:Reggae One,Zen Maru Gothic,sans-serif;font-size:15px;line-height:1.35}.motion-panel-close{min-height:32px;display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:0 8px;color:var(--paper-muted);background:#242728;border:1px solid #59605c;cursor:pointer;font-size:9px;font-weight:900}.motion-panel-close:hover{color:var(--paper);border-color:var(--led)}.motion-panel .aspect-ratio-control{grid-column:2;align-self:start}.motion-panel .eq-intensity-control,.motion-panel .eq-flip-control{min-height:0;background:#151718;border-color:#555c58;box-shadow:none}.motion-panel .eq-intensity-control{grid-column:auto}.motion-panel .eq-size-control,.motion-panel .eq-flip-control,.motion-select-character{grid-column:2}.motion-panel .eq-speed-control{grid-column:3}.motion-effect-section{grid-column:1 / -1;display:grid;gap:6px;padding-top:10px;border-top:1px solid rgba(222,219,210,.16)}.motion-effect-section>span{color:var(--paper-muted);font-size:9px;font-weight:900;letter-spacing:.1em}.motion-panel .effect-dock{position:static!important;width:100%!important;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.motion-panel .effect-dock button{width:auto;min-height:38px;display:flex;align-items:center;justify-content:center;gap:6px;padding:6px;color:var(--paper-muted);background:#242728;border:1px solid #59605c;box-shadow:none;transform:none}.motion-panel .effect-dock button.is-active{color:#fff4e8;background:#971322;border-color:#e75a67}.motion-panel .effect-dock button span{position:static;width:auto;height:auto;overflow:visible;clip-path:none;white-space:nowrap;font-size:9px}.motion-panel>label{min-width:0;padding:8px;background:#24272894;border:1px solid rgba(222,219,210,.14)}.theme-browser>header{align-items:center}.theme-browser-selection-count{display:grid;justify-items:end;margin-left:auto;color:var(--paper-muted)}.theme-browser-selection-count span{font-size:8px;font-weight:900;letter-spacing:.11em}.theme-browser-selection-count strong{color:var(--led);font-family:Reggae One,Zen Maru Gothic,sans-serif;font-size:24px;line-height:1}.theme-browser-selection-count small{color:var(--paper-muted);font-size:11px}.theme-browser-body>.category-stack{padding:5px 0;border-right:1px solid rgba(222,219,210,.16)}.theme-browser-body>.category-stack button{min-height:38px;padding:6px 9px}.theme-catalog-heading span{color:var(--paper-muted)}.theme-live-grid.is-video{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:148px}.theme-live-card{grid-template-rows:minmax(62px,1fr) auto;gap:5px;padding:6px}.theme-live-card>strong{grid-row:2;min-height:0;padding:0 2px 2px;font-size:11px}.theme-card-labels,.theme-card-animal,.theme-motion-storyboard{display:none}.theme-detail{grid-template-rows:auto minmax(140px,1fr) auto auto;gap:9px;padding:12px}.theme-detail-copy h3{margin:0 0 5px}.theme-detail-copy p{margin:0}@media(max-width:1180px){.mobile-character-picker{display:block}.preview-controls .mobile-character-picker{width:100%}.mobile-stage-character-trigger{position:absolute;z-index:5;left:10px;bottom:10px;min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 12px 0 10px;color:#111313;background:var(--led);border:2px solid #e8fff2;border-radius:999px;box-shadow:3px 3px #050606,0 0 16px #78f7bd6b;cursor:pointer;font-family:Zen Maru Gothic,sans-serif;font-size:12px;font-weight:900;letter-spacing:.03em}.mobile-stage-character-trigger:active{box-shadow:1px 1px #050606;transform:translate(2px,2px)}}@media(max-width:640px),(max-width:960px)and (max-height:500px)and (orientation:landscape){.app-shell{grid-template-rows:94px minmax(0,1fr)}.scene-rail{padding:6px;grid-template-columns:52px minmax(0,1fr) 72px;gap:5px}.scene-card,.scene-empty{flex-basis:102px;min-width:102px;min-height:78px;max-height:78px}.scene-card img{min-height:40px}.scene-actions{width:72px}.sample-scenes-button{min-height:28px;font-size:6px}.scene-actions .add-media-button{min-height:44px;font-size:8px}.studio-grid{grid-template-columns:minmax(0,1fr)!important}.right-gutter{display:none}.top-actions{grid-template-columns:minmax(0,1fr) 70px 98px}.secondary-top-button.settings-button{width:70px;padding:0 5px;gap:4px}.settings-button span{font-size:10px}.export-button{min-width:0;font-size:10px}.stage-zone{padding:10px 10px 8px}.stage-zone:before{display:none}.preview-controls{grid-template-columns:minmax(0,1fr);gap:6px;padding:7px 0 0}.preview-controls .mobile-character-picker{grid-column:1;min-width:0}.mobile-character-picker .character-picker-button,.character-picker-button.is-compact{min-height:54px;grid-template-columns:auto minmax(0,1fr);gap:7px;padding:8px 10px}.mobile-character-picker .character-picker-button small,.mobile-character-picker .character-picker-button em,.mobile-character-picker .character-picker-button b,.character-picker-button.is-compact small,.character-picker-button.is-compact em,.character-picker-button.is-compact b{display:none}.mobile-character-picker .character-picker-button strong,.character-picker-button.is-compact strong{font-size:15px}.preview-controls .equalizer-layer-switcher,.preview-controls .video-clip-toolbar{grid-column:1 / -1}.preview-controls .equalizer-layer-switcher{order:-1}.preview-controls .motion-panel{position:fixed!important;z-index:40!important;inset:auto 0 calc(78px + env(safe-area-inset-bottom))!important;width:auto!important;height:min(66dvh,560px)!important;max-height:min(66dvh,560px)!important;display:grid;grid-template-columns:1fr;gap:9px;padding:12px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;background:#111314fc;border:1px solid #6a716c;border-radius:16px 16px 0 0;box-shadow:0 -12px 34px #00000085,4px 0 #050606}.motion-panel-heading{position:sticky;z-index:1;top:-12px;min-height:50px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-12px -12px 0;padding:12px;background:#151718;border-bottom:1px solid rgba(222,219,210,.16)}.motion-panel-close{min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:0 9px;color:var(--paper);background:#2a2e2e;border:1px solid #666d69;font-size:9px;font-weight:900}.motion-panel .aspect-ratio-control{grid-column:1 / -1;width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:7px}.motion-panel .aspect-ratio-control>span{grid-column:1 / -1;display:block;padding:0 2px 3px;color:var(--paper-muted);font-size:9px;font-weight:900}.motion-panel .aspect-ratio-control button{min-height:44px;display:grid;grid-template-columns:20px minmax(0,1fr);column-gap:5px;padding:5px 7px}.motion-panel .aspect-ratio-control button strong,.motion-panel .aspect-ratio-control button small{display:block;text-align:left}.motion-panel-heading,.motion-panel .eq-intensity-control,.motion-panel .eq-size-control,.motion-panel .eq-speed-control,.motion-panel .eq-flip-control,.motion-select-character,.motion-effect-section,.motion-panel>label{grid-column:1 / -1}.motion-panel-heading strong{font-size:14px}.motion-panel .eq-intensity-control,.motion-panel .eq-speed-control,.motion-panel .eq-flip-control{padding:10px}.motion-panel .effect-dock button{min-height:42px;flex-direction:column;gap:2px}.motion-panel .effect-dock button span{font-size:8px}.theme-browser>header{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;padding:10px}.theme-browser h2{margin:2px 0 0;font-size:18px}.theme-browser-selection-count strong{font-size:20px}.theme-browser-body{grid-template-rows:40px minmax(0,1fr) 120px;gap:6px}.theme-browser-body>.category-stack{display:block;padding:0;border:0;overflow:visible}.theme-browser-body>.category-stack .category-stack-scroll{display:flex;align-items:stretch;gap:6px;padding-right:112px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none}.theme-browser-body>.category-stack .category-stack-scroll::-webkit-scrollbar{display:none}.theme-browser-body>.category-stack button{min-width:86px;min-height:38px;flex:0 0 auto;padding:5px 8px;font-size:10px;text-align:center}.category-swipe-hint{position:absolute;z-index:1;top:0;right:0;bottom:0;display:inline-flex;align-items:center;gap:3px;padding:0 8px 0 22px;color:var(--led);background:linear-gradient(90deg,transparent,#16191a 32%);font-size:9px;font-weight:900;letter-spacing:.04em;pointer-events:none}.category-swipe-hint b{font-size:16px;line-height:1}.theme-live-grid.is-video{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:104px}.theme-live-card{padding:4px}.theme-live-card>strong{font-size:9px}.theme-detail{grid-template-columns:72px minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:6px;padding:6px}.theme-detail-heading{grid-column:1;grid-row:1 / -1;display:grid;align-content:start}.theme-detail .live-chip{padding:4px;font-size:7px}.theme-detail-canvas{grid-column:1;grid-row:1 / -1;min-height:0}.theme-detail-copy{grid-column:2;grid-row:1;min-width:0}.theme-detail-copy h3{overflow:hidden;margin:0;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.theme-detail-copy p{display:none}.choose-theme-button{grid-column:2;grid-row:2;min-height:40px;font-size:10px}}@media(max-width:640px){.stage-zone{padding:10px}.stage-frame{width:100%;max-width:none}.stage-frame.is-portrait{height:min(60dvh,calc(100% - 72px));max-height:min(60dvh,calc(100% - 72px))}.mobile-stage-character-trigger{left:8px;bottom:8px;min-height:44px;padding:0 11px 0 9px;font-size:11px}.modal-backdrop{align-items:stretch;padding:0}.theme-browser{width:100vw;height:100dvh;border:0;box-shadow:none}}.stage-frame.is-portrait{align-self:center;flex:0 0 auto;width:min(calc(100% - 18px),40dvh);height:auto;max-height:none}.motion-panel-controls{grid-column:1 / -1;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:10px;min-width:0}.motion-panel-controls>.eq-intensity-control,.motion-panel-controls>.eq-flip-control,.motion-panel-controls>.motion-select-character{grid-column:1 / -1}.motion-panel-controls>.eq-size-control,.motion-panel-controls>.eq-speed-control{grid-column:auto}@media(min-width:641px){.stage-zone{overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-color:var(--stage-red) transparent}.stage-zone>.stage-frame{flex:0 0 auto}.preview-controls{padding-bottom:20px}}@media(max-width:640px),(max-width:960px)and (max-height:500px)and (orientation:landscape){.stage-frame.is-portrait{width:min(calc(100% - 8px),34dvh);height:auto!important;max-height:none!important}.preview-controls .motion-panel{inset:auto 0 calc(78px + env(safe-area-inset-bottom))!important;height:min(68dvh,600px)!important;max-height:min(68dvh,600px)!important;align-content:start}.motion-panel-controls{grid-template-columns:minmax(0,1fr)!important;gap:10px}.motion-panel-controls>.eq-intensity-control,.motion-panel-controls>.eq-size-control,.motion-panel-controls>.eq-speed-control,.motion-panel-controls>.eq-flip-control,.motion-panel-controls>.motion-select-character{position:static!important;grid-column:1 / -1!important;min-width:0;margin:0}.motion-panel-controls>.eq-flip-control.is-mobile-only{display:flex}}