.pattern-workspace{padding-block:1rem 4rem}.pattern-workspace h2{margin-block:2rem 1rem;font-size:clamp(1.5rem,3vw,2.3rem);line-height:1.2}.pattern-workspace p,.pattern-workspace li{max-width:80ch;margin-block:.85rem;line-height:1.7}.pattern-builder{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:clamp(1rem,3vw,2rem)}.pattern-controls{flex-wrap:wrap;align-items:end;gap:1rem;display:flex}.pattern-controls>div{flex:230px;min-width:0}.pattern-controls label{margin-bottom:.5rem;display:block}.pattern-controls select{width:100%;min-height:48px;color:var(--text);background:#111711;border:1px solid #748175;border-radius:6px;padding:.8rem}.pattern-controls .button{white-space:normal;text-align:center;min-height:48px}.pattern-controls :focus-visible{outline:3px solid var(--acid);outline-offset:4px}.pattern-note,.pattern-status{color:var(--muted);font-size:.9rem}.pattern-status:empty{display:none}.pattern-preview{background:#000;border-radius:6px;justify-content:center;padding:.5rem;display:flex}.pattern-preview svg{width:auto;max-width:100%;height:auto;max-height:650px;display:block}.pattern-workspace ol,.pattern-workspace ul{list-style:revert;padding-left:1.5rem}.pattern-workspace a:not(.button){color:var(--acid);text-underline-offset:3px;text-decoration:underline}.pattern-workspace .pattern-limit{border-left:3px solid var(--acid);padding:1rem}@media (max-width:600px){.pattern-controls .button{width:100%}}