/* Form workspace geometry; shared controls live in console-foundation.css. */
.form-experience .form-result { position:relative; min-height:640px; min-width:0; display:flex; flex-direction:column; background:var(--console-view); }
.form-experience .form-viewport-toolbar { min-height:76px; box-sizing:border-box; padding:20px 24px 12px; display:flex; align-items:center; gap:12px; }
.form-experience .form-map-tabs { width:auto; margin-left:auto; }
.form-experience .form-viewport-actions { display:flex; flex:none; align-items:center; gap:8px; margin-left:auto; }
.form-experience .form-stage { position:relative; flex:1; min-height:0; margin:0 24px 24px; }
.form-experience .form-webgl,.form-experience .form-comparison,.form-experience .form-model-message { position:absolute; inset:0; width:100%; height:100%; }
.form-experience .form-webgl canvas { cursor:grab; }
.form-experience .form-webgl canvas:active { cursor:grabbing; }
.form-experience .form-comparison { overflow:hidden; }
.form-experience .form-comparison canvas { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }
.form-experience .form-map-canvas { z-index:1; background:var(--console-view); }
.form-experience input.form-split-range[type="range"] { position:absolute; z-index:3; inset:0; width:100%; height:100%; margin:0; appearance:none; -webkit-appearance:none; background:transparent; opacity:0; cursor:ew-resize; touch-action:none; }
.form-experience input.form-split-range[type="range"]::-webkit-slider-thumb { appearance:none; -webkit-appearance:none; width:44px; height:44px; background:transparent; border:0; }
.form-experience input.form-split-range[type="range"]::-moz-range-thumb { border:0; width:44px; height:44px; background:transparent; }
.form-experience input.form-split-range[type="range"]:focus-visible { outline:none; }
.form-experience input.form-split-range[type="range"]:focus-visible + .form-split-handle { outline:2px solid var(--console-focus); outline-offset:4px; }
.form-experience .form-split-handle { pointer-events:none; position:absolute; left:50%; top:50%; z-index:2; box-sizing:border-box; width:24px; height:72px; display:flex; align-items:center; justify-content:center; gap:4px; border:1px solid var(--console-line); border-radius:999px; background:var(--console-panel); color:var(--console-muted); transform:translate(-50%,-50%); box-shadow:0 1px 5px #00000012; }
.form-experience .form-split-grip { display:block; width:2px; height:22px; border-radius:999px; background:currentColor; }
.form-experience .form-split-handle::before,.form-experience .form-split-handle::after { content:""; position:absolute; left:50%; width:1px; height:100vh; background:var(--console-panel); }
.form-experience .form-split-handle::before { bottom:100%; }
.form-experience .form-split-handle::after { top:100%; }
.form-experience .form-model-message { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:20px; padding:24px; box-sizing:border-box; color:var(--console-muted); background:var(--console-view); font-size:13px; line-height:1.8; text-align:center; z-index:4; }
.form-experience .form-model-message p { margin:0; }
.form-experience .form-controls { display:flex; flex-direction:column; }
.form-experience .form-category-tabs { margin-bottom:24px; }
.form-experience .form-category-tabs > button { padding-inline:8px; }
.form-experience .form-control-panels { flex:1; min-height:400px; }
.form-experience .form-control-panel { min-width:0; }
.form-experience .form-material-control { margin-top:4px; padding-top:20px; border-top:1px solid var(--console-line); }
.form-experience .form-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.form-experience [hidden] { display:none !important; }
@media(max-width:1050px) {
  .form-experience .form-result { min-height:500px; }
  .form-experience .form-category-tabs { max-width:360px; }
  .form-experience .form-control-panels { min-height:180px; }
  .form-experience .form-control-panel { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); grid-auto-rows:90px; gap:0 32px; }
  .form-experience .form-material-control { margin-top:0; padding-top:0; border-top:0; }
}
@media(max-width:600px) {
  .form-experience .form-result { min-height:360px; }
  .form-experience .form-viewport-toolbar { min-height:108px; padding:12px 12px 8px; gap:8px; flex-wrap:wrap; align-content:flex-start; }
  .form-experience .form-map-tabs { order:3; flex-basis:100%; }
  .form-experience .form-viewport-actions { gap:4px; }
  .form-experience .form-viewport-actions .console-icon-button { width:40px; height:40px; }
  .form-experience .form-stage { margin:0 12px 16px; }
  .form-experience .form-category-tabs { max-width:none; }
  .form-experience .form-control-panels { min-height:264px; }
  .form-experience .form-control-panel { grid-auto-rows:132px; gap:0 20px; }
}
