.workshop-module__GOF2Sq__intro{justify-content:space-between;align-items:end;gap:2rem;padding-block:2.5rem 1.8rem;display:flex}.workshop-module__GOF2Sq__intro h1{letter-spacing:-.06em;margin:.6rem 0 0;font-size:clamp(2.5rem,5vw,4.8rem);line-height:1}.workshop-module__GOF2Sq__intro p{max-width:31rem;color:var(--body-copy);margin:0;font-size:1rem;line-height:1.65}.workshop-module__GOF2Sq__intro span{color:var(--red-bright);font:12px var(--font-mono);letter-spacing:.12em}.workshop-module__GOF2Sq__workshop{border:1px solid var(--line);min-width:0;margin-bottom:3rem}.workshop-module__GOF2Sq__toolbar,.workshop-module__GOF2Sq__previewToolbar{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 1rem;display:flex}.workshop-module__GOF2Sq__toolbar>span,.workshop-module__GOF2Sq__previewToolbar>span{font:12px var(--font-mono);color:var(--muted)}.workshop-module__GOF2Sq__workshop button{border:1px solid var(--line);min-height:40px;color:var(--white);cursor:pointer;background:0 0;padding:.55rem .75rem;font-size:.875rem}.workshop-module__GOF2Sq__workshop button:hover{border-color:var(--red)}.workshop-module__GOF2Sq__workshop button[aria-pressed=true]{background:var(--white);color:var(--black)}.workshop-module__GOF2Sq__workshop button:disabled{opacity:.35;cursor:default}.workshop-module__GOF2Sq__workspace{grid-template-columns:290px minmax(0,1fr);display:grid}.workshop-module__GOF2Sq__controls{border-right:1px solid var(--line);min-width:0;padding:1.25rem}.workshop-module__GOF2Sq__controls label{gap:.55rem;margin-bottom:1.2rem;font-size:.875rem;display:grid}.workshop-module__GOF2Sq__controls input,.workshop-module__GOF2Sq__controls select,.workshop-module__GOF2Sq__controls textarea{background:var(--surface);border:1px solid var(--line);width:100%;min-width:0;color:var(--white);font:1rem var(--font-sans);border-radius:0;padding:.75rem}.workshop-module__GOF2Sq__controls textarea{resize:vertical;min-height:90px}.workshop-module__GOF2Sq__previewArea{background:var(--surface);min-width:0;padding-bottom:1rem}.workshop-module__GOF2Sq__previewToolbar>div{gap:.3rem;display:flex}.workshop-module__GOF2Sq__preview{border:1px solid var(--line-strong);background:#111315;width:calc(100% - 2rem);height:680px;margin:1rem auto 0;display:block}.workshop-module__GOF2Sq__phone{max-width:390px}.workshop-module__GOF2Sq__toolActions{flex-wrap:wrap;gap:.4rem;display:flex}.workshop-module__GOF2Sq__modeBar{border-bottom:1px solid var(--line);align-items:center;gap:.5rem;padding:.8rem 1rem;display:flex}.workshop-module__GOF2Sq__modeBar>span{color:var(--muted);margin-left:auto;font-size:.875rem}.workshop-module__GOF2Sq__controlGroup{border-top:1px solid var(--line);margin-top:.5rem;padding-top:.5rem}.workshop-module__GOF2Sq__controlGroup summary{cursor:pointer;margin-bottom:.5rem;padding:.8rem 0;font-size:.95rem;font-weight:600}.workshop-module__GOF2Sq__controlPair{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.workshop-module__GOF2Sq__swatches{border:0;gap:.5rem;margin:0 0 1rem;padding:0;display:flex}.workshop-module__GOF2Sq__swatches legend{margin-bottom:.7rem;font-size:.875rem}.workshop-module__GOF2Sq__swatches button{width:44px;height:44px;position:relative;color:#fff!important;background:#111!important}.workshop-module__GOF2Sq__swatches button>span{background:var(--swatch);float:left;border-radius:50%;width:15px;height:15px;display:block}.workshop-module__GOF2Sq__swatches button[aria-pressed=true]{border:2px solid var(--white)}.workshop-module__GOF2Sq__wideButton{width:100%}.workshop-module__GOF2Sq__small{color:var(--muted);font-size:.875rem;line-height:1.65}.workshop-module__GOF2Sq__sectionChoices label{align-items:center;gap:.6rem;margin-block:.9rem;line-height:1.4;display:flex}.workshop-module__GOF2Sq__sectionChoices input{width:18px;height:18px;accent-color:var(--red)}.workshop-module__GOF2Sq__sectionOrder{margin:1.5rem 0;padding:0;list-style:none}.workshop-module__GOF2Sq__sectionOrder li{border-top:1px solid var(--line);align-items:center;gap:.3rem;padding:.4rem 0;display:flex}.workshop-module__GOF2Sq__sectionOrder li>span{flex:1;font-size:.8rem}.workshop-module__GOF2Sq__controls input[type=range]{accent-color:var(--red);border:0;min-height:32px;padding:0}.workshop-module__GOF2Sq__controls output{font:.85rem var(--font-mono);color:var(--muted)}.workshop-module__GOF2Sq__panelTitle{letter-spacing:-.04em;margin:0;font-size:1.5rem;line-height:1.2}.workshop-module__GOF2Sq__missionList{gap:.5rem;margin-top:1.5rem;display:grid}.workshop-module__GOF2Sq__missionList button{text-align:left;align-items:baseline;gap:.75rem;line-height:1.5;display:flex}.workshop-module__GOF2Sq__missionList button>span{font:12px var(--font-mono)}.workshop-module__GOF2Sq__lesson{font-size:1rem;line-height:1.65}.workshop-module__GOF2Sq__token{border-left:2px solid var(--red);overflow-wrap:anywhere;background:var(--surface);padding:1rem;font-size:.8rem;display:block}.workshop-module__GOF2Sq__previewHint{color:var(--muted);margin:.8rem 1rem 0;font-size:.8rem;line-height:1.5}.workshop-module__GOF2Sq__missionBoard{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:3rem;padding:2rem;display:grid}.workshop-module__GOF2Sq__overline{color:var(--red-bright);font:12px var(--font-mono);letter-spacing:.08em}.workshop-module__GOF2Sq__missionBoard h2,.workshop-module__GOF2Sq__handoff h2{letter-spacing:-.035em;margin:.75rem 0;font-size:clamp(1.5rem,2.5vw,2rem);line-height:1.2}.workshop-module__GOF2Sq__missionBoard p,.workshop-module__GOF2Sq__handoff p{color:var(--muted);font-size:1rem;line-height:1.6}.workshop-module__GOF2Sq__missionBoard summary{cursor:pointer;min-height:44px;font-size:.9rem}.workshop-module__GOF2Sq__checklist{margin:0 0 1.4rem;padding:0;list-style:none}.workshop-module__GOF2Sq__checklist li{border-bottom:1px solid var(--line);gap:.75rem;padding-block:.7rem;font-size:.95rem;line-height:1.5;display:flex}.workshop-module__GOF2Sq__checklist li>span:first-child{color:var(--muted)}.workshop-module__GOF2Sq__checklist li[data-done=true]>span:first-child{color:var(--red-bright)}.workshop-module__GOF2Sq__exitMission{margin:.7rem 0 0 .5rem}.workshop-module__GOF2Sq__codePanel{border-top:1px solid var(--line)}.workshop-module__GOF2Sq__codePanel textarea{resize:vertical;width:100%;height:380px;font:14px/1.8 var(--font-mono);background:var(--surface);color:var(--white);tab-size:2;border:0;margin:0;padding:1.5rem;display:block;overflow:auto}.workshop-module__GOF2Sq__feedback{border-top:1px solid var(--line);min-height:3.5rem;color:var(--body-copy);padding:.9rem 1.25rem;font-size:.875rem;line-height:1.5}.workshop-module__GOF2Sq__handoff{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:2rem;padding:1.5rem 2rem;display:flex}.workshop-module__GOF2Sq__workshop .workshop-module__GOF2Sq__primary{background:var(--red-surface);color:#fff;flex-shrink:0;padding:1rem 1.4rem}.workshop-module__GOF2Sq__brief{max-width:60rem;margin:4rem auto}.workshop-module__GOF2Sq__brief>h2{letter-spacing:-.05em;font-size:clamp(2.5rem,5vw,4rem)}.workshop-module__GOF2Sq__brief>p{color:var(--muted);margin-bottom:2rem;line-height:1.7}.workshop-module__GOF2Sq__signal{border-top:1px solid var(--line);margin-block:3rem;padding-top:1.5rem}.workshop-module__GOF2Sq__signal>summary{cursor:pointer;padding-block:1rem;font-size:1rem}@media (max-width:900px){.workshop-module__GOF2Sq__intro{flex-direction:column;align-items:start;gap:1rem}.workshop-module__GOF2Sq__workspace{grid-template-columns:250px minmax(0,1fr)}}@media (max-width:650px){.workshop-module__GOF2Sq__workspace{flex-direction:column;display:flex}.workshop-module__GOF2Sq__previewArea{order:-1}.workshop-module__GOF2Sq__preview{height:440px}.workshop-module__GOF2Sq__controls{border-right:0;border-top:1px solid var(--line)}.workshop-module__GOF2Sq__previewToolbar>span{font-size:11px}}@media (max-width:900px){.workshop-module__GOF2Sq__handoff{flex-direction:column;align-items:start;gap:.6rem}.workshop-module__GOF2Sq__modeBar>span{display:none}}@media (max-width:650px){.workshop-module__GOF2Sq__missionBoard{grid-template-columns:1fr;gap:1rem;padding:1.25rem}.workshop-module__GOF2Sq__handoff{padding:1.25rem}.workshop-module__GOF2Sq__toolbar,.workshop-module__GOF2Sq__modeBar{padding:.75rem}.workshop-module__GOF2Sq__codePanel pre{max-width:calc(100vw - 2.5rem - 2px)}.workshop-module__GOF2Sq__workshop button{min-height:44px}.workshop-module__GOF2Sq__exitMission{margin-left:0}.workshop-module__GOF2Sq__previewToolbar{gap:.5rem}}