.studio-page{--st-bg:#0c1118;--st-panel:#121a24;--st-line:#293342;--st-text:#e7edf5;--st-muted:#98a8bd;--st-accent:#b7c5ff;background:var(--st-bg);color:var(--st-text);min-height:100vh;padding:0 24px 32px;font-size:14px;color-scheme:dark}.studio-page *{box-sizing:border-box}.studio-page button,.studio-page input,.studio-page select,.studio-page textarea{font:inherit}.studio-page button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--st-line);border-radius:6px;padding:9px 11px;background:#18222f;color:var(--st-text);cursor:pointer;min-height:36px}.studio-page button:hover{background:#253346;border-color:#536781}.studio-page button:disabled{opacity:.35;cursor:not-allowed}.studio-page :focus-visible{outline:2px solid #c9d2ff;outline-offset:3px}.studio-page input:not([type=range]):not([type=checkbox]),.studio-page select,.studio-page textarea{background:#0d141d;border:1px solid #334154;border-radius:5px;padding:8px 10px;color:#e7edf5;max-width:100%;min-width:0}.studio-page input[type=range]{accent-color:#b7c5ff;min-width:0}.studio-page input[type=checkbox]{accent-color:#b7c5ff;width:18px;height:18px}.studio-page .studio-primary{background:#bfccff;border-color:#bfccff;color:#14203e;font-weight:650}.studio-page .studio-primary:hover{background:#d6dfff}.studio-header{height:54px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #242d3b;max-width:1540px;margin:auto}.studio-brand{font-weight:900;font-size:21px;letter-spacing:-1px}.studio-brand span{color:#a4b4cb;font-size:13px;letter-spacing:1px;margin-left:7px}.studio-header nav{display:flex;gap:26px;color:#b3c1d4;font-size:13px}.studio-intro{display:flex;align-items:center;justify-content:space-between;gap:28px;max-width:1540px;margin:14px auto 13px;min-height:70px}.studio-intro-copy{min-width:0;flex:1}.studio-intro-side{display:flex;flex-direction:column;align-items:flex-end;gap:5px;flex-shrink:0}.studio-top-ad:empty{display:none}.studio-top-ad{width:728px}.studio-ad-unit{margin:0}.studio-eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#95a7c1}.studio-intro h1{font-size:27px;letter-spacing:-1px;font-weight:650;margin:5px 0}.studio-intro h1 span{font-size:9px;letter-spacing:1px;vertical-align:middle;border:1px solid #3b4b63;border-radius:4px;padding:4px 6px;margin-left:8px;color:#b7c5ff}.studio-intro p{color:#9bacc1;margin:3px 0 0}.studio-local{font-size:12px;color:#9cafbf}.studio-local:first-letter{color:#99cbb5}.studio-message,.studio-status,.studio-toolbar,.studio-workbench{max-width:1540px;margin:0 auto}.studio-toolbar{justify-content:space-between;padding:8px 12px;background:#151e29;border:1px solid var(--st-line);border-radius:10px 10px 0 0}.studio-document,.studio-toolbar{display:flex;align-items:center;gap:10px}.studio-document{min-width:0}.studio-document svg{color:#b7c5ff;flex-shrink:0}.studio-document input{width:220px!important;background:transparent!important;border-color:transparent!important;font-weight:600}.studio-document>span{font-size:9px;letter-spacing:1px;color:#7d8ea5}.studio-actions{display:flex;gap:7px;flex-shrink:0}.studio-workbench{display:grid;grid-template-columns:195px minmax(0,1fr) 260px;border:1px solid var(--st-line);border-top:0;background:var(--st-panel);align-items:stretch}.studio-skills{border-right:1px solid var(--st-line);display:flex;flex-direction:column;min-width:0}.studio-panel-heading{height:42px;border-bottom:1px solid var(--st-line);padding:0 16px;display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:650;letter-spacing:1.5px;color:#9aadc5}.studio-panel-heading>span{display:flex;gap:8px;align-items:center}.studio-panel-heading button{padding:4px;border:0;background:transparent;min-height:28px}.studio-slot-list{padding:10px 8px;max-height:460px;overflow:auto}.studio-page .studio-slot{display:flex;text-align:left;justify-content:flex-start;width:100%;border-color:transparent;background:transparent;padding:12px 8px;margin-bottom:5px;gap:10px}.studio-slot>span:last-child{min-width:0}.studio-slot strong{display:block;font-size:12px;font-weight:550;overflow-wrap:anywhere}.studio-slot small{display:block;font-size:10px;color:#8ea0b6;margin-top:5px}.studio-page .studio-slot.is-selected{background:#23314a;border-color:#405579}.studio-key{display:flex;justify-content:center;align-items:center;min-width:27px;height:29px;border:1px solid #425168;border-radius:5px;font-size:12px;color:#becbf0;background:#151f2e}.studio-sidebar-note{margin-top:auto;padding:18px 16px;color:#8397af;font-size:12px;line-height:1.8}.studio-sidebar-note button{padding:0!important;background:transparent!important;border:0!important;color:#c0ccff!important;text-align:left;font-size:11px!important;margin-top:10px}.studio-center{min-width:0}.studio-preview-heading{height:54px;padding:9px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.studio-preview-heading h2{font-size:17px;font-weight:550;margin-top:3px;overflow-wrap:anywhere}.studio-preview-heading .studio-eyebrow{font-size:9px}.studio-views{display:flex;gap:3px;flex-shrink:0}.studio-views button{font-size:11px;text-transform:capitalize;padding:5px 10px;min-height:30px;background:transparent}.studio-views button[aria-pressed=true]{background:#2b3b53;color:#cfdaff;border-color:#546888}.studio-viewport{position:relative}.studio-stage{height:clamp(250px,30vh,310px);width:100%;overflow:hidden;touch-action:none;background:#101822}.studio-stage canvas{display:block}.stage-fallback{display:flex;align-items:center;justify-content:center;padding:40px;color:#a5b6c9;text-align:center}.studio-stage-badge{position:absolute;top:15px;left:18px;display:flex;gap:7px;align-items:center;font-size:9px;letter-spacing:1px;color:#cad7e9;pointer-events:none}.studio-stage-badge>span{width:5px;height:5px;background:#9ee0c2;border-radius:50%}.studio-stage-badge i{font-style:normal;letter-spacing:0;color:#8fa0b7;border-left:1px solid #485367;padding-left:8px;margin-left:5px}.studio-combo-toggle{position:absolute;top:11px;right:14px;min-height:28px;padding:4px 9px;border-color:#40516a;background:rgb(16 24 34/82%);color:#aebed2;font-size:10px}.studio-combo-toggle[aria-pressed=true]{border-color:#6883b4;background:#263750;color:#d7e0ff}.studio-stage-legend{position:absolute;left:18px;bottom:16px;display:flex;gap:13px;font-size:10px;pointer-events:none}.studio-stage-legend span:first-child{color:#a0b9ef}.studio-stage-legend span:nth-child(2){color:#e2ba8c}.studio-stage-legend span:last-child{color:#9ee0c2}.studio-orbit-hint{position:absolute;right:16px;bottom:16px;font-size:10px;color:#8c9ab0;pointer-events:none}.studio-playback{height:48px;display:flex;align-items:center;gap:10px;padding:6px 12px;border-top:1px solid var(--st-line);border-bottom:1px solid var(--st-line)}.studio-playback .studio-play{background:#c2cdff;color:#17223b;border-color:#c2cdff}.studio-playback>button:nth-child(2){border:0;background:transparent;padding:6px}.studio-playback output{font:11px ui-monospace,monospace;white-space:nowrap}.studio-playback output span{color:#8295ae}.studio-playback input{flex:1;width:30px}.studio-playback select{padding:5px;font-size:11px}.studio-timeline-heading{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;min-height:40px;gap:10px}.studio-timeline-heading>div{display:flex;align-items:center;gap:12px}.studio-timeline-heading strong{font-size:12px}.studio-timeline-heading select{font-size:11px;max-width:175px;padding:5px}.studio-timeline-heading>span{font-size:10px;color:#8da1ba}.studio-timeline{display:flex;overflow:auto;gap:8px;padding:4px 12px 10px;min-height:106px;max-height:118px;scrollbar-color:#425471 #121a24}.studio-page .studio-node{position:relative;flex:0 0 118px;max-width:118px;border:1px solid #3a4659;border-top:3px solid #7286ad;border-radius:5px;display:flex;flex-direction:column;align-items:flex-start;padding:8px 9px;background:#192331;gap:5px;justify-content:flex-start;text-align:left}.studio-node-time{font:10px ui-monospace,monospace;color:#8fa4bd;position:absolute;top:10px;right:8px}.studio-node-symbol{font-size:17px;line-height:20px;color:#c4cfdf}.studio-node strong{font-size:12px;font-weight:600}.studio-node small{font-size:10px;color:#a1b2c9;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100%}.studio-node-index{position:absolute;bottom:5px;right:7px;font-size:8px;color:#778aa4}.studio-page .studio-node.hitbox{border-top-color:#dbb07a}.studio-page .studio-node.velo{border-top-color:#77c7cf}.studio-page .studio-node.particle,.studio-page .studio-node.visual{border-top-color:#b498e3}.studio-page .studio-node.wait{border-top-color:#7e8a9e}.studio-page .studio-node.is-selected{background:#29384d;border-color:#c5d2ff;box-shadow:0 0 0 1px #c5d2ff}.studio-add{display:flex;align-items:center;gap:8px;padding:6px 12px 10px}.studio-add button,.studio-add select{font-size:11px;min-height:32px;padding:6px 9px}.studio-add>span{margin-left:auto;font-size:9px;color:#8e9db3}.studio-inspector{border-left:1px solid var(--st-line);max-height:650px;overflow:auto;min-width:0}.studio-inspector>h3{font-size:18px;padding:20px 18px 3px}.studio-muted{font-size:11px;color:#8da0ba;padding:0 18px}.studio-node-tools{display:flex;gap:6px;padding:15px 18px}.studio-node-tools button{padding:7px;min-height:30px}.studio-fields{padding:0 18px;display:flex;flex-direction:column;gap:12px}.studio-fields label{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.studio-fields label>span{font-size:11px;color:#adbed3;flex:1}.studio-fields input:not([type=checkbox]){width:117px;font-size:12px!important}.studio-fields code{font-size:10px;overflow-wrap:anywhere;max-width:100%}.studio-inspector-empty{padding:38px 24px 28px;color:#9baec7}.studio-inspector-empty svg{color:#a7b8db;margin-bottom:17px}.studio-inspector-empty h3{font-size:18px;color:#e0e8f7;margin-bottom:8px}.studio-inspector-empty p{font-size:12px;line-height:1.8}.studio-distance{display:block;font-size:11px;color:#aebed3;margin:0 18px 24px}.studio-distance output{float:right;font-family:monospace}.studio-distance input{display:block;width:100%;margin-top:12px}.studio-details{padding:16px 18px;border-top:1px solid var(--st-line);margin-top:20px;font-size:11px;color:#a5b7cf}.studio-details summary{cursor:pointer;color:#d1ddef;font-weight:550}.studio-details summary span{float:right;font-size:9px;color:#a0aecd}.studio-details p{font-size:11px;line-height:1.8;margin:12px 0}.studio-details pre{font-size:10px;overflow:auto;max-height:220px;padding-top:12px}.studio-details textarea{width:100%;height:230px;font:11px monospace!important;margin:6px 0 10px}.studio-coverage{margin-top:12px}.studio-status{border:1px solid var(--st-line);border-top:0;border-radius:0 0 9px 9px;display:flex;justify-content:space-between;padding:10px 16px;font-size:10px;color:#8499b2;background:#111923}.studio-status span:first-child{color:#a9c6bc}.studio-about{max-width:1240px;margin:38px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:60px;font-size:12px;line-height:1.9;color:#8fa4bf}.studio-about h2{color:#d1dded;font-weight:550;font-size:14px;margin-bottom:8px}.studio-about a{display:inline-block;color:#b5c4ed;margin-top:12px}.studio-message{display:flex;align-items:center;gap:12px;background:#202e41;padding:10px 16px;font-size:12px;line-height:1.7}.studio-message button{padding:4px 8px;min-height:26px}.studio-message button:last-child{margin-left:auto}.studio-empty{padding:25px;color:#91a5bf;font-size:12px}.studio-dialog{margin:auto;width:min(650px,calc(100% - 32px));max-height:85vh;overflow:auto;border:1px solid #45566e;border-radius:12px;background:#141e2b;color:#e7eef9;padding:24px;box-shadow:0 24px 100px #0009}.studio-dialog::backdrop{background:#060b14bb;backdrop-filter:blur(5px)}.studio-dialog-title{display:flex;justify-content:space-between;align-items:center}.studio-dialog h2{font-size:22px;font-weight:600}.studio-dialog p{color:#a3b5cd;font-size:13px;line-height:1.8;margin:16px 0}.studio-dialog textarea{width:100%;height:190px;font:12px monospace;margin:0 0 15px;resize:vertical}.studio-dialog input.studio-search{width:100%;margin:0 0 16px}.studio-file{display:block;font-size:12px;color:#9aafc9;margin-bottom:20px}.studio-file input{display:block;margin-top:10px;width:100%}.studio-library-list{max-height:45vh;overflow:auto}.studio-library-list button{display:flex;justify-content:space-between;width:100%;text-align:left;margin:0 0 6px;padding:14px;gap:12px}.studio-library-list strong{font-size:12px}.studio-library-list small{font-size:10px;color:#a1b7d6}.studio-export-actions{display:flex;gap:8px;flex-wrap:wrap}.studio-dialog-message{padding:12px;background:#223247;border-radius:5px}@media (min-width:1600px) and (min-height:1100px){.studio-stage{height:360px}.studio-inspector{max-height:800px}}@media (max-width:1300px){.studio-top-ad{display:none}}@media (max-width:1150px){.studio-page{padding:0 16px 24px}.studio-workbench{grid-template-columns:165px minmax(0,1fr) 230px}.studio-add>span,.studio-document>span,.studio-local,.studio-orbit-hint{display:none}.studio-fields input:not([type=checkbox]){width:100%}.studio-stage{height:320px}.studio-preview-heading{padding:12px}.studio-timeline-heading>span{display:none}}@media (max-width:850px){.studio-workbench{grid-template-columns:minmax(0,1fr) 235px}.studio-skills{grid-column:1/-1;border-right:0;border-bottom:1px solid var(--st-line)}.studio-panel-heading{height:40px}.studio-skills>.studio-panel-heading{display:none}.studio-slot-list{display:flex;max-height:100px;padding:8px;gap:6px}.studio-page .studio-slot{width:180px;min-width:180px;margin:0;padding:8px}.studio-sidebar-note{display:none}.studio-document input{width:170px!important}.studio-intro{margin:14px auto}.studio-intro h1{font-size:25px}.studio-about{gap:25px}}@media (max-width:620px){.studio-page{padding:0 10px 24px}.studio-header{height:54px}.studio-header nav{gap:12px;font-size:10px}.studio-brand{font-size:18px}.studio-brand span{font-size:10px}.studio-intro{margin:12px 4px}.studio-intro h1{font-size:23px}.studio-intro p{font-size:12px;line-height:1.7}.studio-toolbar{flex-wrap:wrap;padding:8px}.studio-document{width:100%}.studio-document input{width:100%!important}.studio-actions{width:100%;justify-content:flex-end}.studio-actions button{flex:1;min-height:36px;font-size:12px}.studio-workbench{display:block}.studio-stage{height:240px}.studio-inspector{border-left:0;border-top:1px solid var(--st-line);max-height:none}.studio-inspector-empty{padding:20px}.studio-inspector-empty svg{display:none}.studio-inspector-empty h3{font-size:15px}.studio-fields{display:grid;grid-template-columns:1fr 1fr;align-items:start;padding-bottom:15px}.studio-fields label{align-items:flex-start;flex-direction:column}.studio-details{margin-top:0}.studio-distance{display:inline-block;width:calc(50% - 36px);vertical-align:top}.studio-playback{gap:8px;padding:8px}.studio-playback output{font-size:10px}.studio-timeline-heading{padding:12px}.studio-add{padding:8px 12px 15px}.studio-status{font-size:9px;gap:15px}.studio-status span:last-child{max-width:45%;text-align:right}.studio-about{display:block;margin:28px 8px}.studio-about>div{margin-bottom:24px}.studio-message{gap:6px;padding:8px;font-size:10px;white-space:nowrap}.studio-message button{padding:4px 6px;font-size:10px}.studio-dialog{padding:18px}.studio-dialog h2{font-size:19px}}@media (max-width:1280px){.studio-top-ad{display:none}}@media (prefers-reduced-motion:reduce){.studio-page *{scroll-behavior:auto!important}}.studio-page .studio-new{font-size:10px;white-space:nowrap;min-height:28px;padding:5px 8px;background:transparent;color:#aabbd5}@media (max-width:620px){.studio-inspector.has-selection{position:fixed;bottom:8px;left:8px;right:8px;z-index:50;max-height:46vh;border:1px solid #556b8b;border-radius:10px;background:#141e2b;box-shadow:0 -12px 50px #0007;overflow:auto}.studio-inspector.has-selection>.studio-panel-heading{position:sticky;top:0;background:#172333;z-index:1}}