.kova-ui{--bg:#f4f4f2;--surface:#fff;--fg:#121316;--muted:#5e616a;--faint:#8b8e96;--line:#1213161a;--line-strong:#1213162e;--brass:#a07a3f;--focus:#6b5bd6}:where(.kova-ui) :focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:6px}.kova-note{color:var(--faint);font-size:.8125rem}.kova-seg{background:var(--line);border-radius:10px;gap:2px;padding:3px;display:inline-flex}.kova-seg button{color:var(--muted);background:0 0;border:0;border-radius:8px;padding:7px 14px;font-size:.875rem;font-weight:500}.kova-seg button[aria-pressed=true]{background:var(--surface);color:var(--fg);box-shadow:0 1px 2px #00000014, 0 0 0 .5px var(--line-strong)}.kova-actions{gap:8px;display:flex}.kova-btn{border:1px solid var(--line-strong);background:var(--surface);border-radius:10px;padding:9px 16px;font-size:.875rem;font-weight:600}.kova-btn.kova-primary{background:var(--fg);color:var(--bg);border-color:var(--fg)}@media (hover:hover) and (pointer:fine){.kova-btn:hover{border-color:var(--fg)}}.kova-btn:active{transform:scale(.97)}.kova-chip svg{--ic-sw:2}.kova-config{grid-template-columns:minmax(0,1fr) minmax(0,360px);align-items:start;gap:32px;display:grid}@media (max-width:860px){.kova-config{grid-template-columns:1fr}}.kova-config-panel{background:var(--surface);border:1px solid var(--line);border-radius:16px;gap:22px;min-width:0;padding:20px;display:grid}.kova-cfg-group{gap:10px;display:grid}.kova-cfg-group h3{font-size:.875rem;font-weight:600}.kova-cfg-group p{color:var(--muted);font-size:.8125rem}.kova-chips{flex-wrap:wrap;gap:8px;display:flex}.kova-chip{border:1px solid var(--line-strong);background:0 0;border-radius:999px;align-items:center;gap:8px;padding:7px 13px;font-size:.875rem;display:inline-flex}.kova-chip svg{width:18px;height:18px}.kova-chip[aria-pressed=true]{border-color:var(--fg);background:var(--fg);color:var(--bg)}.kova-swatch{width:36px;height:36px;box-shadow:0 0 0 1px var(--line-strong) inset;border:0;border-radius:50%;padding:0;position:relative}.kova-swatch span{border-radius:50%;position:absolute;inset:9px}.kova-swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--fg)}.kova-fontpair{gap:8px;display:grid}.kova-fontopt{text-align:left;border:1px solid var(--line-strong);background:0 0;border-radius:12px;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 14px;display:flex}.kova-fontopt b{font-size:1.15rem;font-weight:600}.kova-fontopt span{color:var(--muted);font-size:.8125rem}.kova-fontopt[aria-pressed=true]{border-color:var(--fg);box-shadow:0 0 0 1px var(--fg) inset}.kova-cfg-preview{justify-items:center;gap:12px;display:grid;position:sticky;top:72px}.kova-ui{--ui:var(--kova-font-ui), system-ui, -apple-system, "Segoe UI", sans-serif;font:16px/1.55 var(--ui);color:var(--fg);-webkit-font-smoothing:antialiased}.kova-page{background:var(--bg);padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px))}.kova-panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px 16px;font-size:.875rem}.kova-muted{color:var(--muted)}.kova-title{letter-spacing:-.025em;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:600;line-height:1.1}.kova-btn.kova-block{width:100%}:where(.kova-btn,.kova-chip,.kova-swatch,.kova-fontopt,.kova-seg button){font:inherit;color:inherit;cursor:pointer}:where(.kova-cfg-group h3){text-wrap:balance}:where(.kova-btn,.kova-chip,.kova-swatch,.kova-fontopt,.kova-seg button):disabled{cursor:not-allowed;opacity:.5}.kova-logo-thumb{border:1px solid var(--line);object-fit:contain;background:#fff;border-radius:10px;width:64px;height:64px}