.studio-workspace[hidden]{display:none!important}
.studio-open{overflow:hidden}.studio-open>.app{display:none!important}
.studio-workspace{position:fixed;inset:0;z-index:600;display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-template-rows:64px minmax(0,1fr);grid-template-areas:"header header" "scene inspector";background:#e9edf0;color:#26303b;font:13px system-ui,sans-serif;direction:ltr}
.studio-workspace *{box-sizing:border-box}
.studio-header{grid-area:header;display:flex;align-items:center;gap:20px;padding:10px 20px;border-bottom:1px solid #d4dce2;background:#fff}
.studio-brand b{font-size:20px;letter-spacing:1px}.studio-brand b span{color:#c76c16}.studio-brand small{display:block;font-size:9px;letter-spacing:1.6px;color:#697681;margin-top:2px}
.studio-model{margin-inline-start:auto;font-weight:600}.studio-workspace button{min-height:38px;padding:8px 12px;background:#fff;color:#34424d;border:1px solid #d3dce2;border-radius:8px;font:600 12px system-ui;cursor:pointer}.studio-workspace button:hover{border-color:#c76c16;background:#fff7df}.studio-header>button{background:#f6c946;border-color:#e8b72e;color:#342c13}
.studio-scene{grid-area:scene;position:relative;min-width:0;min-height:0;overflow:hidden}.studio-scene>#craneCanvas{width:100%!important;height:100%!important;display:block;touch-action:none}
.studio-camera{position:absolute;top:14px;left:14px;display:flex;flex-wrap:wrap;gap:5px;max-width:calc(100% - 28px)}.studio-camera button{box-shadow:0 3px 12px #1f334011;background:#fffffff2}
.studio-scene-footer{position:absolute;bottom:12px;left:14px;right:14px;display:flex;justify-content:space-between;gap:10px;color:#415467;font-size:10px;pointer-events:none}.studio-scene-footer>span{background:#ffffffd9;border-radius:5px;padding:5px 8px}
.studio-inspector{grid-area:inspector;overflow:auto;min-height:0;padding:16px;background:#fff;border-left:1px solid #d3dce2;scrollbar-width:thin}
.studio-capacity{padding:16px;border:1px solid #d3e4db;border-radius:12px;background:#f0f7f3;margin-bottom:16px}.studio-capacity>small{display:block;color:#627368;font-size:10px}.studio-capacity>strong{display:block;font-size:34px;letter-spacing:-1px;color:#1d7653;margin:4px 0}.studio-meter{height:5px;border-radius:5px;background:#dce7e0;overflow:hidden;margin:8px 0}.studio-meter i{display:block;height:100%;background:#2f996e}.studio-capacity[data-over=true]{background:#fff4ec;border-color:#efd1bb}.studio-capacity[data-over=true]>strong{color:#bd562b}.studio-capacity[data-over=true] .studio-meter i{background:#c86439}.studio-summary{display:flex;flex-direction:column;gap:5px;margin:14px 0;color:#364b41}
.studio-inspector details{border-bottom:1px solid #e1e6e9;margin-bottom:12px;padding-bottom:12px}.studio-inspector summary{padding:6px 0;cursor:pointer;font-weight:700;font-size:13px}.studio-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}.studio-field{display:flex;flex-direction:column;gap:6px;font-size:10px;color:#667580;min-width:0}.studio-workspace :is(input[type=number],select){width:100%;min-width:0;min-height:40px;padding:7px 8px;border:1px solid #d2dbe1;border-radius:7px;color:#263440;background:#f5f7f8;font:600 15px system-ui}.studio-workspace :is(input,select,button):focus-visible{outline:2px solid #d59d20;outline-offset:2px}
.studio-telescopes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:10px}.studio-telescopes label{font-size:10px;color:#8e6911}.studio-telescopes select{margin-top:4px;font-size:13px;padding:5px}.studio-add{display:flex;gap:6px;margin:10px 0}.studio-add select{font-size:12px;flex:1}.studio-add button{white-space:nowrap}.studio-object summary{text-transform:capitalize;color:#647887}.studio-toggles{display:flex;flex-direction:column;gap:12px;padding:10px 0}.studio-toggles label{display:flex;align-items:center;gap:8px}.studio-toggles input{width:18px;height:18px;accent-color:#c9941c}.studio-note{font-size:10px;color:#7c8890;line-height:1.6}
@media(max-width:700px){.studio-workspace{grid-template-columns:1fr;grid-template-rows:56px minmax(180px,1fr) minmax(160px,34dvh);grid-template-areas:"header" "scene" "inspector"}.studio-header{padding:8px 12px;gap:10px}.studio-brand b{font-size:15px}.studio-brand small{font-size:8px}.studio-model{font-size:10px}.studio-inspector{border-top:1px solid #d3dce2;border-left:0;padding:12px}.studio-capacity{padding:12px}.studio-capacity>strong{font-size:26px}.studio-camera{top:8px;left:8px;gap:3px}.studio-camera button{font-size:10px;min-height:34px;padding:5px 7px}.studio-coordinate{display:none}.studio-scene-footer{font-size:8px}.studio-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-height:500px) and (min-width:650px){.studio-workspace{grid-template-columns:minmax(0,1fr) 260px;grid-template-rows:48px minmax(0,1fr);grid-template-areas:"header header" "scene inspector"}.studio-header{padding:5px 12px}}

.studio-workspace.inspector-hidden{grid-template-columns:1fr;grid-template-rows:64px minmax(0,1fr);grid-template-areas:"header" "scene"}.studio-workspace.inspector-hidden .studio-inspector{display:none}

.studio-handles{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:3}
.studio-handles[hidden]{display:none}
.studio-handles button{position:absolute;transform:translate(-50%,-50%);width:48px;height:48px;border:0;background:transparent;padding:0;pointer-events:auto;touch-action:none;cursor:grab;color:#182731;display:grid;place-content:center;overflow:visible}
.studio-handles button[hidden]{display:none}
.studio-handles button span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#f5c951;border:2px solid white;box-shadow:0 2px 8px #0005;font-size:19px;font-weight:800}
.studio-handles button small{position:absolute;top:43px;left:50%;transform:translateX(-50%);background:#ffffffed;border:1px solid #b9c3ca;border-radius:5px;padding:2px 5px;font:600 11px system-ui;white-space:nowrap;pointer-events:none}
.studio-handles button.dragging{cursor:grabbing}.studio-handles button.dragging span{background:#ff9f32}