.phg-settings.svelte-s40mx2{display:flex;flex-direction:column;gap:20px}.phg-group.svelte-s40mx2{display:flex;flex-direction:column}.phg-sub-lbl.svelte-s40mx2{display:block;font-size:12px;font-weight:600;color:var(--ink-2);margin:0 0 6px}.phg-grid-2.svelte-s40mx2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.phg-field.svelte-s40mx2{display:flex;flex-direction:column}.phg-presets.svelte-s40mx2{display:flex;flex-wrap:wrap;gap:8px}.phg-pill.svelte-s40mx2{min-height:36px;padding:0 14px;border:1px solid var(--line-strong);border-radius:var(--r-ctl);background:var(--card);color:var(--ink-2);font-size:13px;font-weight:600;cursor:pointer;transition:border-color .18s ease,color .18s ease,background-color .18s ease}.phg-pill.svelte-s40mx2:hover{border-color:var(--accent);color:var(--accent)}.phg-pill--active.svelte-s40mx2{background:var(--primary);border-color:var(--primary);color:var(--primary-ink)}.phg-formats.svelte-s40mx2{display:flex;gap:8px}.phg-format.svelte-s40mx2{flex:1;min-height:40px;border:1px solid var(--line-strong);border-radius:var(--r-ctl);background:var(--card);color:var(--ink-2);font-size:13px;font-weight:700;letter-spacing:.04em;cursor:pointer;transition:border-color .18s ease,color .18s ease,background-color .18s ease}.phg-format.svelte-s40mx2:hover{border-color:var(--accent);color:var(--accent)}.phg-format--active.svelte-s40mx2{border-color:var(--primary);background:var(--sage-tint);color:var(--accent)}.phg-color-picker.svelte-s40mx2{display:flex;align-items:center;gap:10px}.phg-swatch.svelte-s40mx2{flex:none;width:48px;height:44px;padding:0;border:1px solid var(--line-strong);border-radius:var(--r-ctl);background:none;cursor:pointer}.phg-swatch.svelte-s40mx2::-webkit-color-swatch-wrapper{padding:4px}.phg-swatch.svelte-s40mx2::-webkit-color-swatch{border:none;border-radius:4px}.phg-hex.svelte-s40mx2{flex:1;font-family:var(--font-mono);text-transform:uppercase}.phg-output.svelte-s40mx2{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);padding:18px;display:flex;flex-direction:column;gap:16px}.phg-output-head.svelte-s40mx2{display:flex;align-items:center}.phg-output-title.svelte-s40mx2{display:flex;align-items:center;gap:8px;margin:0;font-family:var(--font-display);font-optical-sizing:auto;font-size:18px;font-weight:580;color:var(--ink)}.phg-canvas.svelte-s40mx2{display:grid;place-items:center;min-height:220px;padding:20px;background:var(--bg);border:1px solid var(--line);border-radius:var(--r-card)}.phg-canvas--has-content.svelte-s40mx2 img:where(.svelte-s40mx2){display:block;max-width:100%;max-height:320px;border-radius:4px}.phg-preview.svelte-s40mx2{width:100%;max-width:300px;aspect-ratio:var(--ph-ratio);background:var(--ph-bg);border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:var(--ph-fg);font-weight:700;font-size:.9rem}.phg-detail-row.svelte-s40mx2{display:flex;flex-wrap:wrap;gap:14px;font:500 12px/1 var(--font-mono);color:var(--ink-2)}.phg-detail-row.svelte-s40mx2 span:where(.svelte-s40mx2){display:inline-flex;align-items:center;gap:6px}.phg-actions.svelte-s40mx2{display:flex;flex-wrap:wrap;gap:10px}