/* Hallmark critique P5 H4 E4 S5 R5 V4. Existing warm toolshelf tokens retained. */
@font-face{font-family:OlipopDisplay;src:url(assets/fonts/olipop-8705aae697ff.woff2);font-weight:700}@font-face{font-family:OlipopAno;src:url(assets/fonts/olipop-675b52ef6cda.woff2);font-weight:700}@font-face{font-family:DM;src:url(assets/fonts/DM-Sans-Bold.ttf);font-weight:700}
.element-main{padding:40px var(--page-gutter)}.element-main h1{font-size:clamp(40px,6vw,80px)}.element-workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:40px;align-items:start}.element-stage{position:sticky;top:20px;min-width:0}.canvas-wrap{position:relative;margin:0 auto 12px;max-width:100%;width:fit-content;line-height:0;background:var(--color-rule);touch-action:none}.canvas-wrap img{display:block;max-width:100%;max-height:72svh;width:auto;height:auto}.canvas-wrap svg{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}.canvas-wrap g{cursor:grab}.canvas-wrap g:active{cursor:grabbing}.element-stage .actions{margin-top:16px;flex-wrap:wrap}.element-stage .small{line-height:1.5;margin-top:12px}.element-controls{border-top:2px solid var(--color-ink);padding-top:20px;display:grid;gap:16px}.element-controls label{display:grid;gap:5px;font-size:var(--text-sm);font-weight:650}.element-controls input:not([type=range]),select{width:100%;min-width:0;min-height:44px;border:1px solid var(--color-rule);border-radius:var(--radius-control);background:var(--color-paper);padding:8px;color:var(--color-ink);font:inherit}.element-controls input[type=color]{padding:4px;height:44px}.element-controls input[type=range]{width:100%;min-height:28px;accent-color:var(--color-ink)}.control-heading,.paired{display:flex;align-items:center;justify-content:space-between;gap:12px}.paired label{flex:1}.control-heading h2{font-size:24px}.layer-list{display:flex;flex-wrap:wrap;gap:6px}.layer-list button{min-height:40px;border:1px solid var(--color-rule);background:var(--color-paper);padding:6px 10px;font:inherit;font-size:12px}.layer-list button[aria-pressed=true]{border:2px solid var(--color-ink)}.swatches{display:flex;gap:8px;flex-wrap:wrap}.swatches button{height:36px;width:36px;border:1px solid var(--color-rule);border-radius:50%;background:var(--swatch)}.swatches button[aria-pressed=true]{outline:2px solid var(--color-ink);outline-offset:2px}.element-controls details{border-top:1px solid var(--color-rule);padding-top:16px;font-size:13px}.element-controls details p{margin:12px 0}.element-controls output{font-weight:400;color:var(--color-muted)}.element-controls .actions{flex-wrap:wrap;gap:6px}.sale-lab{margin:80px 0;padding:36px 0;border-top:2px solid var(--color-ink);display:grid;grid-template-columns:1fr 1.2fr;gap:48px}.sale-lab p{margin:12px 0;max-width:50ch}.sale-lab h2{margin-top:14px}.sale-lab .actions{flex-wrap:wrap}.sale-lab pre{max-height:320px;overflow:auto;padding:16px;background:var(--color-rule);font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.1em}.element-main .how-to{padding:0 0 32px}.element-main .how-to p{margin:20px 0}.element-stage #notice{min-height:3em}.element-controls button:disabled{opacity:.35}select:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}@media(max-width:800px){.element-workspace{grid-template-columns:minmax(0,1fr);gap:28px}.element-stage{position:static}.canvas-wrap img{max-height:58svh}.element-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.control-heading,.layer-list,.swatches,.element-controls details,.element-controls>.actions{grid-column:1/-1}.sale-lab{grid-template-columns:1fr;gap:24px;margin-top:48px}.element-main{padding-top:28px}.element-controls label{min-width:0}.element-stage .actions{gap:6px}.element-stage .button{padding-inline:10px}}

.masthead{flex-wrap:wrap}