:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f5f7fb;background:#0b0d12;--bg:#0b0d12;--surface:#11141a;--panel:#171a22;--panel2:#1d212b;--line:#2b303c;--muted:#929aaa;--purple:#845ef7;--blue:#3f8cff;--green:#35d39a;--set-gradient:linear-gradient(115deg,#8b5cf6 0%,#3588ff 55%,#35d39a 100%)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:var(--bg)}body{overflow:hidden}button,input,select{font:inherit}button{border:1px solid #343a48;background:#20242e;color:#f8f9fc;border-radius:7px;padding:7px 10px;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;white-space:nowrap}button:hover:not(:disabled){background:#292e3a;border-color:#4a5263}button:disabled{opacity:.35;cursor:not-allowed}.primary{background:#7654ed!important;border-color:#9077f3!important;font-weight:750}.danger{background:#2d191e!important;border-color:#61313b!important;color:#ffc6cf!important}.active{border-color:transparent!important;background:linear-gradient(#272c38,#272c38) padding-box,var(--set-gradient) border-box!important;box-shadow:0 0 0 1px #498cff38}.selected{border-color:transparent!important;background:linear-gradient(#252a35,#252a35) padding-box,var(--set-gradient) border-box!important;box-shadow:0 0 0 1px #4995ff66}.subtle{color:#b5bdcb}input,select{background:#20242e;border:1px solid #343a48;color:#fff;border-radius:7px;padding:7px;min-width:0}input:focus,select:focus,button:focus-visible{outline:2px solid #508cff;outline-offset:1px}.app{height:100vh;height:100dvh;display:grid;grid-template-rows:50px minmax(0,1fr) auto;overflow:hidden;background:var(--bg)}.topbar{z-index:30;display:flex;align-items:center;gap:7px;min-width:0;padding:6px 10px;background:#12151bcc;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{height:36px;min-width:112px;display:flex;align-items:center;gap:6px;padding-right:10px;border-right:1px solid var(--line)}.brandImage{position:relative;display:block;width:76px;height:22px;flex:0 0 76px;overflow:hidden}.brandImage img{position:absolute;display:block;width:106px;max-width:none;height:auto;left:-15px;top:-23px}.brandImage:not([hidden])+.brandFallback{display:none}.brandFallback{font-size:18px;letter-spacing:.04em}.brand>span:last-child{font-size:9px;color:#9fa7b7}.fileActions{display:flex;align-items:center;gap:4px}.fileActions button{padding:6px 8px;background:transparent;border-color:transparent}.projectName{display:flex;align-items:center;gap:6px;min-width:130px;margin-left:auto;color:var(--muted);font-size:10px}.projectName input{width:min(190px,16vw);height:32px;padding:0 9px}.viewSwitch{display:flex;padding:2px;border:1px solid var(--line);border-radius:8px;background:#0d1016}.viewSwitch button{min-width:40px;padding:4px 9px;border:0;background:transparent}.viewSwitch button.active{background:var(--set-gradient)!important;box-shadow:none;color:#fff}.iconButton{width:32px;height:32px;min-width:32px;padding:0}.saveStatus{min-width:46px;font-size:9px;color:#8e97a7}.saveStatus.failed{color:#ff9aa5}.betaControls{display:flex;align-items:center;gap:5px;min-width:0}.betaControls>span{max-width:140px;overflow:hidden;text-overflow:ellipsis;font-size:9px;color:#8f98a9}.betaControls button{height:31px;padding:5px 7px;font-size:10px}.workspace{position:relative;display:grid;grid-template-columns:56px minmax(0,1fr);min-height:0;overflow:hidden}.workspace.inspectorVisible{grid-template-columns:56px minmax(0,1fr) 286px}.workspace.viewerMode{grid-template-columns:minmax(0,1fr)}.toolRail{display:flex;flex-direction:column;align-items:stretch;gap:4px;padding:8px 6px;background:#12151b;border-right:1px solid var(--line);overflow-y:auto}.toolRail button{min-height:48px;padding:6px 2px;flex-direction:column;gap:3px;border-color:transparent;background:transparent;color:#b0b8c8}.toolRail button span{font-size:8px}.toolRail .railSpacer{flex:1;min-height:10px}.center{position:relative;min-width:0;min-height:0;background:#090b10;display:flex;flex-direction:column;overflow:hidden}.stagebar{height:36px;flex:0 0 36px;padding:4px 8px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:#9099aa;background:#101319;border-bottom:1px solid #242936}.stagebar>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stagebar>span b{color:#dce1e9}.stagebar div{display:flex;align-items:center;gap:4px}.stagebar button{height:27px;padding:4px 7px;font-size:9px}.viewport{flex:1;min-height:0;overflow:auto;padding:8px;display:grid;place-items:center}.zoomwrap{width:min(100%,calc((100vh - 166px)*1.46));transform-origin:center}.stage{position:relative;width:100%;background-color:#0e1117;background-position:center;background-size:100% 100%;background-repeat:no-repeat;border:1px solid #353b49;box-shadow:0 14px 50px #0008;overflow:visible;touch-action:none}.stage.drawingTool{cursor:crosshair}.empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;text-align:center;color:#6f788a;gap:5px}.empty b{font-size:14px}.empty span{font-size:10px}.inspector{min-width:0;min-height:0;height:100%;max-height:100%;padding:0;display:flex;flex-direction:column;background:#151820;border-left:1px solid var(--line);overflow:hidden;overscroll-behavior:contain}.inspector>header{position:relative;z-index:3;height:50px;flex:0 0 50px;display:flex;align-items:center;justify-content:space-between;padding:7px 9px 7px 12px;background:#151820e8;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.inspectorScroll{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;touch-action:pan-y;padding-bottom:max(12px,env(safe-area-inset-bottom))}.inspector>header div{display:flex;flex-direction:column}.inspector>header small{font-size:8px;letter-spacing:.14em;color:#767f90}.inspector>header b{font-size:13px}.inspector section{padding:11px 12px;border-bottom:1px solid #272c37}.inspector h3{margin-top:0}.inspector label,.setsDrawer label{display:block;margin-bottom:9px;font-size:10px;color:#aab2c1}.inspector label>input,.inspector label>select,.setsDrawer label>input{display:block;width:100%;margin-top:4px}.inspector label>span{float:right;color:#788193}.contextBadge{margin-bottom:10px;padding:7px 8px;border:1px solid transparent;border-radius:7px;background:linear-gradient(#20242e,#20242e) padding-box,var(--set-gradient) border-box;color:#e6e9ef;font-size:9px;font-weight:800;letter-spacing:.08em}.fieldGrid{display:grid;grid-template-columns:1fr 1fr;gap:0 7px}.settingRow{display:flex;align-items:center;justify-content:space-between;margin:8px 0 11px;font-size:10px;color:#aab2c1}.inspectorReveal{position:absolute;z-index:12;right:0;top:48%;padding:7px 5px;border-radius:8px 0 0 8px;writing-mode:vertical-rl}.inspectorReveal span{font-size:8px;letter-spacing:.08em}.setsDrawer{position:absolute;z-index:20;top:44px;right:9px;bottom:9px;width:min(292px,calc(100% - 18px));padding:10px;overflow:auto;border:1px solid #3c4352;border-radius:11px;background:#151820ee;box-shadow:0 20px 70px #000b;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.setsDrawer>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.setsDrawer>header>div{display:flex;align-items:center;gap:7px}.setsDrawer>header span{display:grid;place-items:center;min-width:20px;height:20px;border-radius:20px;background:#252a35;font-size:9px;color:#9ca5b5}.transitionSummary{display:flex;flex-direction:column;gap:3px;margin-bottom:9px;padding:8px;border:1px solid var(--line);border-radius:7px;background:#101319}.transitionSummary b{font-size:10px}.transitionSummary span,.transitionSummary small{font-size:9px;color:#939cad}.setlist,.plist,.propList{display:flex;flex-direction:column;gap:5px}.setlist button{display:grid;grid-template-columns:1fr auto;text-align:left;justify-content:stretch;gap:2px 7px}.setlist small,.setlist span{font-size:9px;color:#929bad}.plist button{display:grid;grid-template-columns:24px 1fr auto;text-align:left;justify-content:stretch}.plist span{width:20px;height:20px;border-radius:50%;background:#3f4655;display:grid;place-items:center;font-size:9px}.plist small,.propList small{font-size:9px;color:#929bad}.propList button{display:flex;justify-content:space-between;font-size:10px}h3{font-size:9px;letter-spacing:.14em;color:#929bad;margin:9px 0}.row{display:grid;grid-template-columns:1fr auto;gap:6px}.twobtn{display:grid;grid-template-columns:1fr auto;gap:6px;margin:8px 0 12px}.toolgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:7px}.toolgrid button{padding:7px 3px;font-size:9px}.pathWorkflow{display:grid;grid-template-columns:repeat(auto-fit,minmax(65px,1fr));gap:5px;margin-bottom:7px}.pathWorkflow button{padding:7px 3px;font-size:9px;white-space:normal}.leavePresets{display:grid;grid-template-columns:repeat(2,1fr);gap:5px;margin:0 0 8px}.leavePresets button{padding:6px 3px;font-size:9px}.selectionNote{font-size:9px;line-height:1.4;color:#858e9f;margin:0 0 9px}.colorInput{height:32px;padding:3px}.wide{width:100%;margin-bottom:6px}.pathMode{display:flex;flex-direction:column;gap:5px;padding:8px;margin-bottom:7px;border:1px solid #ffd45b;border-radius:7px;background:#28230f;color:#ffe69a}.pathMode b{font-size:10px}.pathMode span{font-size:9px}.pathMode button{align-self:flex-start;padding:4px 7px}.undoDelete{border-color:#ffd45b;color:#ffe69a;background:#28230f!important}.countPresets{display:grid;gap:5px;margin:-2px 0 9px}.countPresets>div{display:flex;align-items:center;gap:4px}.countPresets small{width:40px;font-size:7px;letter-spacing:.12em;color:#747e8f}.countPresets button{flex:1;min-width:0;padding:4px 2px;font-size:8px}footer{z-index:25;padding:5px 8px 6px;background:#13161dcc;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.playbackBar{height:38px;display:flex;align-items:center;gap:7px}.playbackBar button{height:30px;padding:5px 8px}.playButton{min-width:75px}.timecode{min-width:35px;font-size:10px;color:#c4cad5;font-variant-numeric:tabular-nums}.playbackScrubber{flex:1;height:20px;padding:0;accent-color:#558fff}.countReadout{min-width:94px;font-size:9px;color:#aeb6c5}.bpmCompact{display:flex;align-items:center;gap:5px;font-size:9px;color:#8f98a8}.bpmCompact input{width:54px;height:29px;padding:4px}.detailsToggle span{font-size:9px}.playbackDetails{display:grid;gap:6px;padding:6px 0;border-top:1px solid #272c37}.musicLine{display:flex;align-items:center;justify-content:space-between;gap:8px}.musicLine>div{display:flex;align-items:center;gap:6px;min-width:0}.musicLine span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:#aab2c0}.musicLine button,.transport button,.beatTools button{padding:5px 7px;font-size:9px}.transport,.beatTools{display:flex;align-items:center;gap:6px;overflow-x:auto}.transport>span,.beatTools span{font-size:9px;color:#939cac;white-space:nowrap}.audioHidden{display:none}audio{width:100%;height:28px}.timeline{position:relative;height:30px;border:1px solid #303644;border-radius:6px;background:#0f1218;overflow:hidden}.timelineEmpty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#687183;font-size:9px}.marker{position:absolute;top:3px;transform:translate(-50%);min-width:27px;padding:2px 4px;display:flex;flex-direction:column;gap:0;z-index:3}.marker b{font-size:8px}.marker small{font-size:7px;color:#aab1bd}.beatMarker{position:absolute;bottom:0;width:2px;height:10px;min-width:0;padding:0;border:0;border-radius:0;background:#35d39a;z-index:2;transform:translate(-50%)}.countOneMarker{position:absolute;inset:0 auto 0 0;width:2px;background:#ffd45b;z-index:2}.countOneMarker span{position:absolute;top:1px;left:4px;font-size:7px;color:#ffd45b}.counts{display:grid;grid-template-columns:repeat(12,1fr);font-size:7px;color:#727b8b;margin-top:2px}.counts span{text-align:center;border-right:1px solid #2a2f3b}.gridOverlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.gridOverlay line{vector-effect:non-scaling-stroke}.gridOverlay line.minor{stroke-width:.65px}.gridOverlay line.major{stroke-width:1.25px}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:2;pointer-events:auto;overflow:visible}.shapeGuide,.drawingShape{fill:none;stroke:#fff;stroke-width:.45;stroke-dasharray:1.5 1;vector-effect:non-scaling-stroke}.drawingShape{stroke:#a896ff}.savedPath{fill:none;stroke:#61d4ff;stroke-width:.65;stroke-dasharray:1.1 .7;vector-effect:non-scaling-stroke;pointer-events:all;cursor:pointer}.pathEditing .savedPath{stroke:#ffd45b;stroke-width:1}.controlGuide{stroke:#ffd45b;stroke-width:.3;stroke-dasharray:1 1;vector-effect:non-scaling-stroke;pointer-events:none}.curveHandle{fill:#ffd45b;stroke:#181b23;stroke-width:.35;pointer-events:all;cursor:grab}.drawingPath{fill:none;stroke:#fff;stroke-width:.6;vector-effect:non-scaling-stroke;pointer-events:none}.selectionBox{fill:#7757f62e;stroke:#a896ff;stroke-width:.45;stroke-dasharray:1 1;vector-effect:non-scaling-stroke}.dot{position:absolute;transform:translate(-50%,-50%);z-index:4;width:28px;height:28px;padding:0;border-radius:50%;border:2px solid white;box-shadow:0 2px 8px #0008;touch-action:none}.dot.none{background:#59606f}.dot.dance{background:#7757f6}.dot.flag{background:#31a7ff}.dot.rifle{background:#ff9f2f}.dot.sabre{background:#df4bd8}.dot.sel{outline:3px solid white;outline-offset:3px}.dot span{font-size:10px;font-weight:900;pointer-events:none}.dot.pathLocked{outline:4px solid #ffd45b;outline-offset:4px;box-shadow:0 0 0 8px #ffd45b33,0 2px 8px #0008}.propItem{position:absolute;z-index:3;min-width:12px;min-height:12px;touch-action:none;cursor:move}.propItem.selectedProp{z-index:5;outline:2px solid #ffd45b;outline-offset:3px}.propBody{width:100%;height:100%;display:grid;place-items:center;border:2px solid #c4cad5;background:#848c9a7a;box-shadow:0 2px 8px #0007;pointer-events:none}.propBody.rectangle,.propBody.square{border-radius:3px}.propBody.circle{border-radius:50%}.propBody span{font-size:9px;font-weight:900;color:#f4f6fa}.propResize,.propRotate{position:absolute;z-index:2;width:16px;height:16px;min-width:0;padding:0;border:2px solid #171922;background:#ffd45b}.propResize{right:-11px;bottom:-11px;cursor:nwse-resize}.propRotate{left:50%;top:-30px;transform:translate(-50%);border-radius:50%;cursor:grab}.propRotate:after{content:"";position:absolute;left:50%;top:13px;width:1px;height:14px;background:#ffd45b}.originGhost{position:absolute;transform:translate(-50%,-50%);z-index:3;width:30px;height:30px;border:2px dashed #ffd45b;border-radius:50%;background:#ffd45b26;pointer-events:none}.originGhost span{position:absolute;left:50%;top:32px;transform:translate(-50%);font-size:7px;font-weight:900;color:#ffd45b}.viewer3d{position:relative;height:100%;min-height:0;display:grid;grid-template-rows:minmax(0,1fr);background:radial-gradient(circle at 50% 20%,#252a38 0,#0b0d13 68%)}.viewer3dBar,.viewer3dTransport{display:none}.viewer3dPresets{position:absolute;z-index:8;top:9px;left:50%;transform:translate(-50%);display:flex;gap:4px;max-width:calc(100% - 24px);padding:5px;overflow-x:auto;border:1px solid #343b49;border-radius:9px;background:#10131adc;box-shadow:0 8px 30px #0008;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.viewer3dPresets button{flex:0 0 auto;padding:5px 8px;font-size:9px}.viewer3dCanvasWrap{position:relative;grid-row:1;min-height:0;overflow:hidden}.viewer3dCanvasWrap canvas{display:block;width:100%;height:100%;touch-action:none}.viewer3dCanvasWrap canvas.freeCamera{cursor:grab}.viewer3dCanvasWrap canvas.freeCamera:active{cursor:grabbing}.viewer3dHint{position:absolute;left:10px;bottom:9px;padding:5px 7px;border-radius:6px;background:#090b10cc;color:#aeb4c2;font-size:9px;pointer-events:none}.viewer3dEmpty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#9299aa;pointer-events:none}.newShowModal,.betaModal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:grid;place-items:center;padding:20px;background:#06070bcc}.newShowModal section{width:min(470px,100%);padding:22px;border:1px solid #454b59;border-radius:14px;background:#181b23;box-shadow:0 24px 80px #0009}.newShowModal h2{margin:0 0 9px;font-size:18px}.newShowModal p{margin:0 0 20px;color:#aeb4c2;line-height:1.45}.newShowModal section>div{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.betaPage{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top,#282044 0,#101219 48%)}.betaCard{width:min(430px,100%);padding:30px;border:1px solid #353947;border-radius:16px;background:#181b23;box-shadow:0 24px 80px #0008}.betaLogo{display:flex;align-items:center;gap:12px;font-size:28px;font-weight:900}.betaLogo>span:last-child{font-size:10px;color:#a896ff}.betaBrandImage{position:relative;display:block;width:218px;height:54px;overflow:hidden}.betaBrandImage img{position:absolute;display:block;width:304px;max-width:none;height:auto;left:-43px;top:-65px}.betaCard h1{margin:18px 0 8px;font-size:24px}.betaCard p{color:#aeb4c2;line-height:1.5}.betaForm{display:flex;flex-direction:column;gap:12px;margin:20px 0}.betaForm label,.betaCreate label{font-size:12px;color:#aeb4c2}.betaForm input,.betaCreate input{display:block;width:100%;margin-top:5px}.betaLink{border:0;background:transparent;color:#a896ff;padding-left:0}.betaNotice{padding:10px;border:1px solid #65562a;border-radius:8px;background:#2c2818;color:#ffe69a;font-size:12px}.betaSpinner{width:30px;height:30px;margin:24px auto;border:3px solid #353947;border-top-color:#896ef8;border-radius:50%;animation:betaSpin .8s linear infinite}@keyframes betaSpin{to{transform:rotate(360deg)}}.betaAdmin{width:min(1000px,100%);max-height:92vh;overflow:auto;background:#181b23;border:1px solid #353947;border-radius:14px;padding:20px}.betaAdmin>header{display:flex;align-items:center;justify-content:space-between}.betaAdmin>header div{display:flex;align-items:center;gap:8px}.betaAdmin h2{font-size:14px;margin:22px 0 9px}.betaCreate{display:flex;gap:9px;align-items:end}.betaToken{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:12px;padding:12px;background:#101219;border:1px solid #7757f6;border-radius:9px}.betaToken b{grid-column:1/-1;font-size:11px;color:#ffe69a}.betaToken code{overflow:auto;padding:8px;color:#b9adff}.betaTable{overflow:auto;border:1px solid #303440;border-radius:9px}.betaTable table{width:100%;border-collapse:collapse;font-size:11px}.betaTable th,.betaTable td{text-align:left;padding:8px;border-bottom:1px solid #303440;white-space:nowrap}.betaTable th{color:#9299aa}.betaStatus{display:inline-block;padding:3px 6px;border-radius:20px;background:#303440;text-transform:capitalize}.betaStatus.active,.betaStatus.unused{color:#82edc0}.betaStatus.revoked,.betaStatus.expired{color:#ff9da5}@media(max-width:1050px){.workspace.inspectorVisible{grid-template-columns:52px minmax(0,1fr) 260px}.toolRail{padding-inline:4px}.projectName span{display:none}.betaControls>span{display:none}.fileActions button{font-size:0;gap:0}.fileActions svg{width:16px;height:16px}.countReadout{display:none}}@media(max-width:780px){.workspace.inspectorVisible{grid-template-columns:52px minmax(0,1fr)}.inspector{position:absolute;z-index:22;top:0;right:0;bottom:0;height:auto;max-height:none;width:min(286px,calc(100% - 52px));box-shadow:-16px 0 50px #000a}.topbar{gap:4px}.projectName{display:none}.viewSwitch button{min-width:34px;padding-inline:7px}.detailsToggle span,.playButton span{display:none}.playButton{min-width:32px}.bpmCompact{display:none}.viewer3dPresets{left:8px;transform:none}.zoomwrap{width:100%}}@media(max-width:540px){.brand{min-width:54px;padding-right:5px}.brandFallback{font-size:15px}.brand span{display:none}.topbar>.iconButton{display:none}.saveStatus,.toolRail button span{display:none}.toolRail button{min-height:40px}.workspace,.workspace.inspectorVisible{grid-template-columns:42px minmax(0,1fr)}.timecode:last-of-type{display:none}.stagebar>span{max-width:48vw}.setsDrawer{top:38px}}