/* Sprit3Runn3r // Stereo Depth Lab // static disparity + post-camera motion
   Side-by-side eye channels share one Y axis. Only horizontal ocular disparity is permitted.
   Sprit3StereoLab owns the eye pair; Sprit3Platform may move the completed pair as one camera rig. */
.stereo-stage[hidden]{display:none!important}
html[data-s3-stereo-enabled='true'] #previewCanvas{display:none!important}
html[data-s3-stereo-enabled='true'] .stereo-stage{display:grid!important}

.stereo-stage{
  position:absolute;
  inset:0;
  z-index:3;
  grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr);
  align-items:stretch;
  min-width:0;
  min-height:0;
  padding:10px;
  transform:translate3d(var(--s3-camera-x,0px),var(--s3-camera-y,0px),0) rotateX(var(--s3-camera-tilt-x,0deg)) rotateY(var(--s3-camera-tilt-y,0deg));
  transform-origin:50% 50%;
  transform-style:preserve-3d;
  will-change:transform;
  background:radial-gradient(circle at 50% 42%,rgba(30,90,104,.20),transparent 42%),rgba(1,7,10,.78);
}
.stereo-eye{position:relative;display:grid;place-items:center;min-width:0;min-height:0;margin:0;overflow:hidden;border:1px solid rgba(112,222,244,.30);border-radius:8px;background:#030a0e;box-shadow:inset 0 0 22px rgba(0,0,0,.72)}
.stereo-eye canvas{display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated;background-image:linear-gradient(45deg,#0a2026 25%,transparent 25% 75%,#0a2026 75%),linear-gradient(45deg,#0a2026 25%,#07171c 25% 75%,#0a2026 75%);background-size:14px 14px;background-position:0 0,7px 7px}
.stereo-eye figcaption{position:absolute;z-index:3;top:6px;left:6px;padding:3px 5px;border:1px solid rgba(111,224,247,.20);border-radius:5px;background:rgba(1,7,11,.82);color:#8cdceb;font:800 7px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em;pointer-events:none}
.stereo-eye>i{position:absolute;left:50%;top:50%;width:8px;height:8px;border:1px solid rgba(185,248,255,.62);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 9px rgba(91,232,255,.22);pointer-events:none}
.stereo-eye>i::before,.stereo-eye>i::after{content:"";position:absolute;background:rgba(185,248,255,.44)}
.stereo-eye>i::before{left:50%;top:-5px;width:1px;height:16px}.stereo-eye>i::after{top:50%;left:-5px;width:16px;height:1px}
.stereo-fusion-axis{display:grid;place-items:center;position:relative;min-width:0}
.stereo-fusion-axis::before{content:"";position:absolute;top:0;bottom:0;width:1px;background:linear-gradient(transparent,rgba(169,137,255,.66),transparent)}
.stereo-fusion-axis span{position:relative;width:8px;height:8px;border:1px solid var(--nexus-violet,#a989ff);border-radius:50%;background:#080d16;box-shadow:0 0 12px rgba(169,137,255,.44)}
.stereo-stage[data-mode='mono']{grid-template-columns:minmax(0,1fr)}
.stereo-stage[data-mode='mono'] .stereo-fusion-axis,.stereo-stage[data-mode='mono'] .stereo-eye:last-child{display:none}
.stereo-stage[data-mode='mono'] .stereo-eye:first-child{max-width:min(100%,900px);width:100%;justify-self:center}

.preview-actions{display:flex!important;align-items:center;gap:4px}
#stereoQuickButton{border-color:rgba(169,137,255,.45)!important;color:#d7caff!important}
#stereoQuickButton[aria-pressed='true']{color:#f4eeff!important;border-color:#c6afff!important;background:linear-gradient(#5a487b,#291e43 48%,#120e21 52%,#3a2a57)!important;box-shadow:inset 0 1px rgba(255,255,255,.20),0 0 13px rgba(169,137,255,.23)!important}

.stereo-panel{padding:0!important}
.stereo-console{display:grid;align-content:start;gap:11px;min-height:100%;padding:12px;background:radial-gradient(circle at 92% 2%,rgba(147,104,239,.16),transparent 32%),linear-gradient(160deg,rgba(12,33,42,.82),rgba(3,10,15,.94))}
.stereo-console>header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding-bottom:9px;border-bottom:1px solid rgba(124,217,238,.13)}
.stereo-console>header small{display:block;color:#9c87d7;font:800 7px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.10em}
.stereo-console h2{margin:4px 0 0;color:#effcff;font-size:17px;line-height:1;letter-spacing:.03em}
.stereo-console>header output{padding:5px 7px;border:1px solid rgba(106,221,243,.28);border-radius:6px;background:rgba(6,27,34,.78);color:#7de8fa;font:850 7px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em}
.stereo-console>header output[data-state='active']{border-color:rgba(126,244,198,.45);color:#9effd5;box-shadow:0 0 14px rgba(101,255,196,.10)}
.stereo-console>header output[data-state='limited']{border-color:rgba(255,197,111,.40);color:#ffd597}
.stereo-console>p{margin:0!important;color:#86aab3!important;font-size:9px!important;line-height:1.5!important;letter-spacing:.015em!important}
.stereo-switch-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:9px;border:1px solid rgba(118,214,236,.12);border-radius:9px;background:rgba(0,7,11,.54)}
.stereo-switch-grid .switch-row{min-height:28px!important}
.stereo-console>label{display:grid;grid-template-columns:auto auto;align-items:center;gap:6px 10px;margin:0!important;color:#94bac3!important;font-size:8px!important;font-weight:800;letter-spacing:.07em}
.stereo-console>label>output{justify-self:end;color:#b7f5ff;font:850 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace}
.stereo-console>label>input[type='range'],.stereo-console>label>select{grid-column:1/-1}
.stereo-console>label>select{width:100%;height:34px;border-radius:7px;padding:0 8px;font-size:9px}
.stereo-console input[type='range']{min-height:20px;accent-color:var(--nexus-violet,#a989ff)}

.stereo-diagnostics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
.stereo-diagnostics div{display:grid;gap:4px;min-width:0;padding:8px;border:1px solid rgba(112,210,231,.12);border-radius:7px;background:rgba(1,8,12,.66)}
.stereo-diagnostics span{overflow:hidden;color:#5f8791;font:750 6px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;text-overflow:ellipsis;white-space:nowrap}
.stereo-diagnostics b{color:#b5eef6;font:850 9px/1 ui-monospace,SFMono-Regular,Consolas,monospace}
.stereo-diagnostics div:first-child b{color:#7df4c8}
.stereo-actions{margin:0!important}.stereo-actions>*{flex:1 1 0;min-width:0}
.stereo-safety-note{padding:9px 10px;border:1px solid rgba(255,193,102,.20);border-radius:8px;background:rgba(94,57,12,.14);color:#b8a783;font-size:8px;line-height:1.5;letter-spacing:.02em}
.stereo-safety-note b{color:#ffd495}

html[data-runtime-power='paused'] .stereo-stage,html.runtime-background .stereo-stage{filter:saturate(.8)}
html[data-s3-stereo-quality='conserve'] .stereo-stage{filter:saturate(.86)}

@media(max-width:540px){
  .stereo-stage{grid-template-columns:minmax(0,1fr) 7px minmax(0,1fr);padding:6px}.stereo-eye figcaption{top:4px;left:4px;font-size:6px}.stereo-eye>i{width:6px;height:6px}
  .stereo-switch-grid{grid-template-columns:1fr}.stereo-actions{display:grid!important;grid-template-columns:1fr}
}

@media(orientation:landscape) and (max-height:600px){
  .stereo-stage{padding:5px}.stereo-eye figcaption{display:none}
  .stereo-console{grid-template-columns:1fr 1fr;gap:7px;padding:8px}.stereo-console>header,.stereo-console>p,.stereo-diagnostics,.stereo-safety-note{grid-column:1/-1}.stereo-actions{align-self:end}
}

@media(prefers-reduced-motion:reduce){
  .stereo-stage{--s3-camera-x:0px!important;--s3-camera-y:0px!important;--s3-camera-tilt-x:0deg!important;--s3-camera-tilt-y:0deg!important;transform:translate3d(0,0,0)!important;will-change:auto!important}
}