@font-face{font-family:Studio;src:local('Pretendard'),local('Noto Sans KR')}*{box-sizing:border-box} :root{color-scheme:dark;--bg:#16181a;--pane:#1b1d20;--line:#303338;--muted:#878f99;--text:#e1e3e6;--accent:#aaafb6;--gold:#d6aa65;--input:#24272b}body{margin:0;font:12px Studio,'Malgun Gothic',system-ui,sans-serif;color:var(--text);background:var(--bg)}button,input,select{font:inherit}button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:5px;background:transparent;color:inherit;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s,border-color .15s}button:hover{background:#313439;color:#fff}button:disabled{opacity:.35;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}svg{width:17px;height:17px;flex-shrink:0}input,select{color:var(--text);background:var(--input);border:1px solid #393d42;border-radius:4px;min-width:0;outline:none}input:hover,select:hover{border-color:#535961}input[type=number]{width:100%;padding:7px 6px;font-variant-numeric:tabular-nums;appearance:textfield}input[type=number]::-webkit-inner-spin-button{opacity:.3}input[type=text],input:not([type]){padding:8px}select{padding:8px;width:100%}input[type=range]{appearance:none;accent-color:var(--accent);height:4px;background:#3a3e44;border:0;border-radius:3px;width:100%;margin:10px 0}input[type=range]::-webkit-slider-thumb{appearance:none;width:11px;height:11px;background:var(--accent);border-radius:50%;cursor:ew-resize}input[type=checkbox]{accent-color:var(--accent)}[hidden]{display:none!important}h2,h3,p{margin:0}h2{font-size:12px;font-weight:600}h3{font-size:12px;font-weight:600}.studio{height:100dvh;min-height:600px;display:grid;grid-template-columns:226px minmax(330px,1fr) 292px;grid-template-rows:58px minmax(300px,1fr) 172px 28px;overflow:hidden}.topbar{grid-column:1/-1;display:flex;align-items:center;gap:26px;padding:0 16px;background:#1e2023;border-bottom:1px solid var(--line);z-index:5}.brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-size:12px;font-weight:800;letter-spacing:1.8px;line-height:1.2}.brand-mark{display:flex;width:29px;height:31px;color:var(--accent);align-items:center;justify-content:center}.brand-mark svg{width:29px;height:29px}.brand-light{display:block;font-size:11px;font-weight:400;letter-spacing:3px;margin-top:3px;color:#abb0b8}.alpha{border:1px solid #42474e;color:#a9aeb6;font-size:9px;letter-spacing:1px;padding:3px 4px;border-radius:3px;margin-left:0}.project-heading{display:flex;align-items:center;gap:9px;flex:1;min-width:90px}.project-heading input{border:0;background:none;font-size:12px;padding:4px;width:175px;text-overflow:ellipsis}.project-dot{height:5px;width:5px;border-radius:50%;background:var(--gold);flex-shrink:0}#saveIndicator{font-size:11px;color:var(--muted);white-space:nowrap}.top-actions{display:flex;align-items:center;gap:6px}.icon-button{height:29px;width:29px;padding:5px;border-radius:4px;color:#a8adb5}.icon-button.active{color:var(--accent);background:#373b41}.primary{background:var(--accent);color:#24272b;padding:9px 13px;font-weight:700;font-size:12px;box-shadow:0 1px 0 #c4c7cc55 inset}.primary:hover{background:#bdc1c7;color:#1c1e20}.quiet{padding:7px;color:#a9aeb5;font-size:12px}.divider{height:22px;width:1px;background:var(--line);margin:0 5px}.sidebar{grid-row:2/4;grid-column:1;display:flex;flex-direction:column;border-right:1px solid var(--line);background:var(--pane);min-height:0}.pane-heading{height:49px;display:flex;align-items:center;gap:8px;padding:0 15px;border-bottom:1px solid var(--line)}.pane-heading>.icon-button{margin-left:auto}.count{font:10px monospace;color:#abb0b7;background:#313439;padding:2px 5px;border-radius:3px}.hierarchy-top{display:flex;align-items:center;gap:7px;color:#a4aab2;padding:14px 15px 10px;font-size:12px}.hierarchy-top svg{width:14px}.hierarchy-top small{margin-left:auto;font:7px monospace;letter-spacing:.7px;color:#666d77}.object-list{overflow:auto;flex:1;padding:0 7px;min-height:75px}.object-row{width:100%;height:33px;justify-content:flex-start;gap:8px;padding:0 9px;font-size:12px;color:#adb2b9;border-radius:4px;position:relative}.object-row:hover{background:#2c2f34}.object-row.selected{background:#34373c;color:#d1d3d7;border:1px solid #4d525a}.object-row.selected:before{content:'';position:absolute;left:-1px;top:8px;height:15px;width:2px;background:var(--accent)}.object-row .obj-label{flex:1;overflow:hidden;text-overflow:ellipsis;text-align:left}.object-row small{font:9px monospace;color:#7a828e}.object-row svg{width:12px;height:12px}.block-swatch{height:18px;width:18px;border-radius:3px;background:#9ca2ab;box-shadow:inset 3px 3px #ffffff28,inset -3px -3px #0003;flex-shrink:0}.object-row .block-swatch{height:14px;width:14px;box-shadow:inset 2px 2px #ffffff28,inset -2px -2px #0003}.floor-row{display:flex;align-items:center;gap:8px;padding:10px 15px;font-size:12px;border-top:1px solid var(--line);color:#979ea7}.floor-row svg{width:13px}.floor-row .subtle{margin-left:auto;font-size:11px}.subtle{color:#7d8590;font-size:11px}.sidebar-bottom{border-top:1px solid var(--line);padding-bottom:14px}.compact{border:0;height:45px;justify-content:space-between}.compact h2{font-size:12px}.compact .subtle{font:8px monospace;letter-spacing:.7px}.preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:0 12px}.preset-grid button{display:flex;flex-direction:column;align-items:flex-start;background:#25272b;border:1px solid #35393f;border-radius:6px;gap:4px;padding:9px 11px;text-align:left}.preset-grid button:hover{border-color:#6a717c;background:#303338}.preset-grid button>span:not(.preset-art){font-size:12px}.preset-grid small{color:#808792;font-size:11px}.preset-art{font:25px monospace;line-height:26px;color:#a8adb4}.drop-art{color:#b2b7be}.domino-art{color:#c1a67d}.slide-art{color:#88a7b0}.new-scene{margin:10px 12px 0;font-size:12px;color:#9da3ab;width:calc(100% - 24px);padding:6px}.new-scene svg{width:13px}.local-note{display:flex;gap:6px;align-items:center;justify-content:center;color:#6d7581;font-size:10px;margin-top:12px}.tiny-dot{width:5px;height:5px;border-radius:50%;display:inline-block;background:var(--accent);flex-shrink:0}.viewport{grid-column:2;grid-row:2;position:relative;overflow:hidden;background:#212326;min-width:0;touch-action:none}.viewport canvas{display:block;position:absolute;inset:0;width:100%;height:100%;outline:none}.viewport-top{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:12px 17px;z-index:2;pointer-events:none}.viewport-top button{pointer-events:auto}.view-label{display:flex;align-items:center;gap:8px;font-size:11px;color:#7e8692}.view-label strong{font-weight:500;color:#b7bcc2}.view-label>span:last-child{border-left:1px solid #464b52;padding-left:10px}.view-actions{display:flex;gap:6px}.gizmo-toolbar{position:absolute;top:57px;left:14px;z-index:3;background:#1c1e21ed;border:1px solid #3d4248;border-radius:6px;box-shadow:0 3px 20px #0002;padding:4px;display:flex;flex-direction:column;gap:3px}.gizmo-toolbar .icon-button{height:30px;width:30px}.toolbar-line{height:1px;background:var(--line);margin:3px}.scene-badge{position:absolute;bottom:51px;left:18px;z-index:2;display:flex;align-items:center;gap:9px;pointer-events:none;background:#1b1d20cf;border:1px solid #40454b;border-radius:6px;padding:10px 13px;color:#b7bbc1;max-width:calc(100% - 45px);backdrop-filter:blur(8px)}.scene-badge>svg{color:var(--gold);width:16px}.scene-badge strong{display:block;font-size:12px;font-weight:500}.scene-badge small{font-size:11px;color:#878f99;display:block;margin-top:4px}.axis-widget{position:absolute;right:22px;top:60px;width:48px;height:52px;z-index:2;pointer-events:none;font:9px monospace}.axis-widget span{position:absolute}.axis-center{width:5px;height:5px;background:#acb1b9;border-radius:50%;left:22px;top:27px}.axis-y{color:#9ea4ad;left:21px;top:0}.axis-y:after{content:'';width:1px;height:20px;background:#7d8591;position:absolute;top:10px;left:3px}.axis-x{color:#cb8e79;right:0;bottom:2px}.axis-x:before{content:'';height:1px;width:21px;position:absolute;right:3px;bottom:8px;background:#ae7364;transform:rotate(30deg);transform-origin:right}.axis-z{color:#849db7;left:0;bottom:2px}.axis-z:after{content:'';height:1px;width:20px;position:absolute;left:4px;bottom:8px;background:#6c86a7;transform:rotate(-30deg);transform-origin:left}.viewport-bottom{position:absolute;bottom:0;left:0;right:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:11px 17px;color:#7d8591;font-size:10px;background:linear-gradient(transparent,#1d202399);pointer-events:none}.viewport-bottom b{margin:0 5px;color:#50565e}.inspector{grid-column:3;grid-row:2;min-height:0;background:var(--pane);border-left:1px solid var(--line);display:flex;flex-direction:column}.inspector-tabs{display:flex;align-items:center;border-bottom:1px solid var(--line);height:49px;flex-shrink:0;padding:0 8px}.inspector-tabs button{height:49px;padding:0 11px;border-radius:0;font-size:12px;color:#89909a;position:relative;flex:1}.inspector-tabs button.active{color:#cbced3}.inspector-tabs button.active:after{content:'';height:2px;background:var(--accent);position:absolute;left:11px;right:11px;bottom:0}.inspector-tabs span{font-size:10px;border-radius:3px;background:#373b40;padding:1px 4px;color:#a9aeb5}.inspector-content{overflow:auto;flex:1;padding:0 15px 16px}.selected-heading{display:flex;align-items:center;gap:8px;padding:16px 0;border-bottom:1px solid var(--line)}.selected-heading .block-swatch{width:27px;height:27px}.selected-heading>div{flex:1;min-width:0}.selected-heading input{width:100%;border:0;padding:3px 0;background:none;font-size:12px}.selected-heading small{font:8px monospace;letter-spacing:.3px;color:#7c848f}.selected-heading .icon-button{height:23px;width:23px;padding:4px}.danger:hover{color:#dc9c86;background:#4c302b}.inspector-section{padding:15px 0;border-bottom:1px solid var(--line)}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.section-title>span{font:7px monospace;letter-spacing:1px;color:#6d747f}.field-label{display:flex;align-items:center;justify-content:space-between;color:#9097a0;font-size:11px;margin:12px 0 6px}.field-label small{font-size:10px;color:#666e78}.vector-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.vector-fields label{display:flex;align-items:center;gap:4px;background:var(--input);border:1px solid #393d43;border-radius:4px;padding:0 6px}.vector-fields label>span{font:9px monospace;color:#9d8c7a}.vector-fields label:nth-child(2)>span{color:#8f969f}.vector-fields label:nth-child(3)>span{color:#819cb3}.vector-fields input{width:100%;padding:7px 0;background:none;border:0;font:10px monospace}.material-description{font:8px monospace;color:#757e8a;margin:7px 0 11px}.field-pair{display:flex;align-items:center;justify-content:space-between;color:#9fa5ad;font-size:12px;gap:15px;margin:12px 0 15px}.field-pair>div{display:flex;align-items:center;background:var(--input);border:1px solid #393d42;border-radius:4px;width:146px;overflow:hidden}.field-pair input{width:70px;border:0;background:none;padding-left:9px;font:11px monospace}.field-pair>div span{font-size:10px;color:#707883;white-space:nowrap;margin:0 7px}.slider-label{display:flex;justify-content:space-between;font-size:12px;color:#a5aab2;margin-top:13px}.slider-label output{font:10px monospace;color:#bfc3c9}.range-ends{display:flex;justify-content:space-between;font-size:10px;color:#6d7581}.check-row{display:flex;align-items:center;gap:7px;margin-top:18px;font-size:12px;color:#b0b5bb}.check-row small{margin-left:auto;color:#6e7681;font-size:10px}.force-button{width:100%;border:1px dashed #4e535b;color:#adb2ba;font-size:12px;padding:9px;margin-top:15px}.force-button svg{width:13px;color:var(--gold)}.empty-selection{padding:65px 15px;text-align:center;color:#939aa3}.empty-selection>svg{width:30px;height:30px;color:#626a74;margin-bottom:15px}.empty-selection strong{display:block;font-weight:500}.empty-selection p{font-size:12px;line-height:1.9;margin-top:12px;color:#707884}.force-intro{padding:17px 0;border-bottom:1px solid var(--line)}.force-intro>svg{color:var(--gold);vertical-align:middle;margin-right:5px;width:14px}.force-intro strong{font-size:12px;font-weight:500}.force-intro p{margin-top:10px;color:#88909a;font-size:12px;line-height:1.8}.event-card{margin-top:14px;border:1px solid #3c4046;border-radius:6px;background:#24262a;padding:11px}.event-heading{display:flex;align-items:center;gap:6px;color:#bbbfc5;font-size:12px;margin-bottom:8px}.event-heading svg{width:12px;color:var(--gold)}.event-heading button{margin-left:auto;height:21px;width:21px}.event-card label:not(.vector-fields label){display:block;color:#8d949e;font-size:11px;margin:10px 0 5px}.event-card select{font-size:12px}.event-card .event-pair{display:grid;grid-template-columns:1fr 1fr;gap:9px}.event-card .vector-fields label{padding:0 5px}.event-card .vector-fields input{font-size:11px}.event-card .hint{font-size:10px;line-height:1.7;color:#6f7783;margin-top:8px}.timeline{grid-column:2/4;grid-row:3;background:#1c1e21;border-top:1px solid var(--line);display:flex;flex-direction:column;min-width:0}.timeline-top{display:flex;align-items:center;justify-content:space-between;height:51px;border-bottom:1px solid #2d3034;padding:0 15px;gap:8px}.transport{display:flex;align-items:center;gap:7px}.play-button{font-size:12px;padding:6px 10px;border:1px solid #585f68;color:#bbc0c5;background:#32363b}.play-button svg{height:12px;width:12px}.transport .quiet{font-size:11px}.transport .quiet svg{width:12px;height:12px;color:#c69a63}.time-readout{font:10px monospace;color:#b7bbc1;margin-left:8px;white-space:nowrap}.time-readout span{color:#626a74;font-size:11px;margin-left:6px}.scene-settings{display:flex;align-items:center;gap:12px;color:#9198a1;font-size:11px}.scene-settings label{display:flex;align-items:center;gap:5px;white-space:nowrap}.scene-settings input{width:47px;font:10px monospace;padding:5px}.scene-settings .fps{font:8px monospace;color:#737c88;border:1px solid #3a3e44;padding:4px 6px;border-radius:3px}.timeline-track{height:86px;display:flex;position:relative;padding:0 16px;gap:12px}.track-label{width:125px;flex-shrink:0;display:flex;align-items:center;gap:5px;position:relative;padding-top:10px;font-size:11px}.track-label strong{font-weight:500;color:#bdc1c7}.track-label small{position:absolute;bottom:12px;left:13px;font-size:10px;color:#737c88}.record-dot{width:5px;height:5px;border-radius:50%;background:#656d77}.track-content{flex:1;position:relative;min-width:0}.ruler{height:30px;display:flex;justify-content:space-between;align-items:flex-start;color:#6d7581;font:8px monospace;padding-top:7px;border-bottom:1px solid #2e3237}.ruler span{position:relative}.ruler span:after{content:'';height:5px;width:1px;background:#43484f;position:absolute;bottom:-12px;left:0}.physics-clip{position:absolute;left:0;right:0;top:38px;height:29px;border-radius:3px;border:1px dashed #464b52;background:repeating-linear-gradient(135deg,#2b2e33,#2b2e33 5px,#2e3136 5px,#2e3136 10px);color:#868e98;display:flex;align-items:center;gap:7px;padding:0 10px;font-size:11px;overflow:visible}.physics-clip.recorded{border:1px solid #616872;background:#3e4349;color:#c1c5ca}.physics-clip svg{width:13px}.event-marker{position:absolute;height:9px;width:9px;transform:rotate(45deg);background:var(--gold);top:9px;border:1px solid #f1c886}.event-marker.fracture{background:#b57662;border-color:#dc9c88;top:18px;height:7px;width:7px}.playhead{position:absolute;left:0;top:9px;bottom:4px;width:1px;background:#bfc3c8;z-index:3;pointer-events:none}.playhead>span{position:absolute;top:-1px;left:-4px;width:9px;height:8px;background:#bfc3c8;clip-path:polygon(0 0,100% 0,100% 45%,50% 100%,0 45%)}#scrubber{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;z-index:4}.timeline-footer{height:32px;display:flex;align-items:center;gap:24px;margin:0 16px;border-top:1px solid #2e3136;font-size:10px;color:#737c88}.timeline-footer>span{display:flex;align-items:center;gap:6px}.force-dot{width:5px;height:5px;background:var(--gold);transform:rotate(45deg)}.timeline-footer b{font-weight:400;color:#9ca2aa}.shortcut{margin-left:auto;font:8px monospace;color:#626a74}.statusbar{grid-row:4;grid-column:1/-1;border-top:1px solid var(--line);background:#1a1c1f;display:flex;align-items:center;justify-content:space-between;padding:0 14px;font-size:10px;color:#6b727d}.statusbar>span{display:flex;align-items:center;gap:7px}.statusbar>span:first-child{color:#979ea7;min-width:180px}.statusbar b{color:#484d54;font-weight:400}.statusbar small{font:7px monospace;border:1px solid #34383e;padding:2px 3px}.loading-overlay{position:absolute;inset:0;background:#212326;z-index:9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;color:#bbbfc5}.loading-overlay strong{font-size:12px;font-weight:500}.loading-overlay span{color:#747d89;font-size:12px}.spinner{width:26px;height:26px;border:2px solid #4b5057;border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}dialog{border:1px solid #484d54;border-radius:12px;box-shadow:0 30px 100px #0009;background:#212427;color:var(--text);padding:26px;width:550px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 30px);overflow:auto}dialog::backdrop{background:#0b0b0cbd;backdrop-filter:blur(5px)}.dialog-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.eyebrow{font:8px monospace;letter-spacing:1.8px;color:#949aa3}.dialog-heading h2{font-size:22px;font-weight:600;letter-spacing:-.7px;margin-top:9px}.dialog-intro{color:#9097a0;font-size:12px;margin-top:13px}.export-summary{display:flex;align-items:center;gap:14px;padding:18px 16px;border:1px solid #42474d;background:#2c2f33;border-radius:7px;margin-top:22px}.export-summary>svg{width:28px;height:28px;color:#959ba4}.export-summary strong{font-size:12px;font-weight:500}.export-summary small{display:block;font:9px monospace;color:#888f99;margin-top:6px}.zip-badge{margin-left:auto;font:10px monospace;border:1px solid #5c636c;border-radius:4px;padding:6px 8px;color:#b1b6bd}.export-fields{display:grid;grid-template-columns:1fr 1.2fr;gap:15px;margin-top:22px}.export-fields label{display:flex;flex-direction:column;gap:9px;color:#a3a9b1;font-size:12px}.export-fields input,.export-fields select{background:#1b1d1f;padding:10px;color:#ced1d5;font:11px monospace;border-color:#4a4f56}.version-note{margin:10px 0 21px;color:#6e7681;font:9px monospace}.instructions{border-top:1px solid #3a3e44;padding-top:19px}.instructions>strong{font-size:12px;font-weight:500}.instructions ol{padding-left:17px;margin:12px 0;color:#8e959e;font-size:12px;line-height:2.3}.instructions code{color:#b9bec4;font-size:12px}.copy-command{display:flex;align-items:center;justify-content:space-between;border-radius:5px;background:#17191c;border:1px solid #383c41;padding:8px 9px 8px 13px}.copy-command code{font:11px monospace;overflow-wrap:anywhere}.export-note{font-size:11px;line-height:1.8;color:#79818d;margin-top:15px}.dialog-footer{border-top:1px solid #3a3f45;margin-top:20px;padding-top:19px;display:flex;align-items:center;justify-content:space-between;gap:15px}.dialog-footer>span{font-size:11px;color:#7b838e}.dialog-footer .primary{padding:10px 14px}.help-steps{padding:0 0 0 20px;margin:25px 0;color:#adb2b9}.help-steps li{padding-left:6px;margin-bottom:17px;font-size:12px}.help-steps p{font-size:12px;line-height:1.9;color:#999fa8;margin-top:7px}.help-note{padding:12px;border-radius:6px;background:#2a2d32;color:#818994;font-size:11px;line-height:1.9}.toast{position:fixed;bottom:46px;left:50%;transform:translateX(-50%) translateY(10px);background:#313439;border:1px solid #656c76;border-radius:6px;padding:12px 18px;color:#cdd0d4;font-size:12px;z-index:100;opacity:0;transition:.2s;pointer-events:none;max-width:calc(100vw - 30px);text-align:center}.toast.visible{opacity:1;transform:translateX(-50%) translateY(0)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#42474d;border-radius:5px}::-webkit-scrollbar-track{background:transparent}.group-label{font-size:10px;color:#c29b78}.structure-intro{font-size:12px;line-height:1.8;color:#949aa3;padding:16px 0;border-bottom:1px solid var(--line)}.structure-actions{display:flex;gap:6px;margin:12px 0}.structure-actions button{font-size:11px;border:1px solid #4a4f57;padding:8px;flex:1;color:#b8bcc2}.group-card{border:1px solid #42474d;border-radius:5px;padding:10px;margin-top:9px;background:#25272b}.group-card .group-top{display:flex;gap:6px;align-items:center}.group-card input[type=text]{background:none;border:0;padding:4px 0;width:100%;font-size:12px;color:#c7cacf}.group-top .icon-button{height:22px;width:22px}.group-card .field-pair{font-size:11px;margin:10px 0}.group-card .field-pair>div{width:95px}.group-card .field-pair input{width:62px;font-size:12px}.group-card select{font-size:11px;padding:6px}.group-card .group-members{color:#78808c;font-size:10px;margin:7px 0;line-height:1.8}.group-card .group-depth{font:7px monospace;color:#c39a74;letter-spacing:.5px}.group-card .hint{font-size:10px;line-height:1.8;color:#6f7783}.group-card .check-row{font-size:11px;margin-top:9px}.group-card .release-time{font:10px monospace;width:54px;padding:5px;margin-left:auto}.multi-hint{padding:6px 15px 9px;font-size:10px;color:#6d7581}
@media(min-width:1600px){.studio{grid-template-columns:245px minmax(330px,1fr) 310px}.topbar{gap:34px}.inspector-content{padding-left:20px;padding-right:20px}.pane-heading{padding:0 20px}.scene-badge{bottom:60px}.preset-grid{gap:8px;padding:0 15px}}
@media(max-width:1100px){.studio{grid-template-columns:190px minmax(260px,1fr) 260px}.topbar{gap:14px;padding:0 10px}.alpha,#saveIndicator{display:none}.project-heading input{width:135px}.top-actions{gap:2px}.button-label{display:none}.scene-settings{gap:7px}.scene-settings .floor-setting{display:none}.time-readout{margin-left:0}.scene-badge{max-width:calc(100% - 35px)}.scene-badge small{font-size:10px}.hierarchy-top small{display:none}.brand{font-size:12px}.brand-light{font-size:10px}.inspector-content{padding:0 12px 12px}.track-label{width:102px}}
@media(max-width:800px){body{overflow:auto}.studio{height:auto;min-height:100dvh;grid-template-columns:160px minmax(180px,1fr);grid-template-rows:58px 480px 175px auto 28px;overflow:visible}.topbar{grid-column:1/-1;gap:9px}.brand{letter-spacing:.5px;font-size:12px;gap:5px}.brand-light{letter-spacing:1.5px;font-size:9px}.brand-mark svg{width:22px}.brand-mark{width:22px}.project-heading{display:none}.top-actions{margin-left:auto}.top-actions .divider,#undo,#redo{display:none}.top-actions .primary{font-size:12px;padding:8px}.sidebar{grid-row:2/4}.viewport{grid-row:2;grid-column:2}.inspector{grid-column:1/-1;grid-row:4;border-top:1px solid var(--line);border-left:0;min-height:250px}.inspector-content{max-height:550px}.inspector-tabs{padding:0 20px}.timeline{grid-column:2;grid-row:3}.timeline-top{height:65px;align-items:flex-start;flex-direction:column;justify-content:center;gap:5px;padding:4px 10px}.transport{gap:3px}.transport .quiet{display:none}.transport .icon-button{width:20px}.time-readout{font-size:10px}.time-readout span{font-size:10px}.scene-settings{gap:7px;font-size:10px}.scene-settings input{width:38px;padding:3px}.timeline-track{padding:0 10px;height:82px}.track-label{display:none}.timeline-footer{margin:0 10px;height:26px;gap:6px}.timeline-footer #bakeInfo,.shortcut{display:none}.statusbar{grid-row:5}.statusbar>span:nth-child(2){display:none}.scene-badge{left:10px;bottom:44px;padding:8px;gap:5px}.scene-badge small{display:none}.scene-badge strong{font-size:11px}.viewport-bottom{padding:8px;font-size:9px}.viewport-bottom>span:last-child{display:none}.preset-grid{padding:0 8px;gap:4px}.preset-grid button{padding:8px}.preset-grid button>span:not(.preset-art){font-size:10px}.preset-grid small{font-size:9px}.local-note{font-size:9px}.floor-row .subtle{display:none}.pane-heading{padding:0 10px}.hierarchy-top{padding:12px 10px 8px}.new-scene{font-size:10px}.selected-heading{max-width:600px}.inspector-section{max-width:600px}.force-button{max-width:600px}.export-fields{grid-template-columns:1fr}.dialog-footer{align-items:flex-start;flex-direction:column}.dialog-footer .primary{width:100%}.axis-widget{right:13px}}

.studio{grid-template-columns:240px minmax(330px,1fr) 340px}.topbar{gap:20px}.vector-fields input{font-size:12px}.section-title>span,.hierarchy-top small{display:none}.inspector-section{padding:17px 0}.section-title{margin-bottom:12px}.field-label{font-size:12px;color:#a6adb7}.inspector-tabs button{font-size:12px}.statusbar{font-size:10px}.creation-tools{display:grid;grid-template-columns:1fr;gap:7px;padding:0 14px}.creation-tools button,.secondary{background:#292d33;border:1px solid #424953;padding:10px 12px;justify-content:flex-start;font-size:12px;color:#d4d8df}.creation-tools button:hover,.secondary:hover{background:#373d46;border-color:#697584}.creation-tools svg{width:16px}.empty-canvas{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);z-index:3;text-align:center;background:#20242bdb;border:1px solid #454d57;border-radius:12px;padding:28px;width:365px;max-width:calc(100% - 50px);backdrop-filter:blur(10px)}.empty-canvas h1{font-size:25px;margin:12px 0 10px;letter-spacing:-1px}.empty-canvas p{font-size:13px;line-height:1.8;color:#a1a9b6}.empty-canvas>div{display:flex;justify-content:center;gap:8px;margin-top:20px}.empty-canvas .secondary{justify-content:center}.movement-hint{position:absolute;top:52px;left:65px;z-index:2;font-size:11px;color:#b3bac4;padding:6px 9px;background:#20242be6;border-radius:4px;pointer-events:none}.library-dialog{width:690px}.library-toolbar{display:flex;gap:12px;margin:20px 0 15px;align-items:center}.segmented{display:flex;gap:3px;background:#171c23;padding:3px;border-radius:5px}.segmented button{padding:8px 13px;font-size:12px;color:#939fae}.segmented button.active{background:#3b4655;color:#edf2f8}.library-toolbar input{flex:1;padding:11px 13px;font-size:13px}.library-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;min-height:285px;max-height:385px;overflow:auto}.library-card{flex-direction:column;padding:13px 8px;gap:8px;border:1px solid #3f4854;background:#292f38;min-height:92px;white-space:normal;text-align:center}.library-card:hover{background:#37414e}.library-card.selected{border-color:#b9c9dd;background:#3d4a5e}.library-card img{width:32px;height:32px;image-rendering:pixelated;object-fit:contain}.library-card span{font-size:12px;line-height:1.4}.library-card small{color:#929caa;font-size:10px;overflow-wrap:anywhere}.library-pagination{display:flex;align-items:center;justify-content:space-between;margin:12px 0;color:#a5aebb;font-size:12px}.library-pagination button{border:1px solid #465264;padding:6px 13px}.library-selected{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-top:1px solid #424a56;font-size:12px;color:#c2ccdb}.library-selected small{font-size:11px;color:#8c98a9}.model-warning{color:#d7ae7b!important}.force-arrow-button{width:100%;border:1px solid #667c9b;background:#34445c;color:#d2deee;padding:9px;font-size:12px;margin-top:12px}.force-arrow-button.active{border-color:#dcb16e;color:#f4d59e;background:#494034}.force-arrow-hint{font-size:11px;color:#a1afc2;line-height:1.6;margin-top:8px}.help-shortcuts{display:flex;flex-direction:column;gap:7px;font-size:12px;line-height:1.6;color:#a7b3c3;margin-top:20px}.example-details{margin-top:18px;font-size:12px;color:#98a4b5}.example-details .preset-grid{margin-top:10px}.library-empty{grid-column:1/-1;padding:50px 20px;text-align:center;color:#969fad}.force-intro,.structure-intro{font-size:12px}.object-row{min-height:34px}.object-row .obj-label{font-size:12px}.object-row small{font-size:10px}.help-note{font-size:11px}.viewport-bottom{font-size:10px}.selected-heading input{font-size:14px}.scene-badge strong{font-size:12px}.scene-badge small{font-size:11px}
@media(max-width:1100px){.studio{grid-template-columns:210px minmax(260px,1fr) 310px}.topbar{gap:12px}.library-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){.studio{grid-template-columns:155px minmax(185px,1fr)}.creation-tools{padding:0 8px}.creation-tools button{padding:8px;font-size:11px}.empty-canvas{padding:17px;max-width:calc(100% - 24px)}.empty-canvas h1{font-size:19px}.empty-canvas p{font-size:11px}.empty-canvas>div{flex-direction:column}.movement-hint{display:none}.library-toolbar{flex-direction:column;align-items:stretch}.library-grid{grid-template-columns:repeat(3,1fr)}.library-selected{flex-direction:column;align-items:flex-start;gap:6px}.library-card{padding:10px 5px}.library-card span{font-size:11px}}

.state-details{margin-top:12px;border-top:1px solid #3b4149;padding-top:10px}.state-details summary{cursor:pointer;font-size:12px;color:#d6dae1;padding:5px 0}.state-details summary span{float:right;color:#9ea8b5;font-size:12px}.state-details .field-label{margin-top:10px}button:disabled{opacity:.4;cursor:default}

.placement-dock{position:absolute;top:49px;left:64px;right:14px;display:flex;gap:3px;align-items:center;z-index:4;background:#252a31ef;border:1px solid #48505b;border-radius:6px;padding:5px;max-width:540px;overflow:auto}.placement-dock button{font-size:12px;padding:7px 9px;gap:6px;white-space:nowrap}.placement-dock button:hover{background:#414b59}.placement-dock svg{width:15px;height:15px}.placement-dock .divider{height:20px;margin:0 3px}.transform-settings{position:absolute;top:100px;left:65px;z-index:4;display:flex;gap:12px;align-items:center;background:#252a31e8;border-radius:4px;padding:5px 8px;color:#b6bec9;font-size:11px}.transform-settings label{display:flex;gap:7px;align-items:center}.transform-settings select{padding:5px;font-size:11px;width:85px}.transform-settings #customPivot{display:flex;gap:4px}.transform-settings input{width:55px;padding:5px;font:11px monospace}.movement-hint{top:147px}.selection-box{position:absolute;pointer-events:none;border:1px solid #b3cae8;background:#aecae52c;z-index:5}.context-menu{position:fixed;min-width:180px;padding:5px;z-index:80;border:1px solid #697481;background:#242a32;box-shadow:0 8px 30px #0008;border-radius:6px}.context-menu button{display:flex;justify-content:space-between;width:100%;padding:8px 10px;font-size:12px;text-align:left}.context-menu button:hover{background:#465466}.context-menu kbd{font-size:10px;color:#a7b2c2}.tree-row{display:flex;align-items:center;min-height:34px;border-radius:4px;margin:2px 0}.tree-row.selected{background:#454f5c}.tree-row.drop-target{outline:1px solid #b8cbe5;background:#3a4a5d}.tree-row>.object-row{flex:1;min-width:0;margin:0;background:transparent!important}.tree-fold{width:20px;min-width:20px;align-self:stretch;font-size:11px;color:#abb7c7}.tree-indent{display:block;min-width:20px}.multi-hint{color:#9ca7b7;line-height:1.6}.hierarchy-top small{display:none}@media(max-width:1100px){.placement-dock button{padding:7px 5px}.placement-dock{left:60px;right:10px;gap:0}.transform-settings{left:60px;gap:6px}.transform-settings select{width:78px}}@media(max-width:800px){.placement-dock{top:44px;left:45px;right:5px}.placement-dock button{font-size:10px}.placement-dock button svg{display:none}.transform-settings{top:87px;left:45px;right:5px;flex-wrap:wrap}.transform-settings label{font-size:10px}.transform-settings select{width:66px}.transform-settings #customPivot{width:100%}}

.asset-import{margin:14px 0;font-size:11px;color:#99a5b6}.asset-import summary{cursor:pointer}.asset-import small{display:block;margin-top:8px;line-height:1.6}

.selection-note{margin:10px 0 0;font-size:11px;line-height:1.5;color:#a3abb6}.mixed-value::placeholder,[data-mixed="true"]::placeholder{color:#a3abb6;font-size:11px}input[type="range"].mixed-value::-webkit-slider-thumb{background:#69717c}.viewport-top{justify-content:flex-end}.object-list{padding-top:8px}.sidebar-bottom{padding-top:4px}.timeline-track{flex:1}.brand{margin-right:6px}.selected-heading small{font:11px Studio,system-ui,sans-serif;letter-spacing:0}

/* Shared outer inset aligns the top-left tool cluster. */
.gizmo-toolbar{top:14px;left:14px}.placement-dock{top:14px;left:64px;right:auto;width:calc(100% - 278px);max-width:620px}.transform-settings{top:66px;left:64px}.movement-hint{top:112px}.placement-dock button.active{color:#edf2f8;background:#4b5564;border-color:#778393}.placement-dock button[data-mixed="true"]{border-style:dashed;border-color:#778393}.connection-card{margin:12px 0;padding:12px;background:#24262a;border:1px solid #3c4046;border-radius:6px}.connection-card .field-label{margin-top:10px}.connection-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.connection-top strong{font-weight:500}.connection-card details{margin-top:14px}.connection-card summary{cursor:pointer;color:#a8b1bd;font-size:11px}.connection-card .check-row{margin-top:12px}.connection-card .vector-fields input{font-size:11px}.connection-toolbar{padding:15px 0 2px}.connection-toolbar button{width:100%}.inspector-tabs button{padding:0 7px}.connection-card .field-pair{margin:10px 0}.connection-card .field-pair>div{width:110px}.connection-card .field-pair input{width:100%}.connection-card .quiet{font-size:11px;padding:4px}.connection-card .event-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}
@media(max-width:1100px){.placement-dock{width:calc(100% - 258px);left:64px}.transform-settings{left:64px}}@media(max-width:800px){.placement-dock{top:14px;left:64px;width:calc(100% - 78px)}.transform-settings{top:66px;left:64px;right:14px}.viewport-top{top:auto;bottom:14px;left:auto;right:14px;padding:0}.gizmo-toolbar{top:14px;left:14px}}

#bodyName,#projectName,.group-card input[type=text]{border:1px solid #505761;background:#25292f;border-radius:4px;padding:7px 8px}#bodyName:focus-visible,#projectName:focus-visible,.group-card input[type=text]:focus-visible{border-color:#b3bbc8;outline:2px solid #b3bbc866}.help-shortcuts kbd{color:#e2e7ef;font:11px monospace;border:1px solid #505762;border-radius:3px;padding:2px 4px;background:#30353d}.help-shortcuts{gap:12px}

/* Scene hierarchy: leading bars, nested guides and trailing visibility. */
.object-list{padding:8px}.tree-row{position:relative;gap:0;min-height:39px;margin:1px 0;padding:0!important}.tree-bar{width:3px;align-self:stretch;margin:7px 4px 7px 0;border-radius:2px;background:#68727f;flex-shrink:0}.tree-row.selected>.tree-bar{background:#d0d9e5}.tree-group>.tree-bar{background:#9ba8b8}.tree-children{margin-left:15px;padding-left:6px;border-left:1px solid #464c54}.tree-indent{min-width:18px;width:18px}.tree-fold{min-width:18px;width:18px;color:#c0c9d5}.tree-fold svg{width:12px;height:12px;transition:transform .1s}.tree-fold[aria-expanded=true] svg{transform:rotate(90deg)}.tree-row>.object-row{padding:5px 4px;gap:5px;justify-content:flex-start}.obj-label{display:flex;flex-direction:column;align-items:flex-start;overflow:hidden;flex:1;min-width:0}.obj-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;color:#e0e4eb}.obj-english{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;line-height:1.4;color:#8f99a7}.tree-eye{width:27px;min-width:27px;padding:5px;color:#aab3c1;align-self:stretch}.tree-eye svg{width:14px;height:14px}.tree-eye:hover{background:#3a424d;color:#fff}.tree-hidden .obj-label{opacity:.45}.tree-eye[aria-pressed=true]{color:#637080}.tree-state{font-size:8px;background:#30343b;color:#a0a9b6;padding:2px 3px;border-radius:2px;overflow:hidden;text-overflow:ellipsis;max-width:56px;white-space:nowrap}.tree-group .obj-name{font-weight:600}.tree-row .object-row>svg{width:12px;flex-shrink:0}.brand-light{text-transform:none}.connection-card select{width:100%}

.placement-dock{width:max-content;max-width:calc(100% - 78px)}

.brand{letter-spacing:-.5px}.brand-light{letter-spacing:-.5px;margin-left:0}

.brand{letter-spacing:.3px}.brand-light{display:inline;font:inherit;font-weight:500;letter-spacing:.3px;margin:0}

.tree-indent{display:none}.tree-row:not(.tree-group)>.object-row{padding-left:1px}.tree-row:not(.tree-group)>.tree-bar{margin-right:5px}

.file-menu-wrap{position:relative}.file-menu{position:absolute;top:35px;left:0;z-index:100;width:225px;padding:5px;background:#252a32;border:1px solid #535d6b;border-radius:5px;box-shadow:0 8px 25px #0006}.file-menu button{width:100%;padding:9px 10px;justify-content:space-between;font-size:12px}.file-menu button:hover{background:#444e5c}.file-menu kbd{font:10px monospace;color:#8f9aaa}.file-menu-divider{height:1px;background:#444a54;margin:5px}.library-thumbnail{height:78px;width:100%;display:flex;align-items:center;justify-content:center;font-size:10px;color:#8993a1}.library-card img{width:78px;height:78px;image-rendering:auto}.library-card{min-height:123px;padding:7px}.thumbnail-loading{width:12px;height:12px;border:1px solid #586371;border-top-color:#b7c3d2;border-radius:50%;animation:spin 1s linear infinite}

.header-divider{height:24px;width:1px;flex-shrink:0;background:#41464f}.topbar{gap:14px}.project-heading{margin-left:0}

.library-dialog{width:min(1280px,96vw);max-width:96vw}.library-grid{grid-template-columns:repeat(10,minmax(0,1fr));max-height:62vh;min-height:350px;gap:6px;overflow:auto}.library-card{min-height:118px;padding:7px 3px}.library-card span:not(.library-thumbnail):not(.thumbnail-loading){font-size:11px}.library-card img{width:76px;height:76px;max-width:100%;object-fit:contain}.library-pagination{justify-content:flex-end;margin:10px 0 0;font-size:11px}.library-selected{padding:9px 0}.library-grid .library-empty{grid-column:1/-1}@media(max-width:900px){.library-grid{grid-template-columns:repeat(10,90px);max-height:60vh}.library-card img{width:70px;height:70px}}

.library-dialog .dialog-footer{margin-top:10px;padding-top:12px}.library-pagination{padding-bottom:0}

#entityTags,#entityNbt{width:100%;box-sizing:border-box;background:#20252b;border:1px solid #454e59;border-radius:4px;padding:8px;color:#dae0e6;font:12px/1.6 monospace}#entityNbt{resize:vertical}.inspector-section summary{cursor:pointer;font-size:12px;font-weight:600}

/* Keep view settings together, directly to the right of the game version. */
.view-actions{align-items:center;flex-wrap:wrap;justify-content:flex-end;max-width:100%}
.view-settings{display:flex;align-items:center;gap:6px;min-width:0}
.view-select{width:112px;max-width:100%;font:11px Studio,system-ui,sans-serif;padding:7px;pointer-events:auto;background:#20252bcc;height:31px}
@media(max-width:1100px){.view-settings{width:100%}.view-select{flex:1;width:0;min-width:0}.view-actions{width:100%}}
@media(max-width:800px){.viewport-top{left:14px;right:14px}.view-select{font-size:10px;padding:7px 3px}}

/* Keep dropdown chevrons comfortably inside the right edge. */
select:not([multiple]):not([size]),select[size="1"]{appearance:none;-webkit-appearance:none;padding-right:30px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='%23b6bec9' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:12px 12px}

.axis-widget{width:64px;height:64px;pointer-events:none}
.axis-widget svg{width:100%;height:100%;overflow:visible}
.axis-widget text{text-anchor:middle;dominant-baseline:central;font:9px Studio,system-ui,sans-serif;paint-order:stroke;stroke:#25292f;stroke-width:2px;stroke-linejoin:round}

.brand-mark img{display:block;width:100%;height:100%;object-fit:contain}