.design-gallery.svelte-e9j61k{padding-block:var(--space-24);border-top:1px solid var(--line)}.gallery-intro.svelte-e9j61k{max-width:680px;margin:var(--space-5) 0 var(--space-12);color:var(--muted);font-size:18px;line-height:1.65}.gallery-layout.svelte-e9j61k{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:var(--space-16);align-items:start}.gallery-tabs.svelte-e9j61k{display:grid;gap:var(--space-2)}.gallery-tabs.svelte-e9j61k button:where(.svelte-e9j61k){display:grid;grid-template-columns:28px 1fr 20px;align-items:center;gap:var(--space-3);min-height:58px;padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--card);color:var(--ink);text-align:left;font:inherit;cursor:pointer}.gallery-tabs.svelte-e9j61k button[aria-selected=true]:where(.svelte-e9j61k){background:var(--volt);border-color:var(--ink)}.gallery-tabs.svelte-e9j61k button:where(.svelte-e9j61k):hover{border-color:var(--ink)}.gallery-tabs.svelte-e9j61k button:where(.svelte-e9j61k):focus-visible,.invoice-stage.svelte-e9j61k:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.gallery-tabs.svelte-e9j61k button:where(.svelte-e9j61k)>span:where(.svelte-e9j61k):first-child{font:12px var(--font-mono)}.gallery-info.svelte-e9j61k{margin-top:var(--space-12)}.gallery-info.svelte-e9j61k h3:where(.svelte-e9j61k){margin:var(--space-3) 0;font-size:24px}.gallery-info.svelte-e9j61k p:where(.svelte-e9j61k){line-height:1.65;color:var(--muted)}.gallery-note.svelte-e9j61k{padding-top:var(--space-4);font-size:14px}.invoice-stage.svelte-e9j61k{min-width:0;padding:var(--space-5);border-radius:var(--radius-lg);background:var(--soft)}@media(max-width:760px){.design-gallery.svelte-e9j61k{padding-block:var(--space-16)}.gallery-layout.svelte-e9j61k{grid-template-columns:1fr;gap:var(--space-6)}.gallery-tabs.svelte-e9j61k{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-tabs.svelte-e9j61k button:where(.svelte-e9j61k){grid-template-columns:1fr;font-size:14px;gap:var(--space-2)}.gallery-tabs.svelte-e9j61k button:where(.svelte-e9j61k)>span:where(.svelte-e9j61k){display:none}.gallery-info.svelte-e9j61k{margin-top:var(--space-5)}.invoice-stage.svelte-e9j61k{padding:var(--space-3)}}
