@import url('../guided/styles.css?v=20260820-m7batch3b');

.main{width:min(1180px,calc(100% - 48px));padding-top:92px}.page-header{display:grid;justify-items:center;gap:10px;margin-bottom:32px}.page-header h1{margin:0;font-size:clamp(24px,4vw,42px);letter-spacing:4px}.eyebrow{color:var(--cyan);font:600 9px/1.4 var(--font-head);letter-spacing:2px}.prototype-note{display:block!important;color:var(--text-dim)!important;font-size:10px!important;line-height:1.6!important}.back-link{display:inline-flex;align-items:center;min-height:44px;margin-top:5px;padding:8px 12px;border:1px solid rgba(0,229,255,.22);border-radius:5px;color:var(--cyan);font-size:9px;text-decoration:none}.notice{margin-bottom:16px;padding:12px 14px;border:1px solid rgba(255,193,7,.24);border-radius:6px;background:var(--amber-dim);color:var(--amber);font-size:10px}.notice.success{border-color:rgba(0,230,118,.24);background:var(--green-dim);color:var(--green)}
.panel{display:grid;gap:18px;margin-top:18px;padding:22px;border:1px solid var(--border-h);border-radius:12px;background:var(--surface)}.panel-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.08)}.panel-heading>div{min-width:0}.panel-heading h2{display:inline;margin-left:9px;color:var(--text-bright);font:600 14px/1.4 var(--font-head);letter-spacing:1px}.panel-heading p{margin-top:7px;color:var(--text-dim);font-size:10px}.step-number{color:var(--cyan);font:600 10px/1 var(--font-head)}.concept-select{display:grid;grid-template-columns:minmax(160px,.4fr) minmax(0,1fr);align-items:center;gap:16px}.concept-select>span{color:var(--text-dim);font-size:10px}.concept-select select{width:100%;min-height:44px;padding:10px 12px;border:1px solid rgba(255,255,255,.12);border-radius:5px;background:#070b12;color:var(--text);font-size:11px}
.status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.status-grid>div{display:grid;gap:5px;padding:13px;border:1px solid rgba(255,255,255,.07);border-radius:6px;background:rgba(0,0,0,.18)}.status-grid span{color:var(--text-muted);font-size:8px}.status-grid strong{color:var(--cyan);font:600 19px/1.2 var(--font-head)}
.scope-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.scope-card{padding:17px;border:1px solid rgba(255,255,255,.08);border-radius:8px}.scope-card.included{border-color:rgba(0,230,118,.18);background:var(--green-dim)}.scope-card.excluded{border-color:rgba(255,193,7,.18);background:var(--amber-dim)}.scope-card h3{margin-bottom:10px;color:var(--text-bright);font:600 10px/1.4 var(--font-head)}.scope-card ul{display:grid;gap:7px;padding-left:18px;color:var(--text-dim);font-size:9px}.confirmation{display:flex;align-items:flex-start;gap:12px;min-height:58px;padding:14px;border:1px solid rgba(0,229,255,.2);border-radius:7px;background:rgba(0,229,255,.035);color:var(--text);font-size:10px;cursor:pointer}.confirmation input{width:20px;height:20px;flex:0 0 20px;margin-top:1px;accent-color:var(--cyan)}
.validation-badge{padding:5px 8px;border:1px solid rgba(0,230,118,.22);border-radius:4px;color:var(--green);font:600 8px/1.2 var(--font-head)}.file-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.file-card{display:grid;grid-template-rows:auto minmax(220px,1fr) auto;min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#040810}.file-meta{display:flex;align-items:center;gap:10px;padding:13px;border-bottom:1px solid rgba(255,255,255,.07)}.file-meta>span{color:var(--cyan);font:600 10px/1 var(--font-head)}.file-meta h3{color:var(--text);font:600 9px/1.4 var(--font-head)}.file-meta code{color:var(--text-muted);font-size:8px}.file-card pre{max-width:100%;max-height:390px;margin:0;padding:14px;overflow:auto;color:rgba(232,234,239,.72);font:400 9px/1.65 var(--font-body);white-space:pre-wrap;overflow-wrap:anywhere}.file-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:11px;border-top:1px solid rgba(255,255,255,.07)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 12px;border:1px solid var(--cyan);border-radius:5px;background:rgba(0,229,255,.06);color:var(--cyan);font-size:9px;cursor:pointer}.button.secondary{border-color:rgba(255,255,255,.13);background:transparent;color:var(--text-dim)}.button:disabled{border-color:rgba(255,255,255,.06);background:rgba(255,255,255,.02);color:rgba(255,255,255,.22);cursor:not-allowed}.workflow{margin-top:18px;padding:22px;border:1px solid rgba(0,229,255,.12);border-radius:12px;background:rgba(0,229,255,.025)}.workflow h2{color:var(--cyan);font:600 12px/1.4 var(--font-head)}.workflow ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:15px 0;padding:0;list-style:none;counter-reset:workflow}.workflow li{counter-increment:workflow;padding:13px;border-left:2px solid rgba(0,229,255,.24);color:var(--text-dim);font-size:9px}.workflow li::before{content:counter(workflow,decimal-leading-zero);display:block;margin-bottom:5px;color:var(--cyan);font:600 9px/1 var(--font-head)}.workflow p{color:var(--amber);font-size:9px}
.validator-help{margin-top:18px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}.validator-help summary{display:flex;align-items:center;min-height:44px;color:var(--text-dim);font-size:9px;cursor:pointer}.validator-help p{margin:4px 0 10px;color:var(--text-muted)}.validator-help code{display:block;padding:10px 12px;overflow-wrap:anywhere;border:1px solid rgba(255,255,255,.08);border-radius:5px;background:rgba(0,0,0,.24);color:var(--cyan);font-size:9px}
@media(max-width:980px){.file-grid{grid-template-columns:minmax(0,1fr)}.file-card{grid-template-rows:auto minmax(170px,280px) auto}.workflow ol{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.main{width:min(100% - 24px,1180px);padding-top:66px}.panel{padding:16px}.panel-heading{align-items:stretch;flex-direction:column}.concept-select,.scope-grid{grid-template-columns:minmax(0,1fr)}.status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow ol{grid-template-columns:minmax(0,1fr)}.file-actions{grid-template-columns:minmax(0,1fr)}.file-card pre{max-height:280px}.validation-badge{align-self:flex-start}}
@media(max-width:390px){.main{width:calc(100% - 20px)}.page-header h1{font-size:23px;letter-spacing:2px}.status-grid{gap:6px}.status-grid>div{padding:10px}.panel{padding:14px}.file-card pre{font-size:8px}}
@media print{.nav,.back-link,.confirmation,.file-actions,.workflow,.footer{display:none!important}.main{width:100%;padding:0}.panel{break-inside:avoid}.file-grid{grid-template-columns:minmax(0,1fr)}.file-card pre{max-height:none;color:#111;background:#fff}}
.combined-handoff{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:16px 0;padding:16px;border:1px solid rgba(0,230,118,.3);border-radius:10px;background:rgba(0,230,118,.045)}.combined-handoff>div:first-child{min-width:0}.combined-handoff h3{margin-top:6px;color:#fff;font-size:13px}.combined-handoff p,.question-policy{margin-top:7px;color:var(--text-dim);font-size:10px;line-height:1.7}.recommended-badge{display:inline-flex;padding:3px 7px;border:1px solid rgba(0,230,118,.4);border-radius:999px;color:var(--green);font-size:8px}.combined-handoff .file-actions{flex:0 0 min(360px,45%)}.individual-files{margin-top:14px}.individual-files>summary{min-height:44px;padding:12px 0;color:var(--cyan);cursor:pointer}.ai-guidance-callout{display:grid;gap:7px;margin-top:7px;padding:10px 12px;border-left:2px solid var(--cyan);background:rgba(0,229,255,.035)}.ai-guidance-callout p{margin:0;line-height:1.7}.question-policy{margin:0}@media(max-width:760px){.combined-handoff{display:grid}.combined-handoff .file-actions{width:100%}}@media(max-width:390px){.combined-handoff{padding:13px}.combined-handoff .file-actions{grid-template-columns:minmax(0,1fr)}}