.heading{max-width:760px}.stage{min-width:0;display:grid;grid-template-columns:repeat(2,minmax(360px,1fr));gap:32px;align-items:start}.stage>.eyebrow{grid-column:1 / -1;margin:0}.view-stage+.view-stage{margin:0;padding:0;border:0}.three-platen,.svg-viewport{width:100%;height:auto;min-height:0;aspect-ratio:297 / 420;background:#f4f4f2}.three-platen{padding:20px;border:1px solid var(--line)}.three-viewport{width:100%;height:100%;background:#fff}.three-viewport canvas{display:block;width:100%;height:100%;touch-action:none}.viewbar,.preset-grid{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}.viewbar button,.preset-grid button{width:auto;margin:0;padding:8px;border:1px solid var(--line);border-radius:0;background:var(--panel);color:var(--ink);font:12px ui-monospace,monospace}.viewbar button:hover,.viewbar button:focus-visible,.preset-grid button:hover,.preset-grid button:focus-visible{border-color:var(--ink);background:var(--ink);color:var(--page)}.preset-grid button{flex:1 1 105px}.info,.note{color:var(--muted)}.svg-viewport{position:relative;overflow:hidden;border:1px solid var(--line);background:#f4f4f2}#svg-paper{position:absolute;transform-origin:0 0;line-height:0}#svg-paper svg{display:block;width:100%;height:100%;background:#fff}.svg-output{margin:10px 0;padding:16px;border:1px solid var(--line);background:var(--panel);font:12px ui-monospace,monospace}.svg-output legend{padding:0 7px;letter-spacing:.08em;text-transform:uppercase}.svg-output label{display:flex;justify-content:space-between;gap:8px;margin:16px 0 6px}.svg-output label:first-of-type{margin-top:0}.svg-output select,.svg-output input{display:block;width:100%;padding:8px;border:1px solid var(--line);border-radius:0;background:var(--panel);color:var(--ink);font:12px ui-monospace,monospace}.svg-output button{display:block;width:100%;margin-top:8px;padding:9px 8px;border:1px solid var(--line);border-radius:0;background:var(--panel);color:var(--ink);font:12px ui-monospace,monospace}#artwork-preview svg{display:block;width:100%;height:100%;background:#fff}#artwork-preview{aspect-ratio:297 / 420;background:#fff;border:1px solid var(--line);overflow:hidden}.artwork{padding:16px;border:1px solid var(--line);align-self:start}.artwork h2{font:400 1.3rem Garamond,serif;margin:0 0 8px}.artwork button{display:block;width:100%;margin-top:12px;padding:9px 8px;border:1px solid var(--ink);border-radius:0;background:var(--ink);color:var(--page);font:12px ui-monospace,monospace}.artwork p{color:var(--muted)}@media(max-width:1150px){.stage{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.workspace{grid-template-columns:245px minmax(0,1fr)}.artwork{grid-column:2}}@media(max-width:800px){.stage{grid-template-columns:1fr}.stage>.eyebrow{grid-column:auto}.artwork{grid-column:auto}}