:root{--primary:#b64620;--soft:#fff0df;--bg:#fffaf3;--ink:#3d3026;--muted:#7c6a5a;--line:#ebdecc;--panel:#fffefd;--radius:10px;}
.intro{padding:26px 0}.intro h1{font-family:Georgia,serif;font-weight:400}.workspace{grid-template-columns:210px minmax(350px,1.4fr) minmax(270px,1fr);grid-template-areas:"library editor flow"}.library{grid-area:library}.flow{grid-area:flow}.editor-column{grid-area:editor}.library{background:var(--soft)}.library .operation{background:transparent}.library .operation:hover{background:var(--panel)}.intro-aside{border:1px solid var(--line);border-radius:8px;padding:16px}.notes{border-top:3px solid var(--primary)}
@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}}