/* BEYOND THE FLOW V25 — Sidecar Control Studio
   Canvas geometry is independent of sidebar content: WebGL resize guard remains intact. */
#experience .v25-stage-layout{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,318px);gap:12px;align-items:stretch;max-width:1440px;width:calc(100% - 64px);margin:0 auto 0;min-width:0;isolation:isolate}
#experience .v25-view-stack{min-width:0;min-height:0;position:relative}
#experience .v25-view-stack>.experience-frame{width:100%!important;min-width:0!important;margin:0!important;border-radius:10px!important;height:590px!important;min-height:0!important;max-height:none!important;position:relative;overflow:hidden}
#experience .v25-console{width:100%;min-width:0;height:590px;max-height:590px;min-height:0;display:flex;flex-direction:column;position:relative;z-index:5;overflow:hidden;border:1px solid rgba(195,235,201,.23);background:linear-gradient(158deg,rgba(19,35,35,.98),rgba(9,20,26,.99));box-shadow:0 18px 58px rgba(0,0,0,.28);border-radius:10px;color:#e9f4eb}
#experience .v25-console-header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex:none;padding:18px 16px 15px;border-bottom:1px solid rgba(189,225,202,.13);background:linear-gradient(90deg,rgba(180,247,170,.055),transparent)}
#experience .v25-console-header>div{display:grid;gap:4px}
#experience .v25-kicker{font:700 9px ui-monospace,monospace;letter-spacing:.15em;color:#c4efab}
#experience .v25-console-header strong{font-size:18px;letter-spacing:-.04em}
#experience .v25-console-scroll{overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#597568 #101e1b;min-height:0;flex:1;padding:12px 13px 22px}
#experience .v25-section-label{color:#9fbeae;font:800 10px ui-monospace,monospace;letter-spacing:.11em;margin:7px 0 12px}
#experience .experience-scenes{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;gap:7px!important;margin:0 0 13px!important;padding:0!important}
#experience .experience-scenes button{min-height:48px!important;max-width:100%;font-size:10px!important;line-height:1.25!important;letter-spacing:0!important;text-align:left;padding:8px 9px!important;overflow-wrap:anywhere;border-radius:7px!important}
#experience .experience-scenes button>span{font-size:9px;opacity:.70;display:block;margin-bottom:3px}
#experience .experience-scenes button i{display:none!important}
#experience .v25-group{border:1px solid rgba(169,210,190,.19);background:#102321;border-radius:8px;margin:9px 0;overflow:hidden}
#experience .v25-group>summary{position:relative;list-style:none;min-height:48px;display:flex;align-items:center;cursor:pointer;padding:12px 30px 12px 12px;font-size:12px;font-weight:750;color:#e9f4e6}
#experience .v25-group>summary::-webkit-details-marker{display:none}
#experience .v25-group>summary:after{content:'+';position:absolute;right:13px;color:#cbefa1;font-size:20px}
#experience .v25-group[open]>summary:after{content:'−'}
#experience .v25-group[open]>summary{border-bottom:1px solid rgba(169,210,190,.15)}
#experience .v25-group>div{padding:10px 11px 14px;min-width:0}
#experience .v22-showroom-panel{width:100%!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;border-radius:0!important}
#experience .v22-showroom-panel .experience-bottom{flex-direction:column;align-items:start;gap:9px;padding:0!important;min-width:0}
#experience .experience-current h3{font-size:18px!important;letter-spacing:-.025em;margin:3px 0!important}
#experience .experience-current p{font-size:11px!important;line-height:1.55!important;max-width:none!important;margin:0}
#experience .experience-arrows{display:flex!important;flex-direction:row!important;gap:8px}
#experience .experience-arrows button{height:44px!important;min-height:44px!important;width:53px!important;min-width:53px!important}
#experience .v22-showroom-panel .v8-inspection{border:0!important;border-top:1px solid rgba(190,221,204,.13)!important;margin:4px 0 0!important;padding:12px 0 0!important;min-width:0!important}
#experience .v8-inspection h4{font-size:16px!important;line-height:1.24!important}
#experience .v8-inspection p{font-size:11px!important;line-height:1.5!important}
#experience .v8-inspection-footer{gap:8px;flex-wrap:wrap!important}
#experience .v8-inspection-rail{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;margin:0!important;padding:10px 0 0!important}
#experience .v8-inspection-rail>span{grid-column:1/-1;margin:0!important}
#experience .v8-focus-btn{min-width:0!important;min-height:44px!important;padding:8px 5px!important;font-size:10px!important}
#experience .v8-focus-btn small{font-size:10px!important;overflow-wrap:anywhere}
#experience .v24-system{width:100%!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;min-width:0!important;overflow:visible!important}
#experience .v24-system-head{display:flex;flex-direction:column;gap:8px;align-items:stretch}
#experience .v24-system-head h3{font-size:16px!important;line-height:1.25;margin:5px 0}
#experience .v24-system-head p{font-size:11px!important;line-height:1.45}
#experience .v24-system-head>.v24-actions{margin:0!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
#experience .v24-system .v24-message{font-size:11px;line-height:1.4;min-height:0;padding:9px 10px;margin:10px 0}
#experience .v24-panel{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;padding:4px 0!important}
#experience .v24-panel[hidden]{display:none!important}
#experience .v24-instructions h4{font-size:15px!important;margin:0 0 5px}
#experience .v24-instructions p{font-size:11px!important;line-height:1.5!important}
#experience .v24-rule{font-size:10px!important;overflow-wrap:anywhere}
#experience .v24-system .v24-actions{gap:7px}
#experience .v24-system button{min-height:44px;padding:9px 10px;font-size:11px}
#experience .v24-controls{gap:8px}
#experience .v24-controls>label{font-size:11px}
#experience .v24-toggles{display:grid;grid-template-columns:minmax(0,1fr);gap:3px}
#experience .v24-toggles label{font-size:11px;min-height:44px}
#experience .v24-stats{grid-column:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
#experience .v24-stats>div{padding:9px 8px}
#experience .v24-stats dt{font-size:9px;margin-bottom:3px}
#experience .v24-stats dd{font-size:12px;line-height:1.3}
#experience .v24-bars{height:82px;margin:12px 0 15px;gap:5px}
#experience .v24-system .v24-linked{margin:15px 0 0;padding:12px 0 0;font-size:10px}
#experience .v24-links{display:none!important}
#experience .v25-close,#experience .v25-console-toggle,#experience .v25-console-scrim{display:none}
#experience .v25-console button:focus-visible,#experience .v25-console summary:focus-visible,#experience .v25-console-toggle:focus-visible{outline:2px solid #d1f49b;outline-offset:2px}
@media(min-width:1600px){#experience .v25-view-stack>.experience-frame{height:670px!important}#experience .v25-console{height:670px;max-height:670px}}
@media(max-width:1090px){#experience .v25-stage-layout{grid-template-columns:minmax(0,1fr) minmax(270px,300px);width:calc(100% - 40px)}}
@media(max-width:850px){
 #experience .v25-stage-layout{display:block;width:calc(100% - 32px);max-width:660px;min-width:0;margin:0 auto}
 #experience .v25-view-stack>.experience-frame,body[data-edition='mobile'] #experience .v25-view-stack>.experience-frame{width:100%!important;height:clamp(340px,65svh,520px)!important;min-height:0!important;border-radius:10px!important}
 #experience .v25-console-toggle{display:flex;position:absolute;right:11px;top:12px;z-index:8;align-items:center;justify-content:space-between;gap:14px;background:#d0f3a4;color:#10221b;border:1px solid #c5ec9a;padding:11px 14px;min-height:44px;border-radius:8px;font-size:11px;font-weight:850;box-shadow:0 6px 24px #0006}
 #experience .v25-console-toggle span{font-size:16px}
 #experience .v25-close{display:grid;place-items:center;background:rgba(210,242,168,.11);border:1px solid #567063;color:#e9f9e9;border-radius:8px;min-width:44px;min-height:44px;cursor:pointer}
 #experience .v25-console{position:fixed!important;inset:calc(env(safe-area-inset-top,0px) + 82px) 0 calc(env(safe-area-inset-bottom,0px) + 76px) auto!important;width:min(346px,calc(100vw - 28px))!important;max-width:min(346px,calc(100vw - 28px));height:auto!important;max-height:none!important;z-index:301;border-radius:14px 0 0 14px;transform:translateX(105%);opacity:0;visibility:hidden;transition:transform .25s ease,opacity .25s ease,visibility .25s;will-change:transform}
 #experience .v25-stage-layout.v25-open .v25-console{transform:translateX(0);opacity:1;visibility:visible}
 #experience .v25-console-scrim{display:none;position:fixed;inset:0;z-index:300;border:0;background:rgba(2,8,9,.69);cursor:pointer}
 #experience .v25-stage-layout.v25-open .v25-console-scrim{display:block}
 #experience .v25-view-stack{overflow:visible}
 #experience .v25-console-scroll{padding:10px 13px 24px}
}
@media(max-width:370px){#experience .v25-stage-layout{width:calc(100% - 24px)}#experience .v25-view-stack>.experience-frame,body[data-edition='mobile'] #experience .v25-view-stack>.experience-frame{height:370px!important}#experience .v25-console{width:calc(100vw - 18px)!important}}
@media(orientation:landscape) and (max-height:500px) and (max-width:850px){#experience .v25-console{inset:calc(env(safe-area-inset-top,0px) + 68px) 0 6px auto!important}}
@media(prefers-reduced-motion:reduce){#experience .v25-console{transition:none!important}}