.theme-link{color:var(--muted);text-decoration:none}.theme-link:hover{color:var(--accent)}.theme-settings{margin-bottom:1rem;max-width:52rem;overflow:hidden}.theme-options{display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);padding:1.2rem}.theme-option{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius,4px);color:var(--text);cursor:pointer;display:grid;gap:.35rem;padding:1.2rem;text-align:left}.theme-option span{color:var(--accent);font-size:1.5rem}.theme-option b{font-size:.9rem}.theme-option small{color:var(--muted)}.theme-option.active{background:color-mix(in srgb,var(--accent) 10%,var(--surface));border-color:var(--accent)}.theme-swatches{display:grid;gap:.75rem;grid-template-columns:repeat(6,minmax(0,1fr));padding:1.2rem}.theme-swatch{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius,4px);color:var(--text);cursor:pointer;display:flex;gap:.6rem;padding:.7rem;text-align:left}.theme-swatch span{background:var(--swatch);border:1px solid var(--border);border-radius:999px;height:1.15rem;width:1.15rem}.theme-swatch b{font-size:.8125rem;font-weight:500}.theme-swatch.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.theme-radius-list{display:grid;gap:.75rem;grid-template-columns:repeat(5,minmax(0,1fr));padding:1.2rem}.theme-radius{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius,4px);color:var(--text);cursor:pointer;display:flex;gap:.6rem;padding:.7rem}.theme-radius span{background:color-mix(in srgb,var(--accent) 12%,var(--surface));border:1px solid var(--accent);border-radius:var(--sample-radius);height:1.7rem;width:1.7rem}.theme-radius b{font-size:.8125rem}.theme-radius.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.settings-summary{display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:1rem}.settings-summary-card{padding:1rem}.settings-summary-card span,.settings-summary-card small{color:var(--muted);display:block;font-size:.8125rem}.settings-summary-card strong{display:block;font-size:1.25rem;margin:.25rem 0}.settings-grid{display:grid;gap:1rem;grid-template-columns:1fr 1fr}.settings-panel{padding:1.2rem}.settings-toggle{align-items:center;border-top:1px solid var(--border);display:flex;gap:1rem;justify-content:space-between;padding:1rem 0}.settings-toggle:first-of-type{border-top:0}.settings-toggle b,.settings-toggle small{display:block}.settings-toggle small{color:var(--muted);font-size:.8125rem;margin-top:.2rem}.settings-toggle input{accent-color:var(--accent);height:1.1rem;width:1.1rem}.settings-row{border-top:1px solid var(--border);display:flex;justify-content:space-between;padding:.8rem 0}.settings-row:first-of-type{border-top:0}.settings-row span{color:var(--muted)}.settings-row b{font-weight:600}@media(max-width:900px){.theme-swatches{grid-template-columns:repeat(3,1fr)}.theme-radius-list{grid-template-columns:repeat(3,1fr)}.settings-summary,.settings-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.theme-options,.theme-swatches,.theme-radius-list,.settings-summary,.settings-grid{grid-template-columns:1fr}}
.theme-drawer-backdrop{background:rgba(15,23,42,.28);inset:0;position:fixed;z-index:90}.theme-drawer{background:var(--bg);border-left:1px solid var(--border);box-shadow:-1rem 0 2rem rgba(24,36,51,.16);display:flex;flex-direction:column;gap:1rem;inset:0 0 0 auto;max-width:min(42rem,calc(100vw - 1rem));overflow:auto;padding:1rem;position:fixed;width:42rem;z-index:91}.theme-drawer-header{align-items:flex-start;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius,4px);display:flex;justify-content:space-between;padding:1rem}.theme-drawer-header h2{font-size:1.15rem;margin:.15rem 0 0}.theme-settings-panel.compact .theme-settings{max-width:none}.theme-settings-panel.compact .theme-options{gap:.65rem;grid-template-columns:repeat(3,minmax(0,1fr));padding:.9rem}.theme-settings-panel.compact .theme-option{padding:.85rem}.theme-settings-panel.compact .theme-option span{font-size:1rem}.theme-settings-panel.compact .theme-swatches{grid-template-columns:repeat(4,minmax(0,1fr));padding:.9rem}.theme-settings-panel.compact .theme-radius-list{grid-template-columns:repeat(5,minmax(0,1fr));padding:.9rem}@media(max-width:600px){.theme-drawer{max-width:100vw;width:100vw}.theme-settings-panel.compact .theme-options,.theme-settings-panel.compact .theme-swatches,.theme-settings-panel.compact .theme-radius-list{grid-template-columns:1fr 1fr}}
