@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(./fonts/font-0.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(./fonts/font-1.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(./fonts/font-2.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(./fonts/font-3.ttf) format('truetype');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(./fonts/font-4.ttf) format('truetype');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(./fonts/font-5.ttf) format('truetype');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(./fonts/font-6.ttf) format('truetype');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(./fonts/font-7.ttf) format('truetype');
}

:root{color-scheme:dark;--bg:#14161c;--panel:#1c1e26;--field:#252832;--line:#30333e;--text:#e5e6ed;--muted:#9296a7;--accent:#b5a1fa;--accent-dark:#3e345e;--x:#dc828b;--y:#a8c49c;--z:#90aff0;font-family:'DM Sans',sans-serif;font-size:14px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);height:100dvh;min-height:650px;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer;color:inherit;border:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button:hover:not(:disabled){filter:brightness(1.15)}button svg,span[data-icon] svg{width:18px;height:18px;display:block;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}input,select{color:var(--text);background:var(--field);border:1px solid transparent;border-radius:5px;outline:none}input:focus,select:focus{border-color:var(--accent)}input[type=number]{appearance:textfield;-moz-appearance:textfield}input::-webkit-inner-spin-button{appearance:none}input[type=range]{appearance:none;height:4px;width:100%;background:#363946;border-radius:2px;margin:10px 0 19px;cursor:pointer}input[type=range]::-webkit-slider-thumb{appearance:none;width:12px;height:12px;background:var(--accent);border-radius:50%}input[type=range]::-moz-range-thumb{width:12px;height:12px;background:var(--accent);border:0;border-radius:50%}input[type=color]{cursor:pointer}kbd{font-family:inherit;font-size:12px;line-height:20px;min-width:20px;text-align:center;color:var(--muted);background:#30313d;border:1px solid #41424f;border-radius:4px;padding:0 5px}[hidden]{display:none!important}.quiet{width:30px;height:30px;color:var(--muted);border-radius:5px}.quiet:hover{background:var(--field);color:var(--text)}.primary,.secondary{height:35px;padding:0 13px;border-radius:6px;font-weight:550;font-size:13px}.primary{background:var(--accent);color:#201a32}.secondary{background:#262932;border:1px solid #353845;color:#c9cbd6}.primary svg,.secondary svg{width:16px!important;height:16px!important}.app-header{height:70px;display:flex;align-items:center;padding:0 23px;border-bottom:1px solid var(--line);gap:30px;background:#1b1d24}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:#f1eefb;flex-shrink:0}.brand>svg{width:32px;height:32px;fill:none;stroke:var(--accent);stroke-width:1.7}.brand>svg circle{fill:var(--accent);stroke:none}.brand>span:first-of-type{font-family:'Space Grotesk',sans-serif;font-size:29px;font-weight:600;letter-spacing:-1.5px}.brand-dot{color:var(--accent)}.studio-label{font-size:12px;letter-spacing:1.5px;color:#82879a;font-weight:600;border-left:1px solid #3a3d48;margin-left:7px;padding-left:16px}.project-heading{display:flex;align-items:center;gap:15px;flex:1;min-width:0}.project-heading>input{font-weight:500;width:172px;background:transparent;padding:5px 0;text-overflow:ellipsis}.save-state{font-size:12px;color:#808696;display:flex;align-items:center;gap:5px;white-space:nowrap}.save-state svg{width:13px!important;height:13px!important}.header-actions{display:flex;gap:9px;align-items:center}.header-actions>.quiet{margin-right:7px}.workspace{display:grid;grid-template-columns:225px minmax(0,1fr) 270px;grid-template-rows:minmax(300px,1fr) 208px;height:calc(100dvh - 98px);min-height:552px}.left-panel,.right-panel{background:var(--panel);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#3a3c48 transparent}.left-panel{border-right:1px solid var(--line);display:flex;flex-direction:column}.right-panel{border-left:1px solid var(--line)}.panel-heading{display:flex;justify-content:space-between;align-items:center;padding:17px 18px 13px;min-height:47px}.panel-heading>span:first-child{font-size:12px;letter-spacing:1.5px;font-weight:600;color:#9195a7}.panel-heading .quiet{width:23px;height:23px}.small-muted{color:#73798d;font-size:12px}.scene-meta{display:flex;gap:8px;align-items:center;color:#b6b9c9;font-size:12px;padding:3px 18px 11px}.scene-meta svg{width:14px!important}.count{margin-left:auto;font-size:12px;border:1px solid #3d404c;color:#a5a9ba;min-width:21px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:4px;padding:0 4px}.object-list{padding:0 9px;min-height:148px;max-height:220px;overflow-y:auto;scrollbar-width:thin}.object-row{height:34px;width:100%;border-radius:5px;color:#b9bccb;padding:0 10px;gap:10px;display:flex;cursor:pointer;margin:2px 0;font-size:13px}.object-row:hover{background:#272a35}.object-row.selected{background:#393249;color:#d9ccff}.object-row>.object-type{color:#878ba0}.object-row.selected>.object-type{color:var(--accent)}.object-row>.object-type svg{width:16px;height:16px}.object-row>.object-row-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.object-row>.visibility-button{color:#76798d;width:23px;height:25px;padding:0}.visibility-button svg{width:14px!important;height:14px!important}.object-row.selected>.visibility-button{color:#af9fc8}.object-empty{padding:18px 12px;color:var(--muted);font-size:13px}.scene-actions{display:flex;gap:8px;padding:11px 18px 16px;border-bottom:1px solid var(--line)}.scene-actions>button{background:#272a34;color:#a7abbd;border:1px solid #353845;height:29px;border-radius:5px;font-size:12px}.scene-actions>button:first-child{flex:1}.scene-actions>button:last-child{width:30px}.scene-actions svg{width:14px!important;height:14px!important}.library-section{padding-bottom:18px}.primitive-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:0 17px}.primitive-grid>button{height:65px;background:#242731;border:1px solid #343742;border-radius:6px;flex-direction:column;gap:6px;color:#a2a6b9;font-size:12px}.primitive-grid>button:hover{background:#35303f;border-color:#635274;color:#d0bdff}.primitive-grid>button svg{width:25px;height:25px;stroke-width:1.1}.left-bottom{padding:16px 18px 21px;margin-top:auto;border-top:1px solid var(--line)}.tip-icon{color:var(--accent);margin-bottom:10px}.tip-icon svg{width:17px!important}.left-bottom strong{display:block;font-size:12px;font-weight:500;line-height:1.6;color:#bfc0ce}.left-bottom p{color:#85899d;line-height:1.6;font-size:12px;margin:5px 0 11px}.text-button{padding:0;color:#bbaaef;font-size:12px;font-weight:500}.stage{display:flex;flex-direction:column;background:#22252f;position:relative;min-width:0}.stage-toolbar{height:49px;display:flex;align-items:center;gap:15px;padding:0 14px;background:#1e212a;border-bottom:1px solid var(--line);flex-shrink:0}.mode-switch{display:flex;background:#171a21;border:1px solid #30333f;border-radius:6px;padding:3px}.mode-switch button{height:29px;padding:0 9px;gap:5px;font-size:12px;color:#8f94a8}.mode-switch button svg{width:14px!important;height:14px!important}.mode-switch button.active{color:#d4c5fa;background:#393247;border-radius:4px}.transform-tools{display:flex;gap:5px;align-items:center}.tool{width:30px;height:30px;color:#9b9fb3;border-radius:4px}.tool.active{background:#3c3452;color:var(--accent)}.toolbar-divider{height:19px;border-left:1px solid #383b46;margin:0 5px}.viewport-options{margin-left:auto}.viewport{position:relative;flex:1;min-height:0;overflow:hidden;background:radial-gradient(ellipse at 50% 37%,#343743,#282c36)}.viewport>canvas{display:block;width:100%;height:100%;touch-action:none}.view-label{position:absolute;left:18px;top:18px;display:flex;align-items:center;gap:8px;z-index:1;pointer-events:none;font-size:12px;color:#c4c7d3}.view-dot{width:5px;height:5px;background:#c8c3db;border-radius:50%}.view-shading{color:#82889a;border-left:1px solid #525562;margin-left:2px;padding-left:10px;font-size:12px}.view-controls{position:absolute;left:16px;top:50px;display:flex;flex-direction:column;gap:6px;z-index:1}.view-btn{width:31px;height:31px;color:#adb1c2;border:1px solid #454955;border-radius:5px;background:#292d36c9}.view-btn.active{color:var(--accent);border-color:#9c89d3}.axis-widget{position:absolute;top:16px;right:19px;width:72px;height:74px;z-index:1}.axis-widget>span{position:absolute;left:33px;top:44px;width:7px;height:7px;border-radius:50%;background:#858697}.axis{border-radius:50%;width:23px;height:23px;position:absolute;font-size:12px;font-weight:600;z-index:2}.axis-y{left:25px;top:1px;background:#a8c49c;color:#263825}.axis-y:after{content:'';height:24px;width:1px;background:#a8c49c;position:absolute;top:22px}.axis-x{right:0;bottom:2px;background:#dc828b;color:#46212c}.axis-x:after{content:'';height:1px;width:22px;background:#dc828b;position:absolute;right:21px;top:3px;transform:rotate(28deg);transform-origin:right}.axis-z{left:0;bottom:2px;background:#90aff0;color:#25365a}.axis-z:after{content:'';height:1px;width:22px;background:#90aff0;position:absolute;left:21px;top:3px;transform:rotate(-28deg);transform-origin:left}.viewport-footer{position:absolute;bottom:13px;left:18px;right:18px;display:flex;justify-content:space-between;align-items:center;gap:8px;pointer-events:none;font-size:12px;color:#969bab}.dot-separator{padding:0 7px;color:#626879}#selection-info{color:#c0b2e5}.selected-object{display:flex;align-items:center;gap:10px;padding:1px 18px 17px;border-bottom:1px solid var(--line)}.selected-object>span:first-child{color:var(--accent);padding:7px;background:#353044;border:1px solid #514260;border-radius:5px}.selected-object>span:first-child svg{width:17px;height:17px}.selected-object>input{min-width:0;width:100%;padding:4px 0;background:transparent;font-size:14px;font-weight:550}.object-badge{color:#7e8297;font-size:12px;letter-spacing:1px}.property-section{padding:17px 18px;border-bottom:1px solid var(--line)}.section-title{display:flex;align-items:center;gap:7px;margin-bottom:15px;color:#9d9faf}.section-title>span>svg{width:15px;height:15px}.section-title h2{font-size:13px;font-weight:550;margin:0;color:#ced0db}.section-title .quiet{margin-left:auto;width:18px;height:20px}.section-title .quiet svg{width:13px!important;height:13px!important}.transform-group{margin-bottom:13px}.transform-group:last-of-type{margin-bottom:0}.transform-group>label{display:flex;justify-content:space-between;font-size:12px;color:#979aab;margin-bottom:7px}.unit{font-size:13px;color:#71778b}.axis-inputs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.axis-inputs>label{background:#262933;border:1px solid #353844;border-radius:5px;display:flex;align-items:center;padding-left:7px;gap:4px;height:31px;min-width:0}.axis-inputs>label>span{font-family:'Space Grotesk',monospace;font-size:12px}.axis-inputs input{padding:3px 0;min-width:0;width:100%;background:transparent;font-size:12px;font-variant-numeric:tabular-nums}.x{color:var(--x)}.y{color:var(--y)}.z{color:var(--z)}.pose-status{font-size:12px;line-height:1.5;color:var(--accent);margin-top:12px}.color-control{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#9a9eaf;margin-bottom:10px}.color-picker{display:flex;align-items:center;background:#262933;border:1px solid #353844;border-radius:4px;gap:7px;padding:3px 7px 3px 4px;font-size:12px;letter-spacing:.4px;color:#b9bdcc}.color-picker>input{width:20px;height:20px;padding:0;border:0;overflow:hidden;border-radius:3px}.color-picker>input::-webkit-color-swatch-wrapper{padding:0}.color-picker>input::-webkit-color-swatch{border:0;border-radius:3px}.swatches{display:flex;gap:8px;margin:0 0 15px}.swatches button{background:var(--swatch);width:21px;height:21px;border:3px solid var(--panel);outline:1px solid #3e414d;border-radius:50%}.swatches button.active{outline-color:var(--accent)}.slider-label{display:flex;justify-content:space-between;font-size:12px;color:#969bad}.slider-label output{color:#b8bac8;font-size:12px;font-variant-numeric:tabular-nums}.property-section input[type=range]:last-child{margin-bottom:0}.animation-section{padding-bottom:17px}.animation-section .section-title{margin-bottom:11px}.key-summary{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#9297ab;margin-bottom:12px}.key-summary strong{font-weight:500;color:#cdc3e9;font-family:'Space Grotesk',monospace}.easing-label{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#9297ab;font-size:12px;margin-bottom:15px}.easing-label select{padding:5px;font-size:12px;border:1px solid #343743;width:99px}.set-key-button{width:100%;height:33px;border-radius:5px;background:#393049;border:1px solid #665078;color:#d2bcf2;font-size:12px}.set-key-button svg{width:15px!important;height:15px!important}.set-key-button kbd{margin-left:auto;background:transparent;border-color:#5b4a70;color:#ac95ce;height:19px;line-height:16px;margin-right:4px}.remove-key{color:#9195a8;font-size:12px;width:100%;margin-top:10px}.mesh-details{display:flex;gap:13px;color:#757b90;font-size:12px;padding:13px 18px}.timeline{grid-column:1/-1;background:#1b1e26;border-top:1px solid #373a48;min-height:0;display:flex;flex-direction:column}.timeline-bar{height:48px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding:0 18px;flex-shrink:0}.timeline-title{display:flex;align-items:center;gap:8px;width:205px}.timeline-title>span:first-child{color:#8f94a8}.timeline-title strong{font-size:13px;font-weight:550}.timeline-title svg{width:15px!important;height:15px!important}.fps-label{border:1px solid #363947;padding:3px 5px;border-radius:3px;font-size:12px;color:#858b9d;margin-left:7px;white-space:nowrap}.playback{display:flex;align-items:center;gap:5px}.playback>button{width:29px;height:28px;border-radius:4px;color:#8e95a9}.playback>button>svg{width:14px;height:14px}.playback>.play-button{color:#d6c6fe;background:#3b3350;width:32px;margin:0 3px}.playback>.active{color:#bfaaef}.playback-time{display:flex;align-items:center;gap:7px;font-size:12px;color:#7f869c;margin-left:12px}.playback-time input{background:#252934;border:1px solid #393d4b;width:40px;text-align:center;color:#c5b5ee;padding:4px 0;font-size:12px}.timeline-settings{display:flex;align-items:center;gap:22px}.timeline-settings>label{display:flex;align-items:center;gap:7px;font-size:12px;color:#9298aa}.timeline-settings input{width:33px;text-align:center;padding:4px 0;background:#272b35;border:1px solid #373c49;font-size:12px}.timeline-hint{font-size:12px;display:flex;align-items:center;gap:8px;color:#737b90}.key-diamond{display:inline-block;width:6px;height:6px;transform:rotate(45deg);background:var(--accent)}.timeline-content{display:flex;min-height:0;flex:1;overflow-y:auto;scrollbar-width:thin;position:relative}.track-labels{width:225px;flex-shrink:0;border-right:1px solid #363947;position:sticky;left:0;z-index:2;background:#1b1e26}.track-label-header{height:30px;padding:9px 18px;color:#737b90;font-size:12px;letter-spacing:1.3px;border-bottom:1px solid #2b2f3a}.track-label{height:28px;display:flex;align-items:center;padding:0 19px;gap:8px;font-size:12px;color:#8992a8;border-bottom:1px solid #272c37;cursor:pointer}.track-label>span:last-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.track-label svg{width:12px;height:12px}.track-label.selected{background:#353044;color:#c5b2ef}.track-scroll{flex:1;position:relative;min-width:0;user-select:none;touch-action:none;background:#191c24}.time-ruler{height:30px;border-bottom:1px solid #323746;position:relative;margin:0 15px}.ruler-tick{position:absolute;top:0;height:30px;border-left:1px solid #3a3e4c;color:#828a9e;padding:7px 0 0 5px;font-size:12px}.ruler-tick.minor{height:7px;top:23px;border-color:#303642}.tracks{padding:0 15px}.track{height:28px;border-bottom:1px solid #2c303a;position:relative;background-image:linear-gradient(to right,#34384760 1px,transparent 1px);background-size:20% 100%}.track.selected{background-color:#302a4059}.keyframe{position:absolute;width:8px;height:8px;transform:translate(-50%,-50%) rotate(45deg);padding:0;background:#86819d;border:1px solid #b2a5d5;top:50%;cursor:pointer;z-index:2;border-radius:1px}.track.selected .keyframe{background:#c3a7fa;border-color:#cfb7fb}.keyframe.current{box-shadow:0 0 0 2px #d8c9ff4d}.playhead{position:absolute;top:0;bottom:0;width:1px;background:#b8a2f1;pointer-events:none;z-index:3;left:15px}.playhead-handle{position:absolute;top:0;left:-5px;width:11px;height:16px;background:#b8a2f1;clip-path:polygon(0 0,100% 0,100% 70%,50% 100%,0 70%)}.status-bar{height:28px;display:flex;align-items:center;gap:22px;padding:0 18px;background:#181a22;border-top:1px solid #2c303c;color:#7f8599;font-size:12px}.status-bar>span:first-child{display:flex;align-items:center;gap:7px}.status-orbit{width:8px;height:8px;border:1px solid #a293bd;border-radius:50%}.status-right{margin-left:auto}.status-version{margin-left:10px;color:#586174}.toast{position:fixed;bottom:45px;left:50%;transform:translateX(-50%);z-index:10;background:#353041;box-shadow:0 5px 20px #0005;color:#e4d6ff;border:1px solid #6f588d;padding:12px 22px;border-radius:8px;font-size:13px;max-width:90vw}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}dialog{background:#20222b;color:var(--text);border:1px solid #45414f;border-radius:14px;padding:28px;max-width:510px;width:calc(100% - 40px);box-shadow:0 30px 100px #0007}dialog::backdrop{background:#090b13b8;backdrop-filter:blur(4px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;color:var(--accent)}.dialog-heading .dialog-mark{background:#3d334c;padding:9px;border-radius:8px}.dialog-heading .close-dialog{margin-left:auto}dialog h1{font-family:'Space Grotesk',sans-serif;font-size:28px;letter-spacing:-1px;font-weight:500;margin:19px 0 10px}dialog>p{font-size:14px;color:#9fa3b7;line-height:1.7;margin-bottom:24px}.help-steps>div{display:flex;gap:17px;margin-bottom:16px}.help-steps>div>span{color:#9b85c3;background:#312d40;flex-shrink:0;width:31px;height:31px;text-align:center;line-height:31px;border-radius:50%;font-family:'Space Grotesk',monospace;font-size:12px}.help-steps h3{font-size:14px;font-weight:550;margin:3px 0 6px}.help-steps p{font-size:13px;color:#9198ad;line-height:1.7;margin:0}.shortcuts{display:grid;grid-template-columns:repeat(4,1fr);gap:14px 8px;border-top:1px solid #373946;padding:18px 0 23px}.shortcuts>span{font-size:12px;color:#9299af;display:flex;align-items:center;gap:4px}dialog>.primary{width:100%;height:40px}.new-option{display:flex;text-align:left;justify-content:flex-start;gap:16px;width:100%;background:#2c2d38;border:1px solid #42424e;border-radius:8px;padding:16px;margin-top:10px}.new-option>span:first-child{color:var(--accent)}.new-option>span:last-child{display:flex;flex-direction:column;gap:5px}.new-option small{color:#949bad;font-size:12px}.new-option strong{font-weight:500;font-size:14px}#empty-inspector{padding:55px 24px;text-align:center;color:#9099af}#empty-inspector>span{display:flex;justify-content:center;margin-bottom:18px;color:var(--accent)}#empty-inspector strong{font-size:13px;color:#bcc0ce}#empty-inspector p{font-size:12px;line-height:1.7}#webgl-error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#262a34;z-index:4;text-align:center;padding:20px}#webgl-error h2{font-size:20px}#webgl-error p{color:#959eb4;font-size:14px;max-width:300px;line-height:1.7}.mesh-mode .viewport{cursor:crosshair}
@media(min-height:850px){.workspace{grid-template-rows:minmax(300px,1fr) 230px}.left-bottom{padding-bottom:25px}.property-section{padding-top:20px;padding-bottom:20px}.transform-group{margin-bottom:17px}.axis-inputs>label{height:33px}.timeline-bar{height:52px}.track,.track-label{height:32px}}
@media(max-width:1200px){.studio-label{display:none}.project-heading{gap:8px}.save-state{font-size:12px}.workspace{grid-template-columns:200px minmax(0,1fr) 245px}.track-labels{width:200px}.project-heading>input{width:145px}.header-actions{gap:6px}.app-header{gap:20px;padding:0 18px}.primitive-grid{padding:0 13px}.stage-toolbar{gap:10px;padding:0 10px}.mode-switch button{padding:0 7px}.transform-tools{gap:2px}.tool{width:26px}.viewport-footer{font-size:12px}.dot-separator{padding:0 4px}.timeline-hint{display:none}}
@media(max-width:1000px){.save-state{display:none}.workspace{grid-template-columns:175px minmax(0,1fr) 225px}.track-labels{width:175px}.stage-toolbar{height:85px;align-content:center;flex-wrap:wrap;gap:0 8px}.mode-switch{margin-right:100px;margin-bottom:6px}.viewport-options{position:absolute;right:12px;top:9px}.primitive-grid{gap:5px;padding:0 10px}.primitive-grid button{height:58px}.scene-actions{padding-left:10px;padding-right:10px}.panel-heading{padding-left:13px;padding-right:13px}.scene-meta{padding-left:13px;padding-right:13px}.left-bottom{padding:13px}.property-section{padding:14px}.selected-object{padding-left:14px;padding-right:14px}.app-header{gap:15px}.brand>span:first-of-type{font-size:25px}.header-actions>.quiet{margin-right:0}.viewport-instruction{max-width:200px}.viewport-footer #selection-info{display:none}.timeline-title{width:130px}.fps-label{display:none}.timeline-settings{gap:10px}}
@media(max-width:760px){body{overflow:auto;height:auto;min-height:100dvh}.app-header{height:61px;padding:0 12px;gap:10px}.brand>svg{width:25px;height:25px}.brand>span:first-of-type{font-size:24px}.project-heading>input{width:115px;font-size:12px}.header-actions{gap:5px}.header-actions .secondary,.header-actions .primary{width:31px;padding:0;height:31px}.header-actions .secondary>span:last-child,.header-actions .primary>span:last-child{display:none}.header-actions>.quiet{width:25px}.workspace{height:auto;min-height:0;grid-template-columns:145px minmax(0,1fr);grid-template-rows:440px 188px auto}.left-panel{grid-column:1;grid-row:1/3}.stage{grid-column:2;grid-row:1}.timeline{grid-column:2;grid-row:2;overflow:hidden}.right-panel{grid-column:1/-1;grid-row:3;border-top:1px solid var(--line);border-left:0;overflow:visible}.right-panel>.panel-heading{padding:14px 17px}.right-panel #inspector{display:grid;grid-template-columns:repeat(3,1fr)}.selected-object{grid-column:1/-1;padding:0 18px 12px}.property-section{padding:15px 13px;border-right:1px solid var(--line)}.mesh-details{grid-column:1/-1}.object-badge{margin-left:auto}.selected-object input{width:auto;flex:1}.timeline-bar{height:71px;padding:7px 10px;flex-wrap:wrap;gap:5px}.timeline-title{width:auto}.timeline-title strong{font-size:12px}.timeline-settings{margin-left:auto}.playback{order:3;width:100%;justify-content:center}.timeline-settings>label{font-size:12px}.timeline-content{min-height:100px}.track-labels{width:65px}.track-label-header{font-size:8px;letter-spacing:0;padding:10px 5px}.track-label{padding:0 6px;font-size:12px;gap:4px}.track-label svg{width:10px;height:10px}.stage-toolbar{padding:8px;height:86px}.mode-switch button{font-size:12px;padding:0 7px}.mode-switch{margin-right:0}.transform-tools{gap:2px}.tool{width:27px}.viewport-options{display:none}.axis-widget{transform:scale(.75);transform-origin:top right;right:8px;top:12px}.view-label{left:12px;top:13px;font-size:12px}.view-shading{display:none}.view-controls{left:9px;top:39px}.view-btn{width:26px;height:26px}.view-btn svg{width:14px!important}.viewport-footer{left:10px;right:10px;bottom:10px;line-height:1.6}.viewport-footer>span:first-child{font-size:12px;max-width:180px}.dot-separator{padding:0 3px}.left-bottom{display:none}.library-section>.panel-heading .small-muted{display:none}.primitive-grid{padding:0 9px;gap:5px}.primitive-grid>button{height:57px;font-size:12px}.primitive-grid>button svg{width:22px;height:22px}.object-list{padding:0 6px;min-height:137px;max-height:170px}.object-row{font-size:12px;padding:0 7px;gap:6px}.object-row>.object-type svg{width:12px}.visibility-button{width:19px!important}.scene-meta{font-size:12px;padding:3px 9px 7px;gap:4px}.scene-meta svg{width:11px!important}.scene-actions{padding:8px 9px 12px;gap:4px}.scene-actions>button:first-child{font-size:12px;gap:4px}.scene-actions>button:last-child{width:25px}.panel-heading{padding:12px 11px 10px}.panel-heading>span:first-child{font-size:12px}.status-bar{height:28px;font-size:12px;padding:0 12px}.status-bar>span:nth-child(2){display:none}.transform-group{margin-bottom:10px}.axis-inputs{gap:3px}.axis-inputs>label{padding-left:4px;gap:2px}.axis-inputs input{font-size:12px}.axis-inputs>label>span{font-size:12px}.section-title h2{font-size:12px}.swatches{gap:5px}.swatches button{width:16px;height:16px;border-width:2px}.color-control{flex-wrap:wrap;gap:8px}.animation-section .section-title .count{display:none}.easing-label{flex-wrap:wrap;gap:5px}.easing-label select{width:100%}.set-key-button{font-size:12px;gap:4px}.set-key-button svg{width:12px!important}.set-key-button kbd{display:none}.toast{bottom:20px}.shortcuts{grid-template-columns:repeat(3,1fr)}}
@media(max-width:430px){.project-heading>input{width:90px;font-size:12px}.brand{gap:4px}.header-actions .secondary,.header-actions .primary{width:27px}.header-actions>.quiet{display:none}.workspace{grid-template-columns:128px minmax(0,1fr)}.stage-toolbar{height:115px}.mode-switch{flex-direction:column;width:100%;margin-bottom:7px}.mode-switch button{height:23px}.transform-tools{gap:0}.tool{width:24px}.toolbar-divider{margin:0 3px}.right-panel #inspector{grid-template-columns:1fr 1fr}.animation-section{grid-column:1/-1}.animation-section .easing-label{flex-wrap:nowrap}.animation-section .easing-label select{width:110px}.animation-section .set-key-button{font-size:12px}.swatches{gap:7px}.swatches button{width:18px;height:18px}.property-section{padding:15px}.color-control{flex-wrap:nowrap}.timeline-title>span:first-child{display:none}.timeline-settings input{width:23px}.view-label{font-size:12px}.axis-widget{transform:scale(.6)}.status-right{font-size:12px}}

svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.right-panel .property-section{padding-top:14px;padding-bottom:14px}.right-panel .transform-group{margin-bottom:12px}.right-panel .section-title{margin-bottom:12px}.left-bottom{padding-top:13px;padding-bottom:13px}.app-header .studio-label{font-size:12px;letter-spacing:1px}.selected-object .object-badge{font-size:12px}.track-label-header{font-size:12px;letter-spacing:.5px}.timeline-hint{font-size:12px}.status-bar{font-size:12px}.viewport-footer{font-size:12px}.fps-label{font-size:12px}

.primitive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.primitive-grid>button{padding:0;min-width:0}.scene-actions>button{padding:0;min-width:0}.timeline-title{width:auto}.timeline-key{height:27px;margin-left:9px;background:#383044;border:1px solid #594668;border-radius:4px;color:#d1bbf5;padding:0 8px;font-size:12px}.timeline-key svg{width:13px!important;height:13px!important}.right-panel .property-section{padding-top:12px;padding-bottom:12px}@media(max-width:760px){.timeline-key{display:none}.track-label-header{font-size:0}.track-label-header:after{content:'TRACKS';font-size:12px;letter-spacing:0}.scene-actions>button{gap:3px}.primitive-grid>button>span:last-child{font-size:12px;letter-spacing:-.3px}.primitive-grid>button svg{width:22px;height:22px}.track-labels{width:62px}.timeline-title{width:auto}.timeline-bar{gap:3px}}

.simulation-bar{display:flex;align-items:center;gap:5px;min-height:43px;flex-shrink:0;padding:6px 12px;background:#252631;border-bottom:1px solid #3a3c49;font-size:12px}.simulation-bar>button{height:29px;padding:0 8px;border-radius:4px;color:#aeb2c6;font-size:12px}.simulation-bar>button svg{width:14px;height:14px}.simulation-bar>button:hover{background:#363342}.simulation-bar>.simulation-run{background:#423650;color:#dec6ff;border:1px solid #6e5183}.simulation-toggle{display:flex;align-items:center;gap:6px;margin-right:6px;color:#c1bdd0}.simulation-toggle input{accent-color:var(--accent);margin:0;width:14px;height:14px}.gravity-label{display:flex;gap:5px;align-items:center;margin-left:auto;color:#a3a3b7;font-size:12px}.gravity-label input{width:46px;padding:4px 3px;text-align:center;font-size:12px}.gravity-label>span{font-size:12px;color:#767e93}.simulation-bar>.physics-example{color:#c8b5ef;margin-left:5px;font-size:12px;padding:0 4px}.inspector-tabs{display:flex;border-bottom:1px solid var(--line);padding:7px 9px;gap:1px}.inspector-tabs button{padding:7px 8px;color:#959aae;border-radius:4px;font-size:12px;flex:1;min-width:0}.inspector-tabs button.active{background:#3c334d;color:#d5c1f7}.setting-row{display:flex;align-items:center;gap:7px;justify-content:space-between;margin:14px 0;font-size:13px;color:#aeb1c2}.setting-row select{max-width:147px;padding:7px 6px;font-size:12px;border:1px solid #3e4050}.setting-row input{width:64px;text-align:center;padding:6px;border:1px solid #393d4b;margin-left:auto}.setting-row>span{color:#81899f;font-size:12px}.physics-description,.soft-note,.physics-footnote{font-size:12px;color:#9197ad;line-height:1.7;margin:9px 0 16px}.physics-description{min-height:41px;color:#aca5be}.physics-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:15px 0}.physics-presets button{font-size:12px;background:#2f2a3c;border:1px solid #51445f;color:#c4b3db;border-radius:4px;height:30px;min-width:0;padding:0}.range-caption{display:flex;justify-content:space-between;color:#6f7a92;font-size:12px;margin-top:-9px;margin-bottom:19px}.physics-section input[type=range]{margin-bottom:13px}.physics-section .slider-label{font-size:13px}.physics-section .section-title h2{font-size:14px}.launch-group{margin:19px 0!important}.launch-group>label{font-size:12px}.physics-footnote{margin-top:15px;margin-bottom:5px}.texture-controls{border-top:1px solid #333744;margin-top:19px;padding-top:4px}.texture-upload{border:1px solid #4d465c;background:#302b3d;width:100%;height:33px;border-radius:5px;color:#cab4e8;font-size:12px}.texture-note{display:block;color:#7e899e;font-size:12px;margin-top:9px;line-height:1.6}.texture-controls .slider-label{margin-top:16px}.physics-active .view-shading{color:#d3bcf4}.simulating .inspector-tabs{opacity:.85}.simulating .simulation-run{background:#503b65}.right-panel #inspector{display:block}.inspector-tabs+section{margin-top:0}.physics-section .axis-inputs input{font-size:12px}.timeline-bar .timeline-hint{display:none}.physics-section{padding-top:17px!important}
@media(max-width:1250px){.simulation-bar{gap:3px;padding:6px 8px;flex-wrap:wrap;min-height:75px}.simulation-bar>.physics-example{margin-left:auto}.gravity-label{margin-left:0}.simulation-bar>.simulation-run{margin-right:7px}.gravity-label>span{display:none}.inspector-tabs button{padding:7px 4px;font-size:12px}.setting-row select{max-width:130px}.simulation-toggle{margin-right:5px}}
@media(max-width:760px){.simulation-bar{padding:6px;gap:2px;min-height:98px}.simulation-toggle{font-size:12px;margin-right:3px}.simulation-bar>button{padding:0 5px;height:26px;font-size:12px;gap:4px}.simulation-bar>button svg{width:12px;height:12px}.simulation-bar>.simulation-run{margin-right:0}.simulation-bar>.physics-example{margin-left:auto;font-size:12px}.gravity-label{font-size:12px;margin-left:0}.gravity-label input{width:39px;font-size:12px}.workspace{grid-template-rows:520px 188px auto}.inspector-tabs{padding:8px 12px;gap:5px}.inspector-tabs button{padding:9px;font-size:13px}.right-panel .property-section{border-right:0}.right-panel .physics-section{max-width:520px;margin:auto}.right-panel .property-section[data-inspector-panel=transform]{max-width:520px;margin:auto}.right-panel .property-section[data-inspector-panel=material]{max-width:520px;margin:auto}.right-panel .property-section[data-inspector-panel=animation]{max-width:520px;margin:auto}.right-panel .axis-inputs input{font-size:14px}.right-panel .axis-inputs label{height:36px}.right-panel .transform-group>label{font-size:14px}.right-panel .slider-label{font-size:14px}.right-panel .setting-row{font-size:14px}.right-panel .setting-row select{max-width:200px;font-size:14px}.right-panel .physics-section input[type=range]{margin:15px 0 20px}.right-panel .range-caption{font-size:12px}.right-panel .color-control{font-size:14px}.right-panel .physics-presets button{height:36px;font-size:14px}.physics-description,.soft-note,.physics-footnote{font-size:13px}.right-panel .section-title h2{font-size:14px}.simulation-bar #bake-button{min-width:48px}.physics-section .set-key-button{font-size:14px;height:38px}.right-panel .mesh-details{border-top:1px solid var(--line)}}
@media(max-width:430px){.simulation-bar{min-height:122px}.simulation-bar .simulation-toggle{width:100%}.simulation-bar>.physics-example{margin-left:0}.simulation-bar .gravity-label{width:100%}.simulation-bar>.simulation-run{padding:0 7px}.simulation-bar .simulation-run>span:last-child{font-size:12px}.workspace{grid-template-rows:560px 188px auto}}

.baking .workspace,.baking .header-actions{pointer-events:none}.baking .stage{cursor:wait}