/* Compact editing chrome with resizable docks and a large scene. */
.studio-prefabs img{width:100%;height:auto;aspect-ratio:240/156;object-fit:cover;border-bottom:1px solid #d9e1ea}
#studio-root .studio-viewport-label button{margin-left:auto;font-size:9px!important}.studio-edit-badge{margin-left:0!important}
#studio-root{--left-panel:218px;--right-panel:282px;font-family:Arial,Helvetica,sans-serif;background:#f1f2f4;color:#343943;font-size:12px}
#studio-root button,#studio-root input,#studio-root select,#studio-root textarea{font-family:inherit;border-radius:3px}#studio-root [hidden]{display:none!important}
.studio-top{height:40px;gap:30px;padding:0 13px;background:#f9fafb;border-color:#d1d4da}.studio-brand{font-size:15px;gap:6px}.studio-brand .mark{width:17px;height:20px}.studio-brand b{background:transparent;font-size:10px;letter-spacing:1.4px;padding:0;color:#7a808d}.studio-title{justify-content:center}.studio-title>span{font-size:10px;color:#838993}#studio-root .studio-title input{background:transparent;text-align:center;font-size:12px;width:230px;padding:4px}.studio-top-actions{gap:6px}.studio-top-actions button{padding:5px 10px!important;font-size:11px!important;min-width:65px}
.studio-tabs{height:31px;display:flex;align-items:stretch;padding:0 10px;background:#f9fafb;border-bottom:1px solid #d4d8df;gap:3px}.studio-tabs>span{flex:1}#studio-root .studio-tabs button{border:0;border-radius:0;background:transparent;padding:6px 18px;font-size:11px;color:#606773}#studio-root .studio-tabs button.active{color:#3e62d4;background:#fff;box-shadow:inset 0 -2px #4a6de2}.studio-tabs button[data-studio]{padding:4px 10px!important}
.studio-toolbar{height:91px;min-height:91px;background:#fff;padding:7px 10px 3px;overflow-x:auto;gap:0}.studio-toolgroup{flex-direction:column;align-items:stretch;justify-content:space-between;margin:0 10px 0 0;padding:0 10px 0 0;border-right:1px solid #e1e3e7;gap:1px}.ribbon-buttons{display:flex;align-items:stretch;gap:2px;height:58px}.studio-toolgroup>small{font-size:8px;text-align:center;color:#8c929b;letter-spacing:.7px;white-space:nowrap}.studio-toolgroup>small kbd{font-size:8px!important}.studio-toolgroup svg{width:23px;height:23px;flex-shrink:0}.studio-toolgroup button{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:6px!important;min-width:45px!important;padding:5px!important;font-size:10px!important;position:relative}.studio-toolgroup button span{white-space:nowrap}.studio-toolgroup button[data-tool] kbd{top:1px;right:2px;font-size:8px;color:#a2a9b4}.studio-toolgroup button[data-tool].selected{background:#eaf0fc!important;border-color:#b6c9f5!important}.studio-toolgroup .compact-tools{display:grid;grid-template-columns:1fr 1fr}.compact-tools button{flex-direction:row!important;gap:4px!important;justify-content:flex-start;font-size:10px!important;padding:3px 5px!important}.compact-tools svg{width:14px;height:14px}.studio-toolgroup label{display:flex;flex-direction:column;justify-content:center;font-size:9px;margin:0 3px}.studio-toolgroup select{width:55px!important;min-width:0;font-size:10px!important;padding:3px!important;height:25px}.studio-play-tools{margin-left:auto;margin-right:0;border:0;padding:0}.studio-play-tools [data-studio=test]{color:#288653!important}.studio-play-tools [data-studio=stop]{color:#aa5961!important}.studio-test-description{display:flex;flex-direction:column;gap:8px;padding:6px 22px;font-size:11px;color:#8b94a2}.studio-test-description b{color:#4d5665}
.studio-workspace{display:grid;grid-template-columns:var(--left-panel) 4px minmax(200px,1fr) 4px var(--right-panel);grid-template-rows:1fr}.studio-toolbox{background:#fafbfc;border:0;display:flex;flex-direction:column;min-height:0}.studio-panel-title{height:30px;flex-shrink:0;padding:7px 10px;font-size:11px;background:#eceef1;color:#515963;border-color:#d4d8de}.studio-panel-title span{font-size:8px;letter-spacing:.8px;color:#969da7}.studio-toolbox-tabs{display:flex;padding:5px 6px 0;border-bottom:1px solid #dce1e8;background:#f7f8fa}#studio-root .studio-toolbox-tabs button{font-size:10px;background:transparent;border:0;border-radius:0;flex:1;padding:8px 2px}.studio-toolbox-tabs .active{box-shadow:inset 0 -2px #5372db;color:#4969cb!important}.studio-panel-intro{font-size:10px;color:#9198a3;padding:9px 10px;margin:0}.studio-toolbox [data-library-panel]{overflow:auto;flex:1}.studio-prefabs{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:2px 10px 14px}#studio-root .studio-prefabs button{display:flex;flex-direction:column;padding:0 0 8px;border:1px solid #e0e4ea;text-align:left;gap:6px;overflow:hidden;background:white}.studio-prefabs i{height:74px;display:grid;place-items:center;width:100%;font:44px Georgia;color:#59718b;background:linear-gradient(150deg,#eaf1f5,#d5e1ec);font-style:normal;box-shadow:inset 0 -1px #ccd8e2}.studio-prefabs i.prefab-tree{color:#58886a;background:linear-gradient(130deg,#e9f0e8,#d1e4d2)}.studio-prefabs i.prefab-house{color:#a5846b;background:linear-gradient(130deg,#f0ece5,#e0d8cd)}.studio-prefabs i.prefab-bridge{color:#9a7c59;background:linear-gradient(130deg,#eeece7,#dcd6cb)}.studio-prefabs span{padding:0 8px;font-size:10px}.studio-prefabs small{padding:0 8px;font-size:9px;color:#9ba1aa}.studio-insert{gap:6px;padding:4px 10px}.studio-insert i{background:#7c95b9}.studio-file-actions{display:flex;gap:5px;flex-shrink:0;padding:9px;border-color:#dce0e7}.studio-file-actions button{font-size:10px!important;flex:1;padding:6px!important}.studio-world-settings{padding:10px}.studio-world-settings label{margin-bottom:11px;font-size:10px}.studio-world-settings textarea{min-height:70px}
.studio-splitter{background:#d9dde3;cursor:col-resize;z-index:2;touch-action:none}.studio-splitter:hover,.studio-horizontal-splitter:hover{background:#6f90e0}.studio-center{grid-column:3}.studio-right{grid-column:5;border:0}.studio-viewport-label{height:30px;background:#e4e7ec;border-color:#cdd2da;padding:0 11px;gap:18px}.studio-viewport-label>span:first-child{height:100%;display:flex;align-items:center;gap:6px;background:#f9fafb;padding:0 13px;border-top:2px solid #5575d8;color:#5a6475;font-size:10px}.studio-viewport-label>span:nth-child(2){font-size:9px}.studio-edit-badge{margin-left:auto;font-size:8px;color:#8794a7;letter-spacing:1px}.studio-view-hint{font-size:9px;background:#f7f9fbd9;color:#5a6e87;bottom:10px;padding:5px 9px}.studio-viewcube{position:absolute;right:12px;top:12px;display:grid;grid-template-columns:1fr 1fr;gap:3px;opacity:.85}.studio-viewcube button{font-size:9px!important;padding:6px!important;min-width:39px;box-shadow:0 2px 5px #24384c0d;background:#fffffff0!important}.studio-output{height:48px;padding:7px 12px;gap:15px;background:#f9fafb;align-items:flex-start;font:10px/1.6 Consolas,monospace}.studio-output b{font-family:Arial,sans-serif;color:#6e7784;border-bottom:2px solid #6681cd;padding-bottom:3px}.studio-output span{font-size:10px;color:#6d798c}.studio-marquee{position:absolute;pointer-events:none;background:#4e7fea25;border:1px solid #4e7fea}
.studio-explorer{height:42%;min-height:105px;border:0}.studio-explorer #studio-search{font-size:10px;padding:5px 8px;margin:6px;width:calc(100% - 12px);background:#fff}.studio-tree{background:#fff;padding:0 0 12px}.studio-tree-root{font-size:11px;font-weight:600;color:#596474;padding:7px 10px}.studio-tree-root small{float:right;color:#a2aab5;font-weight:400}#studio-root .studio-tree button{padding-top:4px;padding-bottom:4px;gap:7px;font-size:11px;min-height:25px}.studio-tree button b{font-size:11px}.studio-tree button small{font-size:8px}.studio-tree button>span{font-size:12px}.studio-model-row{display:flex;padding-left:8px}.studio-model-row>button[data-collapse]{width:21px!important;padding:3px!important;justify-content:center;flex-shrink:0}.studio-model-row>button[data-group]{padding-left:2px!important;flex:1;min-width:0}.studio-horizontal-splitter{height:4px;flex-shrink:0;background:#d9dde3;cursor:row-resize;touch-action:none}.studio-properties [data-properties]{padding:10px}.studio-no-selection{font-size:11px;text-align:center;color:#9aa1ac;padding:28px 14px}.studio-no-selection b{font-size:12px;color:#667080}.studio-no-selection p{font-size:11px;line-height:1.6}.studio-field{font-size:10px;margin-bottom:10px}.studio-property-group{margin-top:9px;padding-top:9px}.studio-property-group h3{background:#f3f5f7;padding:5px 6px;margin:0 0 7px;color:#7c8796;font-size:9px;text-transform:uppercase;letter-spacing:.5px}.studio-vector label{margin-bottom:2px}.studio-vector input{background:#fff;font-size:10px!important;height:25px}.studio-check{font-size:10px!important;margin:7px 0}.studio-status{height:23px;background:#f0f1f4;color:#8e96a1;font-size:9px}.studio-context{position:fixed;z-index:220;background:#fff;box-shadow:0 6px 25px #25364b38;width:205px;padding:5px;border:1px solid #d0d7e0;border-radius:4px}#studio-root .studio-context button{width:100%;display:flex;justify-content:space-between;text-align:left;background:none;border:0;border-radius:2px;font-size:11px;padding:7px}.studio-context button:hover{background:#eaf0fb!important}.hide-toolbox .studio-workspace{grid-template-columns:0 0 minmax(200px,1fr) 4px var(--right-panel)}.hide-toolbox .studio-toolbox,.hide-toolbox [data-resize=left]{visibility:hidden}.hide-right .studio-workspace{grid-template-columns:var(--left-panel) 4px minmax(200px,1fr) 0 0}.hide-right .studio-right,.hide-right [data-resize=right]{visibility:hidden}.hide-toolbox.hide-right .studio-workspace{grid-template-columns:0 0 1fr 0 0}.hide-output .studio-output{display:none}
@media(max-width:1100px){#studio-root{--left-panel:175px;--right-panel:235px}.studio-toolgroup{margin-right:6px;padding-right:6px}.studio-toolgroup button{min-width:40px!important}.studio-top{gap:10px}.studio-title>span{display:none}.studio-prefabs i{height:60px}.studio-view-hint{max-width:90%;white-space:normal;text-align:center}.studio-toolgroup>small{font-size:7px}.ribbon-snapping{display:none}}
@media(max-width:700px){#studio-root{--left-panel:0px;--right-panel:190px}.studio-workspace{grid-template-columns:0 0 minmax(100px,1fr) 4px var(--right-panel);grid-template-rows:1fr}.studio-toolbox{display:none}.studio-right{grid-column:5;grid-row:1}.studio-center{grid-column:3;grid-row:1}.studio-top{height:39px}.studio-brand{font-size:12px}.studio-title{min-width:0}#studio-root .studio-title input{width:100%;max-width:170px!important;font-size:10px}.studio-top-actions button{min-width:0;font-size:10px!important}.studio-top-actions kbd{display:none}.studio-tabs button{padding:6px 12px!important}.studio-toolbar{height:85px;min-height:85px}.studio-viewcube{right:6px;top:6px}.studio-viewcube button{min-width:30px;font-size:8px!important}.studio-output{height:52px;padding:5px}.studio-output b{display:none}.studio-status span:last-child{display:none}.studio-brand b{display:none}}