.playground-page{color:var(--white);background:var(--dark)}.playground-page .site-header,.playground-page .brand,.playground-page .site-header nav a{color:var(--white)}.playground-shell{width:min(100% - 48px,1320px);margin:auto;padding:48px 0 90px}.playground-intro{grid-template-columns:1fr 340px;align-items:end;gap:50px;margin-bottom:28px;display:grid}.playground-intro h1{margin-bottom:12px;font-size:3rem}.playground-intro p{color:var(--muted);margin:0}.playground-intro aside{border-left:3px solid var(--orange);background:var(--mid);padding:17px}.playground-intro aside p{margin-top:5px;font-size:.82rem}.scenario-bar{border:1px solid var(--soft);background:var(--mid);grid-template-columns:320px 1fr;align-items:center;gap:24px;margin-bottom:14px;padding:16px 18px;display:grid}.scenario-bar span,.builder-field>span,.repeat-row span{color:var(--muted);margin-bottom:6px;font-size:.75rem;font-weight:700;display:block}.scenario-bar select,.builder-field input,.repeat-row input{border:1px solid var(--soft);width:100%;min-height:40px;color:var(--white);background:var(--dark);border-radius:4px;padding:8px 10px}.scenario-bar p{color:var(--muted);margin:18px 0 0;font-size:.88rem}.workspace-grid{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:start;gap:14px;display:grid}.builder-panel,.result-panel{border:1px solid var(--soft);background:var(--mid);min-width:0}.builder-panel>header,.result-panel>header{border-bottom:1px solid var(--soft);background:var(--black);justify-content:space-between;align-items:center;gap:15px;min-height:70px;padding:14px 18px;display:flex}.panel-kicker{color:var(--muted);text-transform:uppercase;margin:0 0 3px;font-size:.68rem}.builder-panel h2,.result-panel h2{margin:0;font-size:1rem}.exit-code{color:var(--muted);font-size:.76rem}.exit-code strong{min-width:26px;min-height:26px;color:var(--black);background:var(--orange);place-items:center;display:inline-grid}.builder-scroll{height:570px;padding:18px;overflow:auto}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.builder-field{min-width:0}.builder-field small,.repeat-row small{color:#999;margin-left:5px;font-weight:400}.builder-field .field-error,.repeat-row .field-error,.battery-error{color:#ffb466;min-height:1.25em;margin:5px 0 0;font-size:.72rem;line-height:1.25;display:block}.builder-field input[aria-invalid=true],.repeat-row input[aria-invalid=true]{border-color:var(--orange)}.operation-control,.mode-control{border:0;flex-wrap:wrap;gap:6px;margin:0 0 16px;padding:0;display:flex}.operation-control legend,.mode-control legend{width:100%;color:var(--muted);margin-bottom:6px;font-size:.75rem}.operation-control input,.mode-control input{opacity:0;position:absolute}.operation-control span,.mode-control span{border:1px solid var(--soft);cursor:pointer;padding:8px 13px;display:block}.operation-control input:checked+span,.mode-control input:checked+span{border-color:var(--orange);color:var(--black);background:var(--orange)}.operation-control input:focus-visible+span,.mode-control input:focus-visible+span{outline:3px solid var(--orange);outline-offset:3px}.repeat-row{margin-bottom:16px}.repeat-row label{display:block}.battery-heading,.battery-card header,.command-output>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.battery-heading{margin:18px 0 8px}.battery-heading[aria-invalid=true] strong{color:var(--orange)}.icon-button{border:1px solid var(--soft);width:36px;height:36px;color:var(--white);background:var(--dark);cursor:pointer;border-radius:4px;place-items:center;display:inline-grid}.icon-button:disabled{cursor:not-allowed;opacity:.4}.battery-card{border:1px solid var(--soft);background:var(--dark);margin-bottom:12px;padding:14px}.battery-card header{margin-bottom:13px}.battery-card details{border-top:1px solid var(--soft)}.battery-card summary{color:var(--muted);cursor:pointer;padding:12px 0}.battery-card details .field-grid{margin-bottom:0}.command-output{border-top:1px solid var(--soft);background:var(--black);padding:14px 18px}.command-output pre,.result-panel pre{color:var(--muted);overflow-wrap:anywhere;white-space:pre-wrap;margin:9px 0 0;font-size:.72rem;line-height:1.55;overflow:auto}.copy-message{min-height:18px;color:var(--orange);margin:5px 0 0;font-size:.75rem}.result-panel dl{margin:0}.result-panel dl>div{border-bottom:1px solid var(--soft);min-height:210px;padding:18px}.result-panel dt{color:var(--muted);font-size:.7rem;font-weight:700}.result-panel dd{margin:0}.handling-note{background:var(--black);padding:18px}.handling-note strong{color:var(--orange);font-size:.75rem}.handling-note p{color:var(--muted);margin:6px 0 0;font-size:.84rem}.result-panel [data-outcome-icon]{color:var(--orange)}@media (width<=850px){.playground-shell{width:min(100% - 28px,1320px)}.playground-intro,.scenario-bar,.workspace-grid{grid-template-columns:1fr}.playground-intro{gap:20px}.builder-scroll{height:auto;max-height:700px}}@media (width<=520px){.playground-shell{width:min(100% - 20px,1320px)}.playground-intro h1{font-size:2.2rem}.field-grid{grid-template-columns:1fr}.operation-control span,.mode-control span{padding:7px 9px;font-size:.78rem}}