.theme-picker{position:relative}.theme-picker-panel{position:absolute;top:calc(100% + 8px);right:0;width:min(420px,calc(100vw - 32px));background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:var(--space-5);z-index:200;transform-origin:top right;opacity:0;transform:translateY(-6px) scale(.98);pointer-events:none;transition:opacity .16s ease,transform .16s ease}.theme-picker.is-open .theme-picker-panel{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.theme-picker-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.theme-picker-title{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--text-muted);font-weight:var(--font-medium)}.theme-scheme-toggle{display:inline-flex;background:var(--bg-secondary);border-radius:var(--radius-full);padding:3px;gap:2px}.theme-scheme-toggle button{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-full);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--text-muted);transition:all var(--transition-normal)}.theme-scheme-toggle button.is-active{background:var(--bg-card);color:var(--text-primary);box-shadow:var(--shadow-sm)}.theme-scheme-toggle svg{width:14px;height:14px;stroke:currentColor;stroke-width:2;fill:none}.theme-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}@media (min-width: 480px){.theme-grid{grid-template-columns:repeat(3,1fr)}}.theme-swatch{position:relative;display:flex;flex-direction:column;gap:6px;padding:8px;border-radius:var(--radius-lg);border:1px solid var(--border-color);background:var(--bg-card);cursor:pointer;transition:all var(--transition-normal);text-align:left}.theme-swatch:hover{border-color:var(--color-primary);transform:translateY(-1px)}.theme-swatch.is-active{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.2)}.theme-swatch.is-active:after{content:"";position:absolute;top:6px;right:6px;width:16px;height:16px;border-radius:50%;background:var(--color-primary);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>");background-repeat:no-repeat;background-position:center;box-shadow:0 0 0 3px var(--bg-card)}.theme-swatch-preview{height:56px;border-radius:var(--radius-md);overflow:hidden;display:grid;grid-template-rows:1fr 1fr;border:1px solid var(--border-subtle)}.theme-swatch-preview .row-bg,.theme-swatch-preview .row-card{display:flex;align-items:center;padding:0 8px;gap:4px}.theme-swatch-preview .pip{width:8px;height:8px;border-radius:50%}.theme-swatch-preview .bar{flex:1;height:4px;border-radius:2px}.theme-swatch-meta{display:flex;align-items:center;justify-content:space-between;gap:4px;padding:0 2px 2px}.theme-swatch-name{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-primary);letter-spacing:var(--tracking-tight)}.theme-swatch-scheme{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--text-faint)}.theme-group-label{grid-column:1 / -1;font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--text-faint);font-weight:var(--font-medium);padding:var(--space-2) 2px 0}.theme-picker-footer{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);font-size:var(--text-xs);color:var(--text-muted)}.theme-picker-footer a{color:var(--color-primary);font-weight:var(--font-medium)}.theme-picker-inline{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-6)}.theme-picker-inline .theme-picker-header{margin-bottom:var(--space-5)}.theme-picker-inline .theme-grid{grid-template-columns:repeat(2,1fr)}@media (min-width: 640px){.theme-picker-inline .theme-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){.theme-picker-inline .theme-grid{grid-template-columns:repeat(5,1fr)}}.theme-picker-inline .theme-swatch-preview{height:72px}@media (max-width: 640px){.theme-picker-panel{position:fixed;inset:auto 0 0;width:100%;max-height:80vh;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;transform:translateY(100%);overflow-y:auto}.theme-picker.is-open .theme-picker-panel{transform:translateY(0)}}