:root{--primary:#1c66b4;--soft:#e5effb;--bg:#eff3f7;--ink:#142a41;--muted:#5c7084;--line:#ccd8e3;--panel:#ffffff;--radius:10px;}
.site-header{padding-top:16px;padding-bottom:16px}.brand,.eyebrow,.workspace-label,.panel-title,.intro h1{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.intro h1{font-size:clamp(28px,3vw,42px);letter-spacing:-1px}.intro{padding:25px 0}.workspace{grid-template-columns:210px 1fr 1.3fr;gap:8px}.panel{border-radius:2px}.flow{border-top:3px solid var(--primary)}.panel-title{background:var(--soft)}.guide{border-top:3px solid var(--ink)}.step{border-radius:2px}.primary{border-radius:2px}
@media(max-width:1100px) and (min-width:851px){.workspace{grid-template-columns:185px minmax(230px,1fr) minmax(300px,1.2fr);grid-template-areas:"library flow editor"}.library{grid-area:library}.flow{grid-area:flow}.editor-column{grid-area:editor}}
@media(max-width:850px){.workspace{grid-template-columns:220px 1fr;grid-template-areas:"library editor" "flow editor"}.library{grid-area:library}.flow{grid-area:flow}.editor-column{grid-area:editor}.intro-aside{display:none}.guide{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.workspace{display:flex;grid-template-areas:none}.guide{grid-template-columns:1fr}.intro{padding:24px 14px}.intro h1{font-size:33px}.intro-aside{display:none}.site-header{padding:18px}.guide{padding:24px 16px}}