.harmonization-studio{display:grid;gap:1rem;margin:1rem 0 2rem}.harmonization-hero,.harmonization-panel{border:1px solid var(--line,#333);border-radius:18px;background:var(--panel,#151515);padding:1.15rem}.harmonization-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr);gap:1rem}.harmonization-hero h2{margin:.2rem 0 .55rem;font-size:clamp(1.7rem,4vw,3rem)}.harmonization-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.harmonization-metric{border:1px solid var(--line,#333);border-radius:14px;padding:.8rem;background:rgba(255,255,255,.025)}.harmonization-metric span{display:block;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;opacity:.72}.harmonization-metric strong{display:block;font-size:1.55rem;margin-top:.25rem}.harmonization-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.harmonization-row{border:1px solid var(--line,#333);border-radius:12px;padding:.75rem}.harmonization-row strong,.harmonization-row small{display:block}.harmonization-row small{opacity:.72;margin-top:.25rem}.harmonization-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;align-items:end}.harmonization-form label{display:grid;gap:.35rem}.harmonization-form select{width:100%}.harmonization-output{display:grid;gap:.6rem;margin-top:1rem}.harmonization-result{padding:.8rem;border-left:3px solid #8b1e3f;background:rgba(139,30,63,.08)}.harmonization-result.is-compatible{border-left-color:#4c956c}.harmonization-boundaries{margin:0;padding-left:1.2rem}.harmonization-boundaries li+li{margin-top:.35rem}@media(max-width:800px){.harmonization-hero,.harmonization-grid,.harmonization-form{grid-template-columns:1fr}}
