/* The live editor moves into a viewport-sized dialog; no Fullscreen API needed. */
.sim-builder .sim-expanded-editor{position:fixed;inset:0;box-sizing:border-box;width:100%;max-width:none;height:100vh;height:100dvh;max-height:none;margin:0;padding:0;border:0;border-radius:0;overflow:hidden;background:#101820;color:#f2f5f8;font:16px/1.4 Arial,sans-serif}
.sim-expanded-editor[open]{display:flex;flex-direction:column}
.sim-expanded-editor::backdrop{background:#101820}
.sim-expanded-header{display:flex;align-items:center;gap:12px;flex-wrap:wrap;flex-shrink:0;padding:8px max(12px,env(safe-area-inset-right)) 8px max(12px,env(safe-area-inset-left));border-bottom:1px solid #455360;background:#1b2530}
.sim-expanded-header h2{margin:0;font-size:17px;flex:1 1 auto}
.sim-expanded-toolbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.sim-builder .sim-expanded-toolbar button{min-width:44px;min-height:44px;padding:8px 12px;font-size:14px}
.sim-expanded-toolbar button[aria-pressed=true]{box-shadow:inset 0 -3px #ffbf50;border-color:#ffbf50}
.sim-expanded-toolbar output{min-width:46px;text-align:center;font-size:14px;font-variant-numeric:tabular-nums}
.sim-expanded-body{display:flex;flex:1;min-width:0;min-height:0;gap:8px;padding:8px max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}
.sim-builder .sim-expanded-editor .sim-editor{display:flex;flex-direction:column;position:relative;top:auto;min-width:0;min-height:0;flex:1;margin:0;padding:8px;border:0;overflow:hidden}
.sim-builder .sim-expanded-editor .sim-preview-actions{flex:0 0 auto;flex-wrap:nowrap;overflow-x:auto;margin:0 0 8px;padding-bottom:4px;overscroll-behavior:contain}
.sim-builder .sim-expanded-editor .sim-preview-actions button{flex-shrink:0;min-height:44px;padding:8px 10px}
.sim-builder .sim-expanded-editor .sim-canvas-options{flex-shrink:0;margin-top:8px;gap:8px}
.sim-expanded-editor #expandEditor{display:none}
.sim-builder .sim-expanded-editor .sim-canvas-options p{display:none}
.sim-expanded-viewport{position:relative;flex:1;min-height:0;min-width:0;overflow:hidden;overflow:clip;background:#080d13;border:1px solid #455360;border-radius:4px;touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none}
.sim-expanded-viewport #sceneStage{position:absolute;box-sizing:border-box;max-width:none;border:0;border-radius:0;touch-action:none}
.sim-expanded-viewport[data-mode=pan]{cursor:grab}
.sim-expanded-viewport[data-panning=true]{cursor:grabbing}
.sim-expanded-help{font-size:12px;color:#b5c1cc;margin:6px 0 0;flex-shrink:0}
.sim-builder .sim-expanded-editor .sim-inspector{position:relative;top:auto;flex:0 0 320px;width:320px;max-width:42%;max-height:none;min-height:0;margin:0;overflow-y:auto;overscroll-behavior:contain}
.sim-builder .sim-expanded-editor .sim-inspector-tabs{position:sticky;top:0}
.sim-builder .sim-expanded-editor .sim-inspector-tabs button{padding:8px;min-height:44px}
.sim-builder .sim-expanded-editor .sim-layer-heading{position:static}
@media(max-width:700px){
  .sim-expanded-header{gap:6px;padding-top:max(6px,env(safe-area-inset-top))}
  .sim-expanded-header h2{font-size:15px}
  .sim-expanded-toolbar{gap:4px}
  .sim-builder .sim-expanded-toolbar button{padding:8px;font-size:13px}
  .sim-expanded-body{flex-direction:column;gap:6px;padding:4px}
  .sim-builder .sim-expanded-editor .sim-inspector{flex:0 0 42%;width:auto;max-width:none}
  .sim-expanded-help{font-size:11px}
}
@media(max-height:500px){.sim-expanded-header h2,.sim-expanded-help{display:none}.sim-expanded-header{padding-top:4px;padding-bottom:4px}.sim-builder .sim-expanded-editor .sim-canvas-options{margin-top:4px}}