.tema-modal{padding:0;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;overflow:hidden}.tema-modal::backdrop{background:color-mix(in oklch,var(--fg) 35%,transparent);backdrop-filter:blur(6px)}.tema-inner{display:grid;grid-template-columns:1fr 17rem;max-height:80vh;min-height:0}.tema-hoved{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--border)}.tema-head{display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-4);border-bottom:1px solid var(--border)}.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{flex:1;border:none;background:transparent;color:var(--fg);font-family:var(--font-mono);font-size:var(--text-sm);padding:var(--space-3) 0;outline:none;min-width:0}.tema-sok::placeholder{color:var(--fg-faint);font-style:italic}.tema-body{overflow-y:auto;min-height:0;flex:1}.tp-empty{padding:var(--space-5);color:var(--fg-muted);font-size:var(--text-sm)}.tp-list{list-style:none;margin:0;padding:var(--space-1)}.tp-list li[hidden]{display:none}.tp-row{display:flex;align-items:center;gap:var(--space-3);width:100%;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);text-align:left;color:inherit;cursor:pointer;font:inherit}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{display:inline-flex;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border);width:7.5rem;height:1.25rem;flex-shrink:0}.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{flex:1;font-size:var(--text-sm);color:var(--fg)}.tp-active-mark{color:var(--accent);font-size:.625rem}.tp-active-mark[hidden]{display:none}.tema-footer{display:flex;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);font-size:.6875rem;flex-shrink:0}.tema-footer kbd{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.0625rem .3125rem;font-size:.625rem;color:var(--fg-soft);margin-right:.125rem}.tema-detalj{padding:var(--space-4) var(--space-5);display:flex;flex-direction:column;gap:var(--space-2);overflow-y:auto}.tp-big-swatch{display:flex;flex-direction:column;gap:.125rem;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;background:var(--bg);padding:.125rem}.tp-bs-row{display:flex;gap:.125rem;height:1.75rem}.tp-bs-cell{flex:1;border-radius:var(--radius-sm)}.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);font-weight:600;color:var(--fg);margin-top:var(--space-2)}.tp-detail-mode{font-family:var(--font-mono);font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--fg-faint)}.tp-section-head{font-family:var(--font-mono);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--fg-faint);margin-top:var(--space-4);margin-bottom:var(--space-1)}.tp-scale-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.125rem}.tp-scale-row{display:flex;align-items:center;gap:var(--space-3);width:100%;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);padding:var(--space-2);text-align:left;color:var(--fg);cursor:pointer;font:inherit;font-size:var(--text-sm)}.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);width:.875rem;text-align:center;flex-shrink:0}.tp-scale-label{flex:1}@media(max-width:38rem){.tema-inner{grid-template-columns:1fr}.tema-detalj{border-top:1px solid var(--border)}}