.editor{display:grid;grid-gap:var(--sp-5);gap:var(--sp-5)}.editor-stage{display:grid;grid-gap:var(--sp-3);gap:var(--sp-3);align-content:start}.editor-tabs{display:inline-flex;border:1px solid var(--c-line);border-radius:999px;overflow:hidden;justify-self:start}.editor-tabs button{min-height:40px;padding:0 var(--sp-4);border:0;background:var(--c-surface);font:600 var(--fs-sm) var(--font-body);color:var(--c-ink);cursor:pointer}.editor-tabs button.on{background:var(--c-ink);color:var(--c-surface)}.editor-tabs button:disabled{opacity:.5;cursor:default}.editor-views{display:grid;grid-gap:var(--sp-4);gap:var(--sp-4)}.editor-view{margin:0;display:none}.editor-view.show{display:block}.editor-view figcaption{font-weight:600;font-size:var(--fs-sm);margin-bottom:var(--sp-2);display:flex;gap:var(--sp-2);align-items:baseline;flex-wrap:wrap}.square{position:relative;width:100%;aspect-ratio:1;background:var(--c-surface-2);border-radius:var(--radius-lg);overflow:hidden}.square canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.square.busy canvas{opacity:.55;transition:opacity .2s}.square-msg{position:absolute;inset:0;display:grid;place-items:center;margin:0;padding:var(--sp-5);text-align:center;pointer-events:none}.dropzone{position:absolute;inset:0;display:grid;place-content:center;grid-gap:var(--sp-3);gap:var(--sp-3);padding:var(--sp-5);text-align:center;border:2px dashed var(--c-line);border-radius:var(--radius-lg);background:var(--c-surface)}.dropzone.over{border-color:var(--c-accent);background:var(--c-accent-soft)}.camera-only{display:none}@media (pointer:coarse){.camera-only{display:inline-flex}}.editor-controls{display:grid;grid-gap:var(--sp-4);gap:var(--sp-4);align-content:start}.editor-controls fieldset{border:1px solid var(--c-line);border-radius:var(--radius-lg);padding:var(--sp-3) var(--sp-4) var(--sp-4);margin:0;background:var(--c-surface);min-width:0}.editor-controls fieldset:disabled{opacity:.6}.editor-controls legend{font-weight:700;font-size:var(--fs-sm);padding:0 var(--sp-2)}.styles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--sp-2);gap:var(--sp-2)}.style{display:grid;grid-gap:4px;gap:4px;justify-items:center;padding:var(--sp-2);border:2px solid var(--c-line);border-radius:var(--radius);background:var(--c-surface);cursor:pointer;font:600 var(--fs-xs) var(--font-body);color:var(--c-ink);min-height:var(--tap)}.style img{width:100%;aspect-ratio:1;border-radius:50%;background:var(--c-surface-2)}.style.on{border-color:var(--c-accent);box-shadow:0 0 0 2px var(--c-accent-soft)}.style.placeholder{min-height:110px;background:var(--c-surface-2);border-style:dashed;cursor:default}.sizes{display:grid;grid-gap:var(--sp-2);gap:var(--sp-2)}.size{display:grid;grid-template-columns:auto 1fr auto;grid-gap:var(--sp-3);gap:var(--sp-3);align-items:center;padding:var(--sp-3);border:2px solid var(--c-line);border-radius:var(--radius);cursor:pointer;font-weight:500;min-height:var(--tap)}.size.on{border-color:var(--c-accent)}.option{padding:6px 0;font-weight:500}.qty{display:inline-flex;gap:var(--sp-2);align-items:center}.qty input{width:80px;text-align:center}.price-row{position:-webkit-sticky;position:sticky;bottom:0;display:flex;justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.price{font:700 var(--fs-lg) var(--font-display)}@media (min-width:900px){.editor{grid-template-columns:minmax(0,1.35fr) minmax(320px,1fr);align-items:start}.editor-tabs{display:none}.editor-views{grid-template-columns:1fr 1fr}.editor-view{display:block}.editor-stage{position:-webkit-sticky;position:sticky;top:var(--sp-4)}}.hero{padding:var(--sp-7) 0 var(--sp-5);display:grid;grid-gap:var(--sp-4);gap:var(--sp-4)}.hero p{font-size:var(--fs-lg);color:var(--c-ink-2);max-width:46ch}.examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--sp-4);gap:var(--sp-4)}.examples figure{margin:0}.examples img{width:100%;aspect-ratio:1;border-radius:50%;background:var(--c-surface);box-shadow:var(--shadow)}.examples figcaption{font-size:var(--fs-xs);color:var(--c-muted);text-align:center;margin-top:var(--sp-2)}.steps{display:grid;grid-gap:var(--sp-4) var(--sp-5);gap:var(--sp-4) var(--sp-5);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));padding:0;margin:0;list-style:none}.steps li{display:grid;grid-template-columns:32px minmax(0,1fr);grid-column-gap:var(--sp-3);column-gap:var(--sp-3);align-items:start}.steps .step-no{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--c-ink);color:var(--c-surface);font-weight:700}.steps .step-text{padding-top:4px;line-height:1.5}section.block{padding:var(--sp-6) 0}.editor{position:relative}.editor-drop{position:absolute;inset:calc(-1 * var(--sp-2));z-index:5;display:grid;place-content:center;border:3px dashed var(--c-accent);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--c-accent-soft) 88%,transparent);pointer-events:none}.editor-drop p{margin:0;padding:var(--sp-3) var(--sp-5);border-radius:999px;background:var(--c-surface);color:var(--c-ink);font:600 var(--fs-md) var(--font-body);box-shadow:0 2px 12px rgb(0 0 0/.12)}.vat-note{white-space:nowrap}