.tema-modal{border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--bg-elev);color:var(--fg);box-shadow:var(--elev-3);width:min(48rem,94vw);max-height:80vh;padding:0;overflow:hidden}.tema-modal::backdrop{background:color-mix(in oklch, var(--fg) 35%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.tema-inner{grid-template-columns:1fr 17rem;min-height:0;max-height:80vh;display:grid}.tema-hoved{border-right:1px solid var(--border);flex-direction:column;min-height:0;display:flex}.tema-head{align-items:center;gap:var(--space-3);padding:0 var(--space-4);border-bottom:1px solid var(--border);display:flex}.tema-title{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--fg-faint);flex-shrink:0}.tema-sok{color:var(--fg);font-family:var(--font-mono);font-size:var(--text-sm);padding:var(--space-3) 0;background:0 0;border:none;outline:none;flex:1;min-width:0}.tema-sok::placeholder{color:var(--fg-faint);font-style:italic}.tema-body{flex:1;min-height:0;overflow-y:auto}.tp-empty{padding:var(--space-5);color:var(--fg-muted);font-size:var(--text-sm)}.tp-list{padding:var(--space-1);margin:0;list-style:none}.tp-list li[hidden]{display:none}.tp-row{align-items:center;gap:var(--space-3);border-radius:var(--radius-md);width:100%;padding:var(--space-2) var(--space-3);text-align:left;color:inherit;cursor:pointer;font:inherit;background:0 0;border:1px solid #0000;display:flex}li.focused .tp-row{background:var(--accent-soft);border-color:color-mix(in oklch, var(--accent) 50%, var(--border))}li.dim .tp-row{background:var(--bg-sunken);border-color:var(--border)}.tp-swatches{border-radius:var(--radius-sm);border:1px solid var(--border);flex-shrink:0;width:7.5rem;height:1.25rem;display:inline-flex;overflow:hidden}.tp-sw{flex:1;display:block}.tp-sw-bg{background:var(--bg)}.tp-sw-fg{background:var(--fg)}.tp-sw-accent{background:var(--accent)}.tp-sw-fn{background:var(--algb-syntax-fn,var(--good))}.tp-sw-num{background:var(--algb-syntax-number,var(--warn))}.tp-sw-str{background:var(--algb-syntax-string,var(--accent))}.tp-name{font-size:var(--text-sm);color:var(--fg);flex:1}.tp-active-mark{color:var(--accent);font-size:.625rem}.tp-active-mark[hidden]{display:none}.tema-footer{gap:var(--space-4);padding:var(--space-2) var(--space-4);border-top:1px solid var(--border);color:var(--fg-faint);font-family:var(--font-mono);flex-shrink:0;font-size:.6875rem;display:flex}.tema-footer kbd{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--fg-soft);margin-right:.125rem;padding:.0625rem .3125rem;font-size:.625rem}.tema-detalj{padding:var(--space-4) var(--space-5);gap:var(--space-2);flex-direction:column;display:flex;overflow-y:auto}.tp-big-swatch{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);flex-direction:column;gap:.125rem;padding:.125rem;display:flex;overflow:hidden}.tp-bs-row{gap:.125rem;height:1.75rem;display:flex}.tp-bs-cell{border-radius:var(--radius-sm);flex:1}.tp-bs-bg{background:var(--bg);border:1px solid var(--border)}.tp-bs-fg{background:var(--fg)}.tp-bs-accent{background:var(--accent)}.tp-bs-fn{background:var(--algb-syntax-fn,var(--good))}.tp-bs-num{background:var(--algb-syntax-number,var(--warn))}.tp-bs-str{background:var(--algb-syntax-string,var(--accent))}.tp-detail-name{font-size:var(--text-base);color:var(--fg);margin-top:var(--space-2);font-weight:600}.tp-detail-mode{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--fg-faint);font-size:.6875rem}.tp-section-head{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--fg-faint);margin-top:var(--space-4);margin-bottom:var(--space-1);font-size:.6875rem;font-weight:600}.tp-scale-list{flex-direction:column;gap:.125rem;margin:0;padding:0;list-style:none;display:flex}.tp-scale-row{align-items:center;gap:var(--space-3);border-radius:var(--radius-md);width:100%;padding:var(--space-2);text-align:left;color:var(--fg);cursor:pointer;font:inherit;font-size:var(--text-sm);background:0 0;border:1px solid #0000;display:flex}.tp-scale-row.focused{background:var(--accent-soft);border-color:color-mix(in oklch, var(--accent) 50%, var(--border))}.tp-scale-row.current{color:var(--accent)}.tp-radio{font-size:var(--text-xs);text-align:center;flex-shrink:0;width:.875rem}.tp-scale-label{flex:1}@media (width<=38rem){.tema-inner{grid-template-columns:1fr}.tema-detalj{border-top:1px solid var(--border)}}