.sandbox-main{--institutional:var(--brand-focus);--institutional-hover:var(--brand-light);--institutional-active:var(--brand-focus);--accent:var(--brand-focus);padding-top:clamp(2rem,4.5vw,4rem);padding-bottom:4rem}
.sandbox-intro{display:grid;grid-template-columns:1.12fr 1fr;align-items:end;gap:3rem;margin-bottom:2.5rem}
.sandbox-intro .eyebrow{margin:0 0 1rem}
.sandbox-intro h1{font-size:clamp(2.65rem,4.2vw,4.5rem);line-height:1.05;letter-spacing:-.05em;margin:0;color:var(--ink-strong)}
.sandbox-intro-copy{max-width:34rem;padding-bottom:.2rem}
.sandbox-intro-copy>p:first-child{margin:0;font-size:1.125rem;line-height:1.65;color:var(--ink)}
.sandbox-intro-facts{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;margin-top:1.2rem;font-size:.875rem;font-weight:500;color:var(--ink)}
.sandbox-intro-facts>span:first-child{color:var(--institutional)}
.sandbox-scope-note{margin:.5rem 0 0;font-size:.875rem;color:var(--ink-muted);line-height:1.6}
.sandbox-workbench{border:1px solid var(--rule-strong);border-radius:16px;overflow:hidden;background:var(--surface);box-shadow:0 16px 50px rgba(0,0,0,.045)}
.sandbox-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.35rem 1.75rem;border-bottom:1px solid var(--rule-soft)}
.sandbox-toolbar h2{font-size:1rem;font-weight:600;line-height:1.4;letter-spacing:0;margin:0}
.sandbox-toolbar p{font-size:.875rem;line-height:1.5;color:var(--ink-muted);margin:.3rem 0 0}
.sandbox-toolbar .button{font-size:.875rem;flex-shrink:0;margin:0;min-height:44px;min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}
.sandbox-progress{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));list-style:none;padding:0;margin:0;border-bottom:1px solid var(--rule-soft);background:var(--canvas)}
.sandbox-progress li{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem .5rem;font-size:.875rem;line-height:1.4;color:var(--ink-muted);border-bottom:2px solid transparent;overflow-wrap:anywhere}
.sandbox-progress li+li{border-left:1px solid var(--rule-soft)}
.sandbox-progress li>span{font-family:var(--font-mono);font-size:.75rem;white-space:nowrap}
.sandbox-progress [aria-current=step]{color:var(--ink-strong);border-bottom-color:var(--institutional);font-weight:600}
.sandbox-progress [data-complete]{color:var(--institutional)}
.sandbox-main .sandbox-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);gap:0}
.sandbox-guidance{padding:2rem 1.75rem;display:flex;flex-direction:column;min-width:0}
.sandbox-panel-label{margin:0;font:600 .75rem/1.6 var(--font-mono);letter-spacing:.07em;color:var(--ink-muted)}
.sandbox-steps{margin-top:1.5rem}
.sandbox-steps li{display:none;padding:0;border:0;gap:0}
.sandbox-steps li[data-active]{display:block}
.sandbox-steps li>span{display:none}
.sandbox-steps h3,.sandbox-finished h3{font-size:clamp(1.35rem,2vw,1.8rem);letter-spacing:-.035em;line-height:1.2;margin:0 0 1rem;color:var(--ink-strong)}
.sandbox-steps li p,.sandbox-finished p{font-size:1rem;line-height:1.65;margin:0 0 1rem;color:var(--ink-muted)}
.sandbox-steps li button{width:100%;justify-content:center;margin:1rem 0 0;min-height:48px;font-size:.9375rem;white-space:normal;line-height:1.4;padding:.8rem 1rem}
.sandbox-main .sandbox-steps li button:not(:disabled){color:var(--ink);border-color:var(--institutional);background:var(--surface)}
.sandbox-main .sandbox-steps li button:disabled{opacity:1;color:var(--ink-muted);background:var(--canvas);border:1px solid var(--rule-strong);cursor:default;box-shadow:none}
.sandbox-status{min-height:0;margin:1.4rem 0 0!important;font-size:.875rem;line-height:1.65;color:var(--ink-muted);overflow-wrap:anywhere}
.sandbox-session-note{margin:auto 0 0;padding-top:1.5rem;font-size:.875rem;line-height:1.6;color:var(--ink-muted)}
.sandbox-finished{margin-top:1.5rem}
.sandbox-finished>a{font-size:.9375rem;font-weight:500;color:var(--institutional)}
.sandbox-main .sandbox-record{position:static;border:0;border-left:1px solid var(--rule-soft);border-radius:0;align-self:stretch;padding:2rem 1.75rem;background:var(--canvas);min-width:0}
.sandbox-record-top{gap:1rem;align-items:center}
.sandbox-verdict{font-size:.8125rem;line-height:1.4;border-radius:5px;letter-spacing:.05em;padding:.35rem .6rem;color:var(--ink-muted);border-color:var(--rule-strong)}
.sandbox-record[data-decision=ACCEPT] .sandbox-verdict{color:var(--institutional);border-color:var(--institutional)}
.sandbox-record[data-decision=HOLD] .sandbox-verdict{color:var(--hold-ink);border-color:currentColor}
.sandbox-record[data-decision=REFUSE] .sandbox-verdict,.sandbox-record[data-decision=UNAVAILABLE] .sandbox-verdict,.sandbox-record[data-decision=PAUSED] .sandbox-verdict{color:var(--refuse-ink);border-color:currentColor}
.sandbox-obligation{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:1.45rem 0}
.sandbox-obligation>strong{font-size:1.65rem;font-weight:500;line-height:1.3;letter-spacing:-.035em;color:var(--ink-strong)}
.sandbox-obligation>span{max-width:13rem;text-align:right;font-size:.875rem;line-height:1.55;color:var(--ink-muted)}
.sandbox-paths{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--rule-soft);border-radius:8px;overflow:hidden}
.sandbox-paths>div{display:flex;flex-direction:column;gap:.45rem;padding:.85rem 1rem;min-width:0}
.sandbox-paths>div+div{border-left:1px solid var(--rule-soft)}
.sandbox-paths span{font-size:.875rem;line-height:1.5;color:var(--ink-muted)}
.sandbox-paths strong{font:500 .8125rem/1.5 var(--font-mono);color:var(--ink);overflow-wrap:anywhere}
.sandbox-explanation{margin:1.25rem 0}
.sandbox-explanation>[data-sandbox-reason]{margin:.4rem 0 0;font-size:1rem;line-height:1.6;color:var(--ink)}
.sandbox-main .sandbox-metrics{grid-template-columns:1.35fr 1fr 1fr;gap:1rem;margin:1.3rem 0;padding:1.1rem 0;border-top:1px solid var(--rule-soft);border-bottom:1px solid var(--rule-soft)}
.sandbox-main .sandbox-metrics dt{font-size:.8125rem;line-height:1.6}
.sandbox-main .sandbox-metrics dd{font-size:1.35rem;line-height:1.3;color:var(--ink-strong)}
.sandbox-main .sandbox-technical summary{font-size:.875rem;min-height:44px;line-height:1.6;font-weight:500;gap:.7rem}
.sandbox-technical summary::before{content:'+';font-family:var(--font-mono);width:1ch;color:var(--ink-muted)}
.sandbox-technical[open] summary::before{content:'−'}
.sandbox-main pre{font-size:.875rem;line-height:1.65;padding:1.1rem;margin:.65rem 0 1rem;border-radius:8px}
.sandbox-main .sandbox-technical pre{max-height:23rem;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}
.sandbox-record-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-top:1rem}
.sandbox-record-actions button,.sandbox-record-actions a{font-size:.875rem;line-height:1.6}
.sandbox-record-actions button:disabled{opacity:1;color:var(--ink-muted);border-color:var(--rule-soft)}
.sandbox-record-actions a{color:var(--institutional)}
.sandbox-workbench-foot{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:1rem 1.75rem;border-top:1px solid var(--rule-soft)}
.sandbox-workbench-foot p{max-width:43rem;font-size:.8125rem;line-height:1.65;color:var(--ink-muted);margin:0}
.sandbox-workbench-foot>a{font-size:.875rem;line-height:1.6;white-space:nowrap}
.sandbox-below{display:flex;justify-content:space-between;align-items:start;gap:2rem;padding:1.25rem .15rem 2.5rem}
.sandbox-below p{font-size:.875rem;line-height:1.6;color:var(--ink-muted);max-width:47rem;margin:0}
.sandbox-below>a{font-size:.875rem;line-height:1.6;white-space:nowrap}
.sandbox-terminal{padding-top:3rem}
.sandbox-code-panel{border:1px solid var(--rule-soft);border-radius:10px;padding:1.25rem;background:var(--surface)}
.sandbox-code-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem}
.sandbox-code-heading h3{margin:0;font-size:1rem;line-height:1.5;font-weight:600}
.sandbox-main .sandbox-code-heading button{font-size:.875rem;min-height:44px;padding:.4rem .7rem}
.sandbox-language{display:flex;gap:.3rem;margin:.65rem 0 0}
.sandbox-main .sandbox-language button{font-size:.875rem;border-color:transparent;background:transparent;border-radius:5px;min-height:44px}
.sandbox-main .sandbox-language [aria-pressed=true]{color:var(--ink-strong);border-color:var(--rule-strong);background:var(--canvas)}
.sandbox-main .sandbox-code-panel pre{border:0;background:var(--canvas);padding:1rem;white-space:pre;overflow-x:auto;max-width:100%}
.sandbox-code-panel .adoption-small{font-size:.875rem;margin:0}
.sandbox-terminal .adoption-actions{margin-bottom:1.5rem}
.sandbox-copy-status{font-size:.875rem;line-height:1.6;color:var(--ink-muted);min-height:1.6em;margin:.6rem 0 0}
.sandbox-bundle-details{margin:1rem 0 0;font-size:.875rem}
.sandbox-bundle-details summary{min-height:44px;cursor:pointer;display:flex;align-items:center}
.sandbox-bundle-details .adoption-small{font-size:.875rem;line-height:1.7;margin:.6rem 0 0}
.sandbox-main .sandbox-next p{font-size:1rem;line-height:1.7}
.sandbox-main .adoption-actions a{font-size:.9375rem}
.sandbox-no-script{font-size:.9375rem;margin:0;padding:1rem 1.75rem;line-height:1.6}
@media(max-width:1050px){.sandbox-main .sandbox-layout{grid-template-columns:1fr 1.1fr}.sandbox-progress li{flex-direction:column;gap:.2rem}.sandbox-main .sandbox-metrics{gap:.65rem}.sandbox-obligation{align-items:start}.sandbox-obligation>span{max-width:11rem}.sandbox-workbench-foot{align-items:start}}
@media(max-width:760px){.sandbox-main{padding-top:2rem}.sandbox-intro{grid-template-columns:1fr;gap:1.2rem;margin-bottom:1.75rem}.sandbox-intro h1{font-size:clamp(2.65rem,8vw,4rem)}.sandbox-intro-copy{max-width:38rem}.sandbox-intro-copy>p:first-child{font-size:1rem}.sandbox-intro-facts{margin-top:.75rem}.sandbox-toolbar{padding:1.1rem 1.25rem;gap:1rem;align-items:start;flex-wrap:wrap}.sandbox-main .sandbox-layout{grid-template-columns:1fr}.sandbox-main .sandbox-record{border-left:0;border-top:1px solid var(--rule-soft);padding:1.5rem 1.25rem}.sandbox-guidance{padding:1.5rem 1.25rem}.sandbox-steps{margin-top:1rem}.sandbox-session-note{padding-top:1rem}.sandbox-progress li{font-size:.8125rem;padding:.85rem .3rem}.sandbox-steps h3{font-size:1.5rem}.sandbox-workbench-foot{padding:1rem 1.25rem;flex-direction:column;gap:.65rem}.sandbox-below{display:block;padding:1.1rem .1rem 2rem}.sandbox-below>a{display:inline-block;margin-top:.75rem}.sandbox-main .sandbox-metrics{grid-template-columns:1.25fr 1fr 1fr}.sandbox-obligation>span{max-width:12rem}.sandbox-terminal .adoption-section-heading{gap:.7rem}.sandbox-main .adoption-code-grid{grid-template-columns:1fr}.sandbox-main .adoption-next{display:block}.sandbox-next .adoption-actions{margin-top:1.5rem}.sandbox-workbench{border-radius:12px}}
@media(max-width:600px){.sandbox-progress{grid-template-columns:repeat(3,1fr)}.sandbox-progress li{flex-direction:row;flex-wrap:wrap;gap:.4rem;font-size:.875rem}.sandbox-progress li:nth-child(4){border-left:0}.sandbox-progress li:nth-child(-n+3){border-bottom:1px solid var(--rule-soft)}.sandbox-progress [aria-current=step]{box-shadow:inset 0 -2px var(--institutional)}}
@media(max-width:380px){.sandbox-toolbar .button{width:100%;justify-content:center}.sandbox-progress{grid-template-columns:repeat(3,1fr)}.sandbox-progress li:nth-child(4){border-left:0}.sandbox-progress li:nth-child(-n+3){border-bottom:1px solid var(--rule-soft)}.sandbox-progress [aria-current=step]{box-shadow:inset 0 -2px var(--institutional)}.sandbox-obligation{flex-direction:column;gap:.3rem}.sandbox-obligation>span{text-align:left;max-width:none}.sandbox-record-top .sandbox-panel-label{max-width:10rem}.sandbox-main .sandbox-metrics{gap:.5rem}.sandbox-main .sandbox-metrics dt{font-size:.8125rem}.sandbox-main .sandbox-metrics dd{font-size:1.15rem}.sandbox-main .sandbox-record-actions{align-items:stretch}.sandbox-record-actions button{width:100%}}
@media(max-width:760px){.sandbox-obligation{flex-direction:column;align-items:flex-start;gap:.3rem}.sandbox-obligation>span{text-align:left;max-width:none}}
@media(prefers-reduced-motion:no-preference){.sandbox-verdict{transition:color .16s ease,border-color .16s ease}.sandbox-progress li{transition:color .16s ease,border-color .16s ease}}
@media print{.sandbox-main .sandbox-layout,.sandbox-intro{display:block}.sandbox-steps li{display:block;margin-bottom:1.2rem}.sandbox-main .sandbox-record{border:1px solid var(--rule-soft)}.sandbox-workbench{box-shadow:none}.sandbox-main [data-sandbox-code]{display:block!important}.sandbox-progress{display:none}.sandbox-code-panel{break-inside:avoid}.sandbox-main .sandbox-code-panel pre{white-space:pre-wrap;overflow-wrap:anywhere}}
@media(forced-colors:active){.sandbox-workbench,.sandbox-main .sandbox-record,.sandbox-paths,.sandbox-code-panel{border-color:CanvasText}.sandbox-verdict{color:CanvasText!important}.sandbox-progress [aria-current=step]{border-bottom-color:Highlight}.sandbox-steps li button:disabled{color:GrayText}}