/* Carry the approved fill / copy / navigate treatment to the remaining tools. */
:root{--zone-input:#e8f0fa;--zone-input-ink:#243e5b;--zone-output:#0c151a;--zone-copy:#b9f18d;--zone-nav:#ded8ff}
.prompt-zone-label{font:700 .875rem/1.5 var(--body);letter-spacing:.04em;margin:0 0 8px}
.reference-samples{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:18px;align-items:center;background:#e6edf8;color:#263e5d;border:1px solid #9eb2d0;border-left:4px solid #698bc5;border-radius:10px;padding:22px;margin:0 0 24px}
.reference-samples[hidden]{display:none}
.reference-samples>svg{width:32px;height:32px;fill:none;stroke:#3b6293;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.reference-samples h2{font:700 1.25rem/1.4 var(--body);margin:0 0 6px;color:#173457}
.reference-samples p{font:400 1rem/1.6 var(--body);margin:0;color:#3e5877;max-width:68ch}
.reference-samples .prompt-zone-label{display:block;color:#49658c;margin-bottom:6px}
.reference-samples a{display:block;background:#29476f;color:#fff;border:1px solid #29476f;border-radius:8px;text-decoration:none;padding:13px 16px;font:600 1rem/1.5 var(--body);text-align:center}
.reference-samples a span{display:block;font-size:.875rem;font-weight:400;color:#d3e3fb;margin-top:3px}
.reference-samples a:hover{background:#1c3556}.reference-samples a:focus-visible{outline:3px solid #5c3896;outline-offset:4px}
#script-ready-view .sr-steps{background:#151a2b;padding:14px;border:1px solid #605786;border-radius:10px}
#script-ready-view .sr-steps button{background:#232a40;border-color:#65718d;color:#e3e8fa;min-height:64px;transition:none}
#script-ready-view .sr-steps button.active{background:var(--zone-nav);border-color:#e6e1ff;color:#282140;box-shadow:inset 0 -3px #9380d5}
#script-ready-view .sr-steps button.active span{color:#4f407c}
#script-ready-view .sr-chat{display:inline-flex;background:#f6e6cf;color:#403324;padding:12px 16px;border:1px solid #bba27e;border-radius:8px}
#script-ready-view .sr-chat>span{color:#756041}
#script-ready-view .sr-editor{gap:16px;background:#0a111a;padding:20px;align-items:start}
#script-ready-view .sr-input-panel{min-width:0;background:var(--zone-input);color:var(--zone-input-ink);border:1px solid #adbed4;border-top:4px solid #729ed5;border-radius:10px;padding:22px}
#script-ready-view .sr-input-panel .prompt-zone-label{color:#385d89}
#script-ready-view .sr-input-panel h3{font:600 1.25rem/1.4 var(--body);margin:0 0 20px;color:#17365a}
#script-ready-view #sr-fields{background:none;padding:0;color:var(--zone-input-ink)}
#script-ready-view :is(.sr-input-panel,.sr-lock-fields) .field label{color:var(--zone-input-ink)}
#script-ready-view :is(.sr-input-panel,.sr-lock-fields) :is(input,select,textarea){background:#fff;color:#1a3552;border:1px solid #8098b3;border-radius:6px;min-height:48px;font:400 1rem/1.65 var(--body)}
#script-ready-view .sr-lock-fields textarea{min-height:170px}
#script-ready-view :is(.sr-input-panel,.sr-lock-fields) textarea::placeholder{color:#59718b;opacity:1}
#script-ready-view :is(.sr-input-panel,.sr-lock-fields) :is(input,select,textarea):focus-visible{outline:2px solid #3263a2;outline-offset:2px}
#script-ready-view .sr-output{border:1px solid #527365;border-top:4px solid #b0d88f;border-radius:10px;background:var(--zone-output);padding:0;overflow:hidden}
#script-ready-view #sr-output-title{background:#213b31;color:#edf9e5;margin:0;padding:20px;font:600 1.25rem/1.4 var(--body)}
#script-ready-view #sr-prompt-status{font:600 .875rem/1.5 var(--body);margin:0;padding:12px 20px;background:#292618;color:#ffe89c;border-block:1px solid #51472a}
#script-ready-view #sr-preview{padding:20px;margin:0}
#script-ready-view #sr-prompt{border:0;border-radius:0;background:var(--zone-output);padding:20px}
#script-ready-view .sr-output>.sr-actions{margin:0;padding:16px 20px;background:#152b22;border-top:1px solid #456251}
#script-ready-view .sr-output>.sr-session{margin:0;padding:0 20px 18px;background:#152b22;color:#c9ddcd!important}
#script-ready-view :is(#sr-copy,#sr-copy-final,#sr-confirm){background:var(--zone-copy);border-color:#c9f5ac;color:#193211;font-weight:700;min-height:48px}
#script-ready-view :is(#sr-edit,#sr-reset,#sr-reset-final){background:transparent;border:1px solid #718b7a;color:#d0e1d8;padding:10px 14px;min-height:48px;border-radius:7px}
#script-ready-view .sr-navigation{padding:16px;background:#1e1b2b;border:1px solid #5f526f;border-radius:10px}
#script-ready-view #sr-next{background:#393147;border-color:#9c87b4;color:#f3ebff}
#script-ready-view #sr-back{color:#cdc4d6;text-decoration:underline;text-underline-offset:4px;min-height:48px}
#script-ready-view .sr-lock-fields{padding:22px;background:var(--zone-input);border:1px solid #adbed4;border-top:4px solid #729ed5;border-radius:10px}
#script-ready-view .sr-approval{background:#f6e6cf;color:#403324;border:1px solid #bba27e;border-radius:8px;padding:18px}
#script-ready-view .sr-finish{background:#152b22;border-color:#527365;border-top:4px solid #b0d88f;border-radius:10px}
#script-ready-view .sr-finish h3{color:#edf9e5}#script-ready-view .sr-finish p{color:#c9ddcd}
#setup-view .resource-links.has-prompt{padding:18px;background:#152b22;border:1px solid #527365;border-top:4px solid #b0d88f;border-radius:10px;gap:12px}
#setup-view .has-prompt>.prompt-zone-label{grid-column:1/-1;flex-basis:100%;margin:0;color:#c4e4ac}
#setup-view .has-prompt>.primary-button,#start-view [data-copy-computer-setup],#style-dialog [data-copy-style]{background:var(--zone-copy);border-color:#c9f5ac;color:#193211;min-height:48px;font-weight:700}
#setup-view .setup-copy-preview{background:#0c151a;border:1px solid #527365;border-radius:8px;padding:4px 14px}
#setup-view .setup-copy-preview summary{color:#d5e9ce;min-height:44px}
#setup-view .setup-copy-preview textarea{background:#0c151a;color:#dae6ec;border:1px solid #597081;border-radius:6px;padding:16px;min-width:0}
#setup-view .setup-copy-status{color:#d5e9ce}
#style-dialog .style-spec{background:#0c151a;border:1px solid #527365;border-top:4px solid #b0d88f;border-radius:10px;padding:16px}
#style-dialog .style-spec summary{color:#d5e9ce;min-height:44px}
#style-dialog .style-detail-actions{padding:16px;border:1px solid #527365;border-radius:8px;background:#152b22}
#style-dialog .style-dialog-status textarea{background:var(--zone-output);color:#dae6ec;border:1px solid #597081;border-radius:6px;font:400 1rem/1.65 var(--body);padding:16px}
@media(max-width:1050px){.reference-samples{grid-template-columns:32px minmax(0,1fr)}.reference-samples a{grid-column:2;justify-self:start}}
@media(max-width:850px){#script-ready-view .sr-editor{grid-template-columns:1fr}#script-ready-view .sr-lock-fields{grid-template-columns:1fr}}
@media(max-width:600px){.reference-samples{padding:18px;gap:12px}.reference-samples a{grid-column:1/-1;justify-self:stretch}.reference-samples>div{min-width:0}.reference-samples p,.reference-samples a{overflow-wrap:anywhere}#script-ready-view .sr-editor{padding:12px}#script-ready-view .sr-input-panel,#script-ready-view .sr-lock-fields{padding:18px 14px}#script-ready-view .sr-output>.sr-actions{padding:14px}#script-ready-view .sr-actions button{min-width:0;max-width:100%;white-space:normal}#setup-view .resource-links.has-prompt{padding:14px}#setup-view .setup-copy-preview{padding:4px 10px}}