.style-tag.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.error-msg{margin-top:.75rem;padding:.75rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:.5rem;color:#f87171;font-size:.875rem;line-height:1.5}.library-section{padding:3rem 0;border-top:1px solid var(--color-border)}.library-header{text-align:center;margin-bottom:2rem}.library-header h2{font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.library-subtitle{color:var(--color-text-muted);font-size:.9375rem;margin-bottom:1.25rem}.library-controls{display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap}.lib-ctrl-btn{padding:.5rem 1rem;border-radius:2rem;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:.8125rem;cursor:pointer;transition:all .2s}.lib-ctrl-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.lib-ctrl-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.remaining-badge{font-size:.75rem;color:var(--color-text-muted);background:var(--color-surface);padding:.375rem .75rem;border-radius:2rem;border:1px solid var(--color-border)}.library-list{display:flex;flex-direction:column;gap:.25rem;max-height:480px;overflow-y:auto;border-radius:.75rem;border:1px solid var(--color-border);background:var(--color-surface)}.library-empty,.library-loading{padding:2rem;text-align:center;color:var(--color-text-muted);font-size:.875rem}.track-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;transition:background .15s;border-bottom:1px solid rgba(255,255,255,.04)}.track-item:last-child{border-bottom:none}.track-item:hover{background:#6366f10d}.track-item.playing{background:#6366f11a;border-left:3px solid var(--color-primary)}.track-play-btn{width:2rem;height:2rem;border-radius:50%;border:none;background:var(--color-primary);color:#fff;font-size:.75rem;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:transform .15s}.track-play-btn:hover{transform:scale(1.1)}.track-info{display:flex;flex-direction:column;gap:.25rem;min-width:0}.track-title{font-size:.875rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-meta{font-size:.75rem;color:var(--color-text-muted)}.gen-options[data-astro-cid-j7pv25f6]{margin:.75rem 0;display:flex;gap:1rem}.option-label[data-astro-cid-j7pv25f6]{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-text-muted);cursor:pointer}.gen-note[data-astro-cid-j7pv25f6]{font-size:.75rem;color:var(--color-text-muted);margin-top:.5rem}.gen-note[data-astro-cid-j7pv25f6] a[data-astro-cid-j7pv25f6]{color:var(--color-primary);text-decoration:underline}.how-it-works[data-astro-cid-j7pv25f6]{padding:3rem 0}.how-it-works[data-astro-cid-j7pv25f6] h2[data-astro-cid-j7pv25f6]{font-size:1.75rem;font-weight:700;margin-bottom:2rem;text-align:center}.steps[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;text-align:center}.step-number[data-astro-cid-j7pv25f6]{display:inline-flex;width:2.5rem;height:2.5rem;align-items:center;justify-content:center;background:var(--color-primary);color:#fff;border-radius:50%;font-weight:700;margin-bottom:.75rem}.step[data-astro-cid-j7pv25f6] h3[data-astro-cid-j7pv25f6]{font-size:1rem;margin-bottom:.5rem}.step[data-astro-cid-j7pv25f6] p[data-astro-cid-j7pv25f6]{font-size:.875rem;color:var(--color-text-muted)}.section-subtitle[data-astro-cid-j7pv25f6]{text-align:center;color:var(--color-text-muted);margin-top:-1rem;margin-bottom:1.5rem}.style-card-icon[data-astro-cid-j7pv25f6]{font-size:1.5rem;display:block;margin-bottom:.5rem}.use-cases-section[data-astro-cid-j7pv25f6]{padding:3rem 0}.use-cases-section[data-astro-cid-j7pv25f6] h2[data-astro-cid-j7pv25f6]{font-size:1.75rem;font-weight:700;margin-bottom:2rem;text-align:center}.use-cases-grid[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.use-case-card[data-astro-cid-j7pv25f6]{padding:1.25rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:.75rem}.use-case-card[data-astro-cid-j7pv25f6] h3[data-astro-cid-j7pv25f6]{font-size:.9375rem;font-weight:600;margin-bottom:.5rem}.use-case-card[data-astro-cid-j7pv25f6] p[data-astro-cid-j7pv25f6]{font-size:.8125rem;color:var(--color-text-muted);line-height:1.5}.comparison[data-astro-cid-j7pv25f6]{padding:3rem 0}.comparison[data-astro-cid-j7pv25f6] h2[data-astro-cid-j7pv25f6]{font-size:1.75rem;font-weight:700;margin-bottom:2rem;text-align:center}.comparison-table-wrapper[data-astro-cid-j7pv25f6]{overflow-x:auto}.comparison-table[data-astro-cid-j7pv25f6]{width:100%;border-collapse:collapse;font-size:.875rem}.comparison-table[data-astro-cid-j7pv25f6] th[data-astro-cid-j7pv25f6],.comparison-table[data-astro-cid-j7pv25f6] td[data-astro-cid-j7pv25f6]{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--color-border)}.comparison-table[data-astro-cid-j7pv25f6] th[data-astro-cid-j7pv25f6]{font-weight:600;color:var(--color-text-muted)}.comparison-table[data-astro-cid-j7pv25f6] .highlight[data-astro-cid-j7pv25f6]{background:#6366f10d;color:var(--color-primary);font-weight:600}@media(max-width:768px){.steps[data-astro-cid-j7pv25f6]{grid-template-columns:1fr}}