.custom-style-input.svelte-ah9mc9{border-radius:var(--radius);border:1px solid var(--color-border-strong);background:var(--color-surface);width:100%;color:var(--color-foreground);resize:vertical;padding:.6rem .75rem;font-family:inherit;font-size:.875rem}.custom-style-input.svelte-ah9mc9:focus{outline:2px solid var(--color-primary-400);outline-offset:1px}.transparent-toggle.svelte-ah9mc9{color:var(--color-foreground);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;font-size:.8rem;display:inline-flex}.bg-stack.transparent.svelte-ah9mc9 input[type=color]{opacity:.4;pointer-events:none}.preset-btn.svelte-ah9mc9{border-radius:var(--radius);border:1px solid var(--color-border);cursor:pointer;align-items:center;padding:.4rem .75rem;font-size:.75rem;font-weight:600;transition:transform .1s;display:inline-flex}.preset-btn.svelte-ah9mc9:hover{transform:translateY(-1px)}.style-opt.svelte-ah9mc9{border-radius:var(--radius);border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-foreground);cursor:pointer;align-items:center;padding:.4rem .8rem;font-size:.85rem;transition:background-color .15s,border-color .15s;display:inline-flex}.style-opt.svelte-ah9mc9:hover{background:var(--color-surface-elevated)}.style-opt.active.svelte-ah9mc9{border-color:var(--color-primary);background:color-mix(in oklab, var(--color-primary) 12%, var(--color-surface))}.size-btn.svelte-ah9mc9{color:var(--color-muted-fg);background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;border-radius:.25rem;padding:.25rem .5rem;font-size:.7rem;font-weight:600}.size-btn.active.svelte-ah9mc9{color:var(--color-primary-300);background:var(--color-primary-950);border-color:var(--color-primary-700)}.preview-frame.svelte-ah9mc9{aspect-ratio:1;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);place-items:center;padding:1rem;display:grid;overflow:hidden}.preview-frame.checker.svelte-ah9mc9{background-color:#fff;background-image:linear-gradient(45deg,#d4d4d4 25%,#0000 25%),linear-gradient(-45deg,#d4d4d4 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#d4d4d4 75%),linear-gradient(-45deg,#0000 75%,#d4d4d4 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}.preview-img.svelte-ah9mc9{object-fit:contain;max-width:100%;max-height:100%}