.tp[data-v-ff9d46f0]{flex-direction:column;display:flex}.tp-controls[data-v-ff9d46f0],.tp-palette-section[data-v-ff9d46f0],.tp-export[data-v-ff9d46f0]{padding:1.25rem}.tp-controls[data-v-ff9d46f0]{background:var(--elevated);border-bottom:1px solid var(--border)}.tp-palette-section[data-v-ff9d46f0]{border-bottom:1px solid var(--border)}.tp-export[data-v-ff9d46f0]{background:var(--surface)}.tp-heading-row[data-v-ff9d46f0]{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.tp-eyebrow[data-v-ff9d46f0]{color:var(--accent);letter-spacing:.02em;text-transform:uppercase;margin:0 0 .25rem;font-size:.8125rem;font-weight:800;line-height:1rem}.tp-title[data-v-ff9d46f0]{color:var(--text);margin:0;font-size:1.125rem;line-height:1.5rem}.tp-actions[data-v-ff9d46f0]{flex-wrap:wrap;gap:.5rem;display:flex}.tp-button[data-v-ff9d46f0]{border:1px solid var(--border-strong);background:var(--elevated);min-height:44px;color:var(--text);font:inherit;cursor:pointer;touch-action:manipulation;border-radius:8px;padding:.55rem .9rem;font-size:.9375rem;font-weight:600;line-height:1.25rem}.tp-button[data-v-ff9d46f0]:hover{border-color:var(--accent)}.tp-button[data-v-ff9d46f0]:focus-visible,.tp-tab[data-v-ff9d46f0]:focus-visible,.tp-swatch[data-v-ff9d46f0]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tp-button-primary[data-v-ff9d46f0],.tp-button-primary[data-v-ff9d46f0]:hover{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.tp-input-grid[data-v-ff9d46f0]{grid-template-columns:1.35fr 1fr .75fr;gap:1rem;margin-top:1.15rem;display:grid}.tp-field[data-v-ff9d46f0]{flex-direction:column;gap:.4rem;min-width:0;display:flex}.tp-label[data-v-ff9d46f0]{color:var(--text);font-size:.875rem;font-weight:600;line-height:1.25rem}.tp-color-row[data-v-ff9d46f0]{grid-template-columns:44px minmax(0,1fr);gap:.5rem;display:grid}.tp-color-row.is-invalid .tp-text-input[data-v-ff9d46f0]{border-color:var(--badge-fail)}.tp-color-well[data-v-ff9d46f0]{border:1px solid var(--border);background:var(--input);cursor:pointer;border-radius:8px;width:44px;height:44px;padding:3px}.tp-text-input[data-v-ff9d46f0]{box-sizing:border-box;border:1px solid var(--border);background:var(--input);width:100%;min-height:44px;color:var(--text);font:inherit;border-radius:8px;padding:.65rem .75rem}.tp-mono[data-v-ff9d46f0]{font-family:var(--font-mono,ui-monospace, monospace);font-variant-numeric:tabular-nums}.tp-select[data-v-ff9d46f0]{width:100%}.tp-help[data-v-ff9d46f0],.tp-error[data-v-ff9d46f0]{margin:0;font-size:.8125rem;line-height:1.125rem}.tp-help[data-v-ff9d46f0]{color:var(--muted)}.tp-error[data-v-ff9d46f0]{color:var(--badge-fail)}.tp-palette-heading[data-v-ff9d46f0]{align-items:center;margin-bottom:1rem}.tp-anchor-note[data-v-ff9d46f0]{border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:.35rem .6rem;font-size:.8125rem;font-weight:700;line-height:1.125rem}.tp-swatches[data-v-ff9d46f0]{grid-template-columns:repeat(11,minmax(0,1fr));gap:4px;display:grid}.tp-swatch[data-v-ff9d46f0]{border:1px solid var(--border);background:var(--elevated);min-width:0;color:var(--text);cursor:pointer;touch-action:manipulation;border-radius:8px;padding:0;overflow:hidden}.tp-swatch.is-anchor[data-v-ff9d46f0]{box-shadow:0 0 0 2px var(--accent)}.tp-color-block[data-v-ff9d46f0]{flex-direction:column;justify-content:space-between;align-items:center;min-height:92px;padding:.5rem .25rem;font-size:.8125rem;font-weight:800;line-height:1.125rem;display:flex}.tp-base-badge[data-v-ff9d46f0]{letter-spacing:.02em;text-transform:uppercase;border:1px solid;border-radius:999px;padding:.18rem .3rem;font-size:.8125rem;line-height:1rem}.tp-swatch-value[data-v-ff9d46f0]{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;padding:.48rem .15rem;font-size:.8125rem;line-height:1.125rem;display:block;overflow:hidden}.tp-preview[data-v-ff9d46f0]{grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1rem;display:grid}.tp-preview article[data-v-ff9d46f0]{border:1px solid;border-radius:12px;padding:1rem}.tp-preview article>span[data-v-ff9d46f0]:first-child{letter-spacing:.02em;text-transform:uppercase;font-size:.8125rem;font-weight:800;line-height:1rem}.tp-preview h3[data-v-ff9d46f0]{color:inherit;margin:.25rem 0;font-size:1.125rem;line-height:1.5rem}.tp-preview p[data-v-ff9d46f0]{color:inherit;opacity:.78;margin:0 0 .85rem;font-size:.875rem;line-height:1.375rem}.tp-preview-cta[data-v-ff9d46f0]{border-radius:8px;align-items:center;min-height:44px;padding:0 .75rem;font-size:.9375rem;font-weight:600;line-height:1.25rem;display:inline-flex}.tp-tabs[data-v-ff9d46f0]{border:1px solid var(--border);background:var(--input);border-radius:10px;flex-wrap:wrap;gap:3px;margin:1rem 0 .75rem;padding:3px;display:flex}.tp-tab[data-v-ff9d46f0]{min-height:44px;color:var(--muted);font:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:8px;padding:.45rem .75rem;font-size:.875rem;font-weight:600;line-height:1.25rem}.tp-tab.is-active[data-v-ff9d46f0]{background:var(--elevated);color:var(--text);box-shadow:0 0 0 1px var(--border-strong)}.tp-code[data-v-ff9d46f0]{box-sizing:border-box;resize:vertical;white-space:pre;border:1px solid var(--border);background:var(--input);width:100%;color:var(--text);border-radius:8px;padding:.9rem;font-size:.8125rem;line-height:1.125rem;overflow:auto}.tp-empty[data-v-ff9d46f0]{background:var(--surface);color:var(--muted);align-items:center;gap:.85rem;padding:2rem 1.25rem;display:flex}.tp-empty-icon[data-v-ff9d46f0]{border:1px solid var(--border);background:var(--elevated);width:44px;height:44px;color:var(--accent);border-radius:10px;flex:none;place-items:center;font-weight:900;display:grid}.tp-empty h2[data-v-ff9d46f0]{color:var(--text);margin:0;font-size:1.125rem;line-height:1.5rem}.tp-empty p[data-v-ff9d46f0]{margin:.25rem 0 0;font-size:.875rem;line-height:1.375rem}@media (width<=760px){.tp-controls[data-v-ff9d46f0],.tp-palette-section[data-v-ff9d46f0],.tp-export[data-v-ff9d46f0]{padding:1rem}.tp-heading-row[data-v-ff9d46f0]{flex-direction:column}.tp-actions[data-v-ff9d46f0]{width:100%}.tp-actions .tp-button[data-v-ff9d46f0]{flex:1}.tp-input-grid[data-v-ff9d46f0]{grid-template-columns:1fr}.tp-swatches[data-v-ff9d46f0]{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.tp-swatch[data-v-ff9d46f0]:last-child{grid-column:auto}.tp-color-block[data-v-ff9d46f0]{min-height:56px}.tp-preview[data-v-ff9d46f0]{grid-template-columns:1fr}.tp-anchor-note[data-v-ff9d46f0]{align-self:flex-start}.tp-export .tp-heading-row .tp-button[data-v-ff9d46f0]{width:100%}}