:root{--primary:#ebff74;--soft:#303628;--bg:#151716;--ink:#f3f5ed;--muted:#a5afa4;--line:#3b423b;--panel:#20241f;--on-primary:#20241f;--radius:10px;}
.intro h1{font-size:clamp(32px,3.5vw,52px);font-weight:800;text-transform:uppercase;max-width:830px}.site-header{border-bottom:2px solid var(--primary)}.intro{padding:29px 0}.workspace{grid-template-columns:minmax(300px,1.4fr) minmax(270px,1fr) 215px;grid-template-areas:"editor flow library"}.library{grid-area:library}.flow{grid-area:flow}.editor-column{grid-area:editor}.panel{border-radius:0}.panel-title{background:#272e25}.brand small{color:var(--primary)}.primary{color:#20241f}.guide{border-top:2px solid var(--primary)}#status.error{color:#ff9b9b}
@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}}