.column.svelte-hd5zb1{background:var(--ph-panel);border-radius:14px;flex-direction:column;flex:1 1 0;gap:10px;min-width:150px;padding:12px;display:flex}.stack.svelte-hd5zb1{flex-direction:column;gap:3px;display:flex}.swatch.svelte-hd5zb1{height:34px;font:inherit;cursor:copy;text-align:left;border:0;border-radius:6px;grid-template-columns:auto 1fr auto;align-items:center;gap:6px;padding:0 10px;font-size:11px;transition:transform .12s;display:grid}.swatch.svelte-hd5zb1:hover{z-index:1;transform:scale(1.04)}.swatch.svelte-hd5zb1:focus-visible{outline:2px solid var(--ph-accent);outline-offset:2px}.step-name.svelte-hd5zb1{min-width:26px;font-weight:600}.step-hex.svelte-hd5zb1{opacity:0;font-family:var(--ph-mono);transition:opacity .12s}.swatch.svelte-hd5zb1:hover .step-hex:where(.svelte-hd5zb1),.swatch.svelte-hd5zb1:focus-visible .step-hex:where(.svelte-hd5zb1){opacity:.85}.step-badge.svelte-hd5zb1{opacity:.7;font-size:9px}.base.svelte-hd5zb1{min-height:130px;box-shadow:0 0 0 3px var(--ph-bg) inset;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px 10px 10px;display:flex}.chip.svelte-hd5zb1{color:#fff;width:100%;max-width:120px;font:inherit;text-align:center;background:#141418d9;border:0;border-radius:6px;padding:5px 8px;font-size:13px}.chip.svelte-hd5zb1:focus{outline:2px solid #fff}.hex.svelte-hd5zb1{font-family:var(--ph-mono);text-transform:uppercase}.static.svelte-hd5zb1{display:block}.hex-row.svelte-hd5zb1{gap:4px;width:100%;max-width:120px;display:flex}.hex-row.svelte-hd5zb1 .chip:where(.svelte-hd5zb1){flex:1;min-width:0}.picker.svelte-hd5zb1{cursor:pointer;background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:6px;flex:none;width:28px;position:relative}.picker.svelte-hd5zb1 input:where(.svelte-hd5zb1){opacity:0;cursor:pointer;position:absolute;inset:0}.col-head.svelte-hd5zb1{justify-content:space-between;align-items:center;gap:6px;min-height:24px;padding:0 2px 0 4px;display:flex}.col-title.svelte-hd5zb1{text-overflow:ellipsis;white-space:nowrap;color:var(--ph-text-muted);font-size:13px;font-weight:600;overflow:hidden}.col-tag.svelte-hd5zb1{color:var(--ph-text-muted);border:1px solid var(--ph-border);border-radius:999px;padding:1px 7px;font-size:11px}.remove.svelte-hd5zb1{width:24px;height:24px;color:var(--ph-text-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;font-size:18px;line-height:1}.remove.svelte-hd5zb1:hover{background:var(--ph-border);color:var(--ph-text)}.base-copy.svelte-hd5zb1{color:inherit;font:inherit;opacity:.75;cursor:copy;background:0 0;border:0;font-size:11px}.warning.svelte-hd5zb1{color:var(--ph-warn);margin:0;font-size:12px;line-height:1.4}.preview.svelte-4ktxh1{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:14px;font-size:14px;overflow:hidden}header.svelte-4ktxh1{background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:16px;padding:12px 16px;display:flex}nav.svelte-4ktxh1{gap:12px;display:flex}a.svelte-4ktxh1{color:var(--main-text);text-decoration:none}a.svelte-4ktxh1:hover{text-decoration:underline}.mode.svelte-4ktxh1{color:var(--text-muted);text-transform:capitalize;margin-left:auto;font-size:12px}.body.svelte-4ktxh1{flex-direction:column;gap:14px;padding:18px 16px;display:flex}h3.svelte-4ktxh1{margin:0;font-size:20px}p.svelte-4ktxh1{margin:0}.muted.svelte-4ktxh1{color:var(--text-muted)}.small.svelte-4ktxh1{font-size:12px}.buttons.svelte-4ktxh1{flex-wrap:wrap;gap:8px;display:flex}.pv-btn.svelte-4ktxh1{font:inherit;cursor:pointer;text-transform:capitalize;border:1px solid #0000;border-radius:8px;padding:8px 14px;font-weight:600;transition:background-color .15s}.pv-btn.svelte-4ktxh1:focus-visible{outline:2px solid var(--main);outline-offset:2px}.main.svelte-4ktxh1{background:var(--main);color:var(--on-main)}.main.svelte-4ktxh1:hover{background:var(--main-hover);color:var(--on-main-hover)}.main.svelte-4ktxh1:active{background:var(--main-active);color:var(--on-main-active)}.main.svelte-4ktxh1:disabled{opacity:.45;cursor:not-allowed;background:var(--main);color:var(--on-main)}.ghost.svelte-4ktxh1{color:var(--text);border-color:var(--border);background:0 0}.ghost.svelte-4ktxh1:hover{background:var(--surface-2)}.role.svelte-4ktxh1{background:var(--r);color:var(--on-r)}.role.svelte-4ktxh1:hover{background:var(--r-hover);color:var(--on-r-hover)}.role.svelte-4ktxh1:active{background:var(--r-active);color:var(--on-r-active)}.card.svelte-4ktxh1{background:var(--surface);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:10px;padding:14px;display:flex}.card-head.svelte-4ktxh1{justify-content:space-between;font-weight:600;display:flex}.badge.svelte-4ktxh1{background:var(--main-subtle);color:var(--text);border-radius:999px;padding:2px 8px;font-size:12px}input.svelte-4ktxh1{background:var(--bg);color:var(--text);border:1px solid var(--border);font:inherit;border-radius:8px;padding:8px 10px}input.svelte-4ktxh1::placeholder{color:var(--text-muted)}input.svelte-4ktxh1:focus{border-color:var(--main);box-shadow:0 0 0 3px var(--main-subtle);outline:none}code.svelte-4ktxh1{font-family:var(--ph-mono);font-size:11px}dialog.svelte-1lce982{border:1px solid var(--ph-border);background:var(--ph-panel);width:min(900px,100vw - 32px);max-height:calc(100vh - 48px);color:var(--ph-text);border-radius:16px;padding:0}dialog.svelte-1lce982::backdrop{backdrop-filter:blur(2px);background:#0009}.inner.svelte-1lce982{flex-direction:column;max-height:calc(100vh - 50px);display:flex}header.svelte-1lce982{align-items:flex-start;gap:8px;padding:14px 14px 0;display:flex}.tabs.svelte-1lce982{flex-wrap:wrap;flex:1;gap:6px;display:flex}.tabs.svelte-1lce982 button:where(.svelte-1lce982){border:1px solid var(--ph-border);color:var(--ph-text-muted);font:inherit;cursor:pointer;background:0 0;border-radius:8px;padding:7px 12px;font-size:13px}.tabs.svelte-1lce982 button:where(.svelte-1lce982):hover{color:var(--ph-text)}.tabs.svelte-1lce982 button.active:where(.svelte-1lce982){background:var(--ph-accent);border-color:var(--ph-accent);color:#fff}.close.svelte-1lce982{color:var(--ph-text-muted);cursor:pointer;background:0 0;border:0;font-size:26px;line-height:1}.hint.svelte-1lce982{color:var(--ph-text-muted);margin:12px 14px 0;font-size:13px}pre.svelte-1lce982{background:var(--ph-bg);min-height:200px;font-family:var(--ph-mono);white-space:pre;border-radius:10px;flex:1;margin:12px 14px;padding:14px;font-size:12px;line-height:1.55;overflow:auto}footer.svelte-1lce982{align-items:center;gap:8px;padding:0 14px 14px;display:flex}.filename.svelte-1lce982{font-family:var(--ph-mono);color:var(--ph-text-muted);margin-right:auto;font-size:12px}.editor.svelte-bl69pc{margin-top:12px;font-size:13px}table.svelte-bl69pc{border-collapse:collapse;width:100%}th.svelte-bl69pc{text-align:left;color:var(--ph-text-muted);padding:4px 6px;font-weight:500}td.svelte-bl69pc{padding:3px 6px}.role.svelte-bl69pc{text-transform:capitalize;font-weight:600}.cell.svelte-bl69pc{border:1px solid var(--ph-border);background:var(--ph-bg);width:100%;color:var(--ph-text);font:inherit;cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:5px 7px;font-size:12px;display:inline-flex}.cell.static.svelte-bl69pc{cursor:default;border-color:#0000}button.cell.svelte-bl69pc:hover,.cell.open.svelte-bl69pc{border-color:var(--ph-accent)}.cell.custom.svelte-bl69pc{border-style:dashed;border-color:var(--ph-warn)}.dot.svelte-bl69pc{border-radius:4px;flex:none;width:16px;height:16px;box-shadow:inset 0 0 0 1px #ffffff26}.ref.svelte-bl69pc{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tag.svelte-bl69pc{color:var(--ph-text-muted);margin-left:auto;font-size:10px}.tag.bad.svelte-bl69pc{color:var(--ph-warn)}.picker.svelte-bl69pc{background:var(--ph-panel);border:1px solid var(--ph-border);border-radius:12px;margin-top:10px;padding:12px}.picker-head.svelte-bl69pc{flex-wrap:wrap;align-items:center;gap:6px 14px;margin-bottom:10px;display:flex}.picker-head.svelte-bl69pc span:where(.svelte-bl69pc){margin-right:auto}.link.svelte-bl69pc{color:var(--ph-link);font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.link.svelte-bl69pc:disabled{color:var(--ph-text-muted);cursor:default}.grid.svelte-bl69pc{gap:6px;display:flex;overflow-x:auto}.grid-col.svelte-bl69pc{flex-direction:column;flex:1;gap:2px;min-width:54px;display:flex}.grid-title.svelte-bl69pc{color:var(--ph-text-muted);text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px;font-size:11px;overflow:hidden}.chip.svelte-bl69pc{height:22px;font:inherit;cursor:pointer;border:0;border-radius:4px;font-size:10px}.chip.selected.svelte-bl69pc{outline-offset:1px;outline:2px solid #fff;position:relative}.backdrop.svelte-5pgva5{z-index:20;cursor:default;background:#00000073;border:0;position:fixed;inset:0}.panel.svelte-5pgva5{background:var(--ph-panel);border-left:1px solid var(--ph-border);z-index:21;flex-direction:column;gap:14px;width:min(360px,100vw);padding:16px;transition:transform .2s;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-12px 0 40px #00000059}.panel.open.svelte-5pgva5{transform:none}.head.svelte-5pgva5{justify-content:space-between;align-items:center;display:flex}h2.svelte-5pgva5{margin:0;font-size:18px}.close.svelte-5pgva5{color:var(--ph-text-muted);cursor:pointer;background:0 0;border:0;font-size:22px;line-height:1}.close.svelte-5pgva5:hover{color:var(--ph-text)}.import.svelte-5pgva5{flex-direction:column;gap:8px;font-size:13px;display:flex}.import.svelte-5pgva5 label:where(.svelte-5pgva5){color:var(--ph-text-muted)}.row.svelte-5pgva5{gap:8px;display:flex}.row.svelte-5pgva5 input:where(.svelte-5pgva5){border:1px solid var(--ph-border);background:var(--ph-bg);min-width:0;color:var(--ph-text);font:inherit;border-radius:8px;flex:1;padding:8px 10px}.row.svelte-5pgva5 input:where(.svelte-5pgva5):focus{border-color:var(--ph-accent);outline:none}.note.svelte-5pgva5{color:var(--ph-text-muted);margin:0;font-size:12px}.tags.svelte-5pgva5{flex-wrap:wrap;gap:6px;display:flex}.tags.svelte-5pgva5 button:where(.svelte-5pgva5){border:1px solid var(--ph-border);color:var(--ph-text-muted);font:inherit;text-transform:capitalize;cursor:pointer;background:0 0;border-radius:999px;padding:4px 10px;font-size:12px}.tags.svelte-5pgva5 button.on:where(.svelte-5pgva5){background:var(--ph-accent);border-color:var(--ph-accent);color:#fff}.list.svelte-5pgva5{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.sample.svelte-5pgva5{width:100%;color:var(--ph-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;gap:6px;padding:0;font-size:13px;display:flex}.strip.svelte-5pgva5{border-radius:8px;height:44px;transition:transform .15s;display:flex;overflow:hidden}.strip.small.svelte-5pgva5{height:22px}.strip.svelte-5pgva5 span:where(.svelte-5pgva5){flex:1}.sample.svelte-5pgva5:hover .strip:where(.svelte-5pgva5){transform:translateY(-2px)}.sample.svelte-5pgva5:hover .name:where(.svelte-5pgva5){color:var(--ph-link)}.generator.svelte-1gcz73g{flex-direction:column;gap:16px;display:flex}.toolbar.svelte-1gcz73g{background:var(--ph-panel);border-radius:14px;flex-wrap:wrap;align-items:end;gap:16px 24px;padding:14px 16px;display:flex}.field.svelte-1gcz73g{flex-direction:column;gap:6px;font-size:13px;display:flex}.label.svelte-1gcz73g{color:var(--ph-text-muted)}.label.svelte-1gcz73g b:where(.svelte-1gcz73g){color:var(--ph-text);font-weight:600}input[type=range].svelte-1gcz73g{width:130px;accent-color:var(--ph-accent)}.segmented.svelte-1gcz73g{background:var(--ph-bg);border-radius:8px;padding:3px;display:inline-flex}.segmented.svelte-1gcz73g button:where(.svelte-1gcz73g){color:var(--ph-text-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:6px 12px}.segmented.svelte-1gcz73g button.on:where(.svelte-1gcz73g){background:var(--ph-accent);color:#fff}.check.svelte-1gcz73g{color:var(--ph-text-muted);align-items:center;gap:6px;padding-bottom:6px;font-size:13px;display:flex}.check.svelte-1gcz73g input:where(.svelte-1gcz73g){accent-color:var(--ph-accent)}.actions.svelte-1gcz73g{gap:8px;margin-left:auto;display:flex}.columns.svelte-1gcz73g{align-items:flex-start;gap:12px;padding-bottom:6px;display:flex;overflow-x:auto}.convert.svelte-1gcz73g{background:var(--ph-panel);border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px;padding:16px;display:flex}.convert.svelte-1gcz73g span:where(.svelte-1gcz73g){margin-right:8px}.previews.svelte-1gcz73g h2:where(.svelte-1gcz73g){margin:16px 0 4px;font-size:22px}.sub.svelte-1gcz73g{color:var(--ph-text-muted);margin:0 0 14px}.preview-grid.svelte-1gcz73g{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;display:grid}.toast.svelte-1gcz73g{color:#111;z-index:10;background:#fff;border-radius:10px;padding:10px 16px;font-size:14px;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #00000059}@media (width<=640px){.actions.svelte-1gcz73g{margin-left:0}}:root{--ph-bg:#1e1e25;--ph-panel:#2a2a33;--ph-raised:#33333d;--ph-border:#4a4a54;--ph-text:#f3f3fd;--ph-text-muted:#aeaebb;--ph-accent:#4a6da8;--ph-accent-hover:#3f5e93;--ph-link:#9ab4e0;--ph-warn:#f9e79f;--ph-font:"IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--ph-mono:"IBM Plex Mono", ui-monospace, "Cascadia Code", Consolas, monospace;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--ph-bg);color:var(--ph-text);font-family:var(--ph-font);-webkit-font-smoothing:antialiased;margin:0}.btn{border:1px solid var(--ph-border);background:var(--ph-bg);color:var(--ph-text);font:inherit;cursor:pointer;border-radius:9px;padding:9px 14px;font-size:14px;transition:background-color .15s,border-color .15s}.btn:hover:not(:disabled){background:var(--ph-raised)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--ph-accent);border-color:var(--ph-accent);color:#fff}.btn.primary:hover{background:var(--ph-accent-hover)}.btn:focus-visible,button:focus-visible{outline:2px solid var(--ph-accent);outline-offset:2px}.site-header[data-astro-cid-lcdefpme],main[data-astro-cid-lcdefpme],.site-footer[data-astro-cid-lcdefpme]{max-width:1280px;margin:0 auto;padding:0 16px}.site-header[data-astro-cid-lcdefpme]{flex-wrap:wrap;align-items:center;gap:8px 20px;padding-top:20px;padding-bottom:20px;display:flex}.brand[data-astro-cid-lcdefpme]{color:var(--ph-text);align-items:center;gap:10px;font-size:22px;font-weight:700;text-decoration:none;display:flex}.tagline[data-astro-cid-lcdefpme]{color:var(--ph-text-muted);margin:0}.site-footer[data-astro-cid-lcdefpme]{color:var(--ph-text-muted);padding-top:40px;padding-bottom:32px;font-size:13px}