.shape-workbench-section{padding-block:clamp(72px,10vw,144px)}.shape-workbench-heading{justify-content:space-between;align-items:end;gap:40px;margin-bottom:48px;display:flex}.shape-workbench-heading h2{font-family:var(--font-display);letter-spacing:-.03em;margin:12px 0 0;font-size:clamp(44px,5.5vw,72px);font-weight:500;line-height:.98}.shape-workbench-heading>div:last-child{max-width:320px}.shape-workbench-heading p,.shape-workbench-export-intro p{color:var(--v-text-2);text-wrap:pretty;margin:0 0 20px;line-height:1.6}.shape-workbench-editor{grid-template-columns:168px minmax(0,1fr) 224px;align-items:center;gap:clamp(28px,4vw,56px);min-width:0;display:grid}.shape-workbench-library,.shape-workbench-settings{min-width:0}.shape-workbench-library>.v-label{margin:0 0 16px}.shape-workbench-shapes.v-seg[data-slot=toggle-group]{background:0 0;border-radius:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;padding:0;display:grid}.shape-workbench-shapes .shape-workbench-choice[data-slot=toggle-group-item]{width:100%;height:66px;font-size:var(--fs-meta);border-radius:12px;grid-template-rows:32px auto;align-content:center;gap:5px;padding:6px 3px;line-height:1.2;display:grid}.shape-workbench-choice>svg{width:32px;height:32px}.shape-workbench-choice>span{z-index:1;position:relative}.shape-workbench-stage{isolation:isolate;align-content:center;place-items:center;min-height:440px;display:grid;position:relative}.shape-workbench-stage>[data-slot=depth-background]{z-index:-1}.shape-workbench-artwork{width:min(100%,500px);position:relative}.shape-workbench-caption{text-align:center;color:var(--v-text-3);margin-top:8px;position:relative}.shape-workbench-settings{gap:24px;display:grid}.shape-workbench-color-control>.v-label{margin:0 0 12px}.shape-workbench-tones.v-seg[data-slot=toggle-group]{background:0 0;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;width:100%;padding:0;display:grid}.shape-workbench-tones .shape-workbench-swatch[data-slot=toggle-group-item]{border-radius:50%;width:100%;min-width:40px;height:44px;padding:8px}.shape-workbench-swatch>span{z-index:1;width:24px;height:24px;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--ink-fixed) 18%, transparent);border-radius:50%;display:block;position:relative}.shape-workbench-control-label,.shape-workbench-switch{justify-content:space-between;align-items:center;gap:16px;display:flex}.shape-workbench-control-label output{color:var(--v-text-2);font-size:var(--fs-meta);font-variant-numeric:tabular-nums}.shape-workbench-angle{gap:9px;display:grid}.shape-workbench-angle[data-disabled] .shape-workbench-control-label{color:var(--v-text-3)}.shape-workbench-layer-control{border-top:1px solid var(--v-border);gap:16px;padding-top:24px;display:grid}.shape-workbench-export{border-top:1px solid var(--v-border);grid-template-columns:minmax(220px,.75fr) minmax(0,1.25fr);align-items:start;gap:clamp(40px,6vw,88px);margin-top:72px;padding-top:48px;display:grid}.shape-workbench-export-intro h3{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 16px;font-size:clamp(26px,3vw,44px);font-weight:500;line-height:1.1}.shape-workbench-export-intro>.v-meta{max-width:320px;margin-top:16px;display:block}.shape-workbench-export-intro [data-export-error]{color:var(--v-danger-ink)}.shape-workbench-export>[data-slot=code-block]{width:100%;min-width:0;margin:0}@media (max-width:1000px){.shape-workbench-editor{grid-template-columns:144px minmax(0,1fr) 200px;gap:24px}.shape-workbench-stage{min-height:340px}}@media (max-width:760px){.shape-workbench-heading{gap:24px;margin-bottom:24px;display:grid}.shape-workbench-heading>div:last-child{max-width:420px}.shape-workbench-editor{grid-template-columns:minmax(0,1fr);gap:32px}.shape-workbench-stage{grid-row:1;min-height:300px}.shape-workbench-artwork{width:min(100%,380px)}.shape-workbench-shapes.v-seg[data-slot=toggle-group]{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.shape-workbench-settings{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 32px}.shape-workbench-settings>.shape-workbench-switch{grid-column:1/-1}.shape-workbench-export{grid-template-columns:minmax(0,1fr);gap:28px;margin-top:48px;padding-top:36px}}@media (max-width:420px){.shape-workbench-shapes.v-seg[data-slot=toggle-group]{grid-template-columns:repeat(4,minmax(0,1fr))}.shape-workbench-settings{grid-template-columns:minmax(0,1fr);gap:24px}.shape-workbench-stage{min-height:280px}.shape-workbench-tones.v-seg[data-slot=toggle-group]{max-width:224px}}