:root{--primary:#087e97;--soft:#e0f4f8;--bg:#f3fafc;--ink:#163641;--muted:#5c7881;--line:#d4e6eb;--panel:#ffffff;--radius:10px;}
.intro{padding:32px 0 28px;display:block;position:relative}.intro h1{max-width:580px}.intro-copy{max-width:570px}.intro-aside{position:absolute;right:0;top:40px}.workspace{grid-template-columns:minmax(260px,1fr) 210px minmax(340px,1.4fr);grid-template-areas:"flow library editor"}.library{grid-area:library}.flow{grid-area:flow}.editor-column{grid-area:editor}.panel{border-radius:16px}.run-bar .primary{border-radius:30px}.guide{background:var(--soft);border:0;border-radius:16px;padding:30px}.workspace-top{border-top:1px solid var(--line);padding-top:16px}
@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}}