.studio-grid.svelte-quenr2{align-items:start;gap:1.5rem;display:grid}@media (width>=1024px){.studio-grid.svelte-quenr2{grid-template-columns:minmax(0,1fr) 22rem}.preview-col.svelte-quenr2{position:sticky;top:6rem}}.hero-preview.svelte-quenr2{aspect-ratio:3/4;touch-action:pan-y}@media (width>=640px){.hero-preview.svelte-quenr2{aspect-ratio:16/10}}@media (width>=1024px){.hero-preview.svelte-quenr2{aspect-ratio:16/9}}.hero-title.svelte-quenr2{font-size:clamp(1.875rem,1.3rem + 2.4vw,3.25rem);line-height:1.04}@media (width>=1024px){.hero-title.svelte-quenr2{font-size:clamp(2.25rem,.9rem + 2.1vw,3.25rem)}}.scrim.svelte-quenr2{background:linear-gradient(to top, var(--scrim) 0%, var(--scrim) 64%, transparent 84%)}@media (width>=640px){.scrim.svelte-quenr2{background:linear-gradient(to right, var(--scrim) 0%, var(--scrim) 56%, transparent 80%)}}.tool-btn.svelte-quenr2{border:1.5px solid var(--rule-strong);border-radius:var(--radius-lg);background:var(--surface);min-height:2.75rem;color:var(--ink);cursor:pointer;touch-action:manipulation;align-items:center;padding-inline:1rem;font-size:.875rem;font-weight:600;transition:border-color .15s,background-color .15s;display:inline-flex}.tool-btn.svelte-quenr2:hover{border-color:var(--ink)}.tool-btn.svelte-quenr2:disabled{cursor:not-allowed;opacity:.5}.preset-btn.svelte-quenr2{border:1.5px solid var(--rule);border-radius:var(--radius-lg);background:var(--canvas);min-height:2.75rem;color:var(--ink);text-align:left;cursor:pointer;flex-direction:column;gap:.375rem;padding:.5rem;transition:border-color .15s;display:flex}.preset-btn.svelte-quenr2:hover{border-color:var(--rule-strong)}.preset-btn.is-active.svelte-quenr2{border-color:var(--forge);box-shadow:inset 0 0 0 1px var(--forge)}.style-option.svelte-quenr2{border:1.5px solid var(--rule);border-radius:var(--radius-lg);background:var(--canvas);cursor:pointer;min-height:2.75rem;padding:.625rem .75rem;transition:border-color .15s;display:block}.style-option.svelte-quenr2:hover{border-color:var(--rule-strong)}.style-option.svelte-quenr2:has(input:where(.svelte-quenr2):checked){border-color:var(--forge);box-shadow:inset 0 0 0 1px var(--forge)}.style-option.svelte-quenr2:has(input:where(.svelte-quenr2):focus-visible),.color-field.svelte-quenr2:has(input:where(.svelte-quenr2):focus-visible) input:where(.svelte-quenr2){outline:2px solid var(--focus);outline-offset:2px}.range.svelte-quenr2{width:100%;height:1.75rem;accent-color:var(--forge);cursor:pointer}fieldset.svelte-quenr2:disabled .range:where(.svelte-quenr2){cursor:not-allowed;opacity:.5}@media (prefers-reduced-motion:no-preference){.toast.svelte-quenr2{animation:.2s cubic-bezier(.16,1,.3,1) svelte-quenr2-toast-in}}@keyframes svelte-quenr2-toast-in{0%{opacity:0;transform:translateY(8px)}}