body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);color:#f0f0f0}.page.svelte-rhwylf{max-width:1400px;margin:0 auto;padding:2rem clamp(1rem,4vw,3rem);display:flex;flex-direction:column;gap:2rem}.breadcrumb.svelte-rhwylf{display:flex;align-items:center;gap:.5rem;font-size:.9rem}.breadcrumb.svelte-rhwylf a:where(.svelte-rhwylf){color:#5fc4b8;text-decoration:none}.breadcrumb.svelte-rhwylf a:where(.svelte-rhwylf):hover{text-decoration:underline}.separator.svelte-rhwylf{color:#6b7280}.current.svelte-rhwylf{color:#b0b0b0}.hero.svelte-rhwylf{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;flex-wrap:wrap}.producer-info.svelte-rhwylf{flex:1;min-width:300px}.cluster-badge.svelte-rhwylf{display:inline-block;padding:.5rem 1rem;border-radius:2rem;font-size:.85rem;font-weight:600;margin-bottom:1rem;border:1px solid}h1.svelte-rhwylf{margin:0 0 .5rem;font-size:clamp(2rem,5vw,3rem);background:linear-gradient(135deg,#5fc4b8,#4db8ac,#3aa89c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.section-name.svelte-rhwylf{margin:0;font-size:1.25rem;color:#b0b0b0}.producer-selector.svelte-rhwylf{display:flex;flex-direction:column;gap:.5rem;min-width:250px}.producer-selector.svelte-rhwylf label:where(.svelte-rhwylf){font-size:.85rem;color:#9ca3af;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.producer-selector.svelte-rhwylf select:where(.svelte-rhwylf){padding:.75rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:.5rem;color:#f0f0f0;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.producer-selector.svelte-rhwylf select:where(.svelte-rhwylf):hover{background:#ffffff14;border-color:#5fc4b8}.producer-selector.svelte-rhwylf select:where(.svelte-rhwylf):focus{outline:none;border-color:#5fc4b8;box-shadow:0 0 0 3px #5fc4b81a}.producer-selector.svelte-rhwylf select:where(.svelte-rhwylf) option:where(.svelte-rhwylf),.producer-selector.svelte-rhwylf select:where(.svelte-rhwylf) optgroup:where(.svelte-rhwylf){background:#1a1a1a;color:#f0f0f0;padding:.5rem}.producer-selector.svelte-rhwylf select:where(.svelte-rhwylf) optgroup:where(.svelte-rhwylf){font-weight:700;color:#5fc4b8}.intro-panel.svelte-rhwylf{background:linear-gradient(135deg,#5fc4b81a,#7dd3c91a);border:1px solid rgba(95,196,184,.3);border-radius:1rem;padding:1.5rem}.intro-panel.svelte-rhwylf h2:where(.svelte-rhwylf){margin:0 0 1rem;color:#5fc4b8;font-size:1.5rem}.intro-panel.svelte-rhwylf p:where(.svelte-rhwylf){margin:0 0 1rem;line-height:1.6;color:#e0e0e0}.intro-panel.svelte-rhwylf p:where(.svelte-rhwylf):last-child{margin-bottom:0}.intro-panel.svelte-rhwylf .listening-points:where(.svelte-rhwylf){margin:0;padding-left:1.5rem;color:#e0e0e0}.intro-panel.svelte-rhwylf .listening-points:where(.svelte-rhwylf) li:where(.svelte-rhwylf){padding:.25rem 0;line-height:1.6}.suggestions-panel.svelte-rhwylf,.annotation-panel.svelte-rhwylf{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:1rem;margin:2rem 0;padding:0}.suggestions-panel.svelte-rhwylf summary:where(.svelte-rhwylf),.annotation-panel.svelte-rhwylf summary:where(.svelte-rhwylf){cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none;padding:1.5rem}.suggestions-panel.svelte-rhwylf summary:where(.svelte-rhwylf)::-webkit-details-marker,.annotation-panel.svelte-rhwylf summary:where(.svelte-rhwylf)::-webkit-details-marker{display:none}.suggestions-panel.svelte-rhwylf summary:where(.svelte-rhwylf) h3:where(.svelte-rhwylf),.annotation-panel.svelte-rhwylf summary:where(.svelte-rhwylf) h3:where(.svelte-rhwylf){display:inline-block;margin:0;color:#7dd3c9;font-size:1.25rem;transition:color .2s ease}.suggestions-panel.svelte-rhwylf summary:where(.svelte-rhwylf) h3:where(.svelte-rhwylf):after,.annotation-panel.svelte-rhwylf summary:where(.svelte-rhwylf) h3:where(.svelte-rhwylf):after{content:" ▼";font-size:.8em;margin-left:.5rem;color:#7dd3c9}.suggestions-panel[open].svelte-rhwylf summary:where(.svelte-rhwylf) h3:where(.svelte-rhwylf):after,.annotation-panel[open].svelte-rhwylf summary:where(.svelte-rhwylf) h3:where(.svelte-rhwylf):after{content:" ▲"}.suggestions-panel.svelte-rhwylf summary:where(.svelte-rhwylf):hover h3:where(.svelte-rhwylf),.annotation-panel.svelte-rhwylf summary:where(.svelte-rhwylf):hover h3:where(.svelte-rhwylf){color:#5fc4b8}.suggestions-content.svelte-rhwylf{padding:0 1.5rem 1.5rem;border-top:1px solid rgba(255,255,255,.1)}.suggestions-content.svelte-rhwylf ul:where(.svelte-rhwylf){margin:0;padding-left:1.5rem;color:#e0e0e0}.suggestions-content.svelte-rhwylf li:where(.svelte-rhwylf){padding:.5rem 0;line-height:1.6}.presets-section.svelte-rhwylf{margin:2rem 0}.presets-section.svelte-rhwylf h3:where(.svelte-rhwylf){margin:0 0 1rem;color:#7dd3c9;font-size:1.25rem}.presets-grid.svelte-rhwylf{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.preset-card.svelte-rhwylf{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:.75rem;padding:1.25rem;text-align:left;cursor:pointer;transition:all .3s ease;color:inherit}.preset-card.svelte-rhwylf:hover{background:#ffffff14;border-color:#5fc4b8;transform:translateY(-2px)}.preset-card.active.svelte-rhwylf{background:#5fc4b833;border-color:#5fc4b8}.preset-card.svelte-rhwylf h4:where(.svelte-rhwylf){margin:0 0 .5rem;font-size:1.1rem;color:#f0f0f0}.preset-card.svelte-rhwylf p:where(.svelte-rhwylf){margin:0;font-size:.9rem;color:#b0b0b0;line-height:1.5}.annotations.svelte-rhwylf{padding:0 1.5rem 1.5rem;border-top:1px solid rgba(255,255,255,.1);display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.annotation.svelte-rhwylf{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:.75rem;padding:1.5rem}.annotation.svelte-rhwylf h4:where(.svelte-rhwylf){margin:0 0 .75rem;color:#a78bfa;font-size:1.1rem}.annotation.svelte-rhwylf p:where(.svelte-rhwylf){margin:0;line-height:1.6;color:#d0d0d0}.annotation.svelte-rhwylf strong:where(.svelte-rhwylf){color:#c4b5fd}@media(max-width:768px){.page.svelte-rhwylf{padding:1.5rem 1rem}.hero.svelte-rhwylf{flex-direction:column}.producer-selector.svelte-rhwylf{width:100%}.annotations.svelte-rhwylf{grid-template-columns:1fr}}