.preview.svelte-r0o5hh{display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:10px;overflow:hidden;width:100%}.preview-card.svelte-r0o5hh{display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:8px}.card-header.svelte-r0o5hh{display:flex;align-items:center;justify-content:space-between}.card-title.svelte-r0o5hh{font-size:12px;font-weight:600;color:var(--_text-primary)}.card-badge.svelte-r0o5hh{font-size:9px;font-weight:500;padding:1px 6px;border-radius:99px;background:var(--_primary);color:var(--_primary-fg)}.card-body.svelte-r0o5hh{font-size:10px;line-height:1.5;color:var(--_text-secondary);margin:0}.card-accent.svelte-r0o5hh{color:var(--_accent-text);font-weight:500}.card-primary.svelte-r0o5hh{color:var(--_primary-text);font-weight:500}.card-actions.svelte-r0o5hh{display:flex;gap:4px;margin-top:2px}.btn-primary.svelte-r0o5hh{font-size:9px;font-weight:500;padding:3px 10px;border:none;border-radius:4px;background:var(--_primary);color:var(--_primary-fg);cursor:default;font-family:inherit}.btn-secondary.svelte-r0o5hh{font-size:9px;font-weight:500;padding:3px 10px;border-radius:4px;border:1px solid var(--_border);background:transparent;color:var(--_text-primary);cursor:default;font-family:inherit}.preview-row.svelte-r0o5hh{display:flex;gap:6px;align-items:center}.preview-input.svelte-r0o5hh{flex:1;font-size:9px;padding:4px 8px;border:1px solid var(--_border);border-radius:4px;background:var(--_bg-muted);color:var(--_text-secondary);font-family:inherit;outline:none}.preview-badges.svelte-r0o5hh{display:flex;gap:3px}.badge.svelte-r0o5hh{font-size:8px;font-weight:500;padding:1px 5px;border-radius:99px;color:var(--_bg-base)}.badge.success.svelte-r0o5hh{background:var(--_success)}.badge.warning.svelte-r0o5hh{background:var(--_warning)}.badge.error.svelte-r0o5hh{background:var(--_error)}.preview-text.svelte-r0o5hh{display:flex;gap:8px;align-items:baseline}.text-primary.svelte-r0o5hh{font-size:10px;font-weight:600;color:var(--_text-primary)}.text-secondary.svelte-r0o5hh{font-size:9px;color:var(--_text-secondary)}.swatch.svelte-1uwx9jh{display:flex;flex-direction:column;border:2px solid transparent;border-radius:8px;overflow:hidden;cursor:pointer;padding:0;background:none;font-family:inherit;transition:border-color .15s ease,transform .1s ease}.swatch.svelte-1uwx9jh:hover{border-color:var(--theme-primary, #2a9d8f);transform:scale(1.02)}.swatch.selected.svelte-1uwx9jh{border-color:var(--theme-primary, #2a9d8f);box-shadow:0 0 0 1px var(--theme-primary, #2a9d8f)}.preview.svelte-1uwx9jh{height:52px;padding:6px 8px;display:flex;flex-direction:column;gap:4px;position:relative;overflow:hidden}.color-bar.svelte-1uwx9jh{height:3px;border-radius:2px;width:100%}.dots.svelte-1uwx9jh{display:flex;gap:3px;margin-top:2px}.dot.svelte-1uwx9jh{width:7px;height:7px;border-radius:50%}.lines.svelte-1uwx9jh{display:flex;flex-direction:column;gap:3px;margin-top:2px}.line.svelte-1uwx9jh{height:2px;border-radius:1px}.label.svelte-1uwx9jh{padding:4px 6px 5px;background:var(--theme-bg-elevated, #1f2937);text-align:left}.name.svelte-1uwx9jh{font-size:10px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.phone.svelte-1h7787w{position:relative;width:100%;max-width:320px;aspect-ratio:390 / 720;overflow:hidden;border-radius:20px;border:1px solid color-mix(in oklch,var(--theme-text-primary) 18%,transparent);background:var(--theme-bg-surface)}.phone.svelte-1h7787w iframe:where(.svelte-1h7787w){position:absolute;top:0;right:0;bottom:0;left:0;width:390px;height:720px;border:0;transform-origin:0 0;pointer-events:none}.chip.svelte-1h7787w{display:block;height:2.5rem;border-radius:8px;border:1px solid color-mix(in oklch,var(--theme-text-primary) 14%,transparent)}.face.svelte-1h7787w{position:relative;display:flex;align-items:flex-start;height:4rem;padding:.5rem .75rem;border-radius:8px;border:1px solid color-mix(in oklch,var(--theme-text-primary) 14%,transparent);font-size:1.25rem;font-weight:600;line-height:1.2}.face-bar.svelte-1h7787w{position:absolute;left:.75rem;right:.75rem;bottom:.625rem;height:.375rem;border-radius:999px}.chip.svelte-1xt9xtr{position:relative;display:inline-flex;height:2rem;width:2rem;align-items:center;justify-content:center;overflow:hidden;border-radius:.5rem;box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 18%,transparent)}.chip-type.svelte-1xt9xtr{font-size:.8125rem;font-weight:600;line-height:1}.chip-bar.svelte-1xt9xtr{position:absolute;inset-inline:0;bottom:0;height:4px}@media(max-width:420px){.chip.svelte-1xt9xtr{height:1.5rem;width:1.5rem;border-radius:.375rem}.chip-type.svelte-1xt9xtr{font-size:.6875rem}}