.fff-dissonance-lab-root{--ffd-bg:linear-gradient(180deg, #f7edd4 0%, #f1e3c3 100%);--ffd-panel:rgba(246, 234, 209, 0.9);--ffd-ink:#21323a;--ffd-muted:#3a4a50;--ffd-line:rgba(33, 50, 58, 0.22);--ffd-accent:#20384a;--ffd-hot:#a95d2b;--ffd-shadow:4px 4px 0 rgba(33, 50, 58, 0.14);color:var(--ffd-ink);font-family:"Segoe UI",Arial,sans-serif}.generator-disonanc-wrap,.fff-dissonance-lab-root{width:100%;max-width:100%}.fff-dissonance-lab-root *,.fff-dissonance-lab-root *::before,.fff-dissonance-lab-root *::after{box-sizing:border-box}.ffd-app{width:100%;max-width:980px;margin:0 auto;padding:20px;font-size:14px;background:var(--ffd-bg);border:1.5px solid var(--ffd-line);border-radius:22px;box-shadow:var(--ffd-shadow)}.ffd-header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-bottom:0}.ffd-header-main{display:grid;gap:0}.ffd-title{margin:0;color:var(--lab-text,var(--ffd-ink));font-family:var(--lab-font-display,"Segoe UI",Arial,sans-serif);font-size:clamp(1.35rem, 2.2vw, 1.7rem);line-height:1.05;font-weight:800;letter-spacing:-.03em}.ffd-header-actions{display:flex;align-items:center}.ffd-panel-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.ffd-panel-meta{display:flex;flex-wrap:wrap;gap:8px}.ffd-meta-pill{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:6px 10px;border:1px solid rgb(31 111 235 / .14);border-radius:999px;background:#f8fbff;color:var(--ffd-muted);font-size:.78rem;font-weight:700}.ffd-meta-pill strong{color:var(--ffd-accent);font-variant-numeric:tabular-nums}.ffd-panel-topbar .ffd-icon-btn{flex:0 0 auto}.ffd-stats--compact{margin-top:12px;gap:10px}.ffd-stats--compact .ffd-stat{padding:12px}.ffd-stats--compact .ffd-stat__value{font-size:1rem}.ffd-tabs,.ffd-buttons,.ffd-chord-readout{display:flex;flex-wrap:wrap;gap:10px}.ffd-tab,.ffd-btn{min-height:42px;padding:10px 14px;border-radius:14px;border:1px solid var(--ffd-line);background:#fff;color:var(--ffd-ink);font-size:.92rem;font-weight:700;cursor:pointer}.ffd-btn--primary{background:var(--ffd-accent);color:#fff;border-color:var(--ffd-accent);box-shadow:0 12px 24px rgb(31 111 235 / .22)}.ffd-btn--secondary{background:#f8fbff;color:var(--ffd-accent)}.ffd-btn--usage{width:auto}.ffd-icon-btn{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--ffd-accent);border-radius:12px;background:var(--ffd-accent);color:#fff;box-shadow:0 12px 24px rgb(31 111 235 / .22);cursor:pointer;font-size:1rem;line-height:1}.ffd-icon-btn:hover{filter:brightness(.96)}.ffd-usage{margin:0 0 12px;padding:12px 14px;border:1px solid var(--lab-border);border-radius:var(--lab-radius-xl);background:rgb(255 250 240 / .72);color:var(--lab-muted,var(--ffd-muted));line-height:1.55}.ffd-tabs,.fff-dissonance-lab-root .ffd-tabs.lab-tabs{display:flex;gap:8px!important;margin:0 0 14px!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}.ffd-tab,.fff-dissonance-lab-root .ffd-tab.lab-tab{appearance:none!important;-webkit-appearance:none!important;flex:1 1 0!important;min-height:var(--lab-btn-h)!important;padding:11px 14px!important;border:1px solid #e6c5c5!important;background:#f6e3e3!important;color:#8f6767!important;border-radius:0!important;box-shadow:none!important;letter-spacing:0.2px!important;font-size:0.9rem!important;font-weight:800!important;white-space:nowrap!important;text-transform:none!important}.ffd-tab:hover,.fff-dissonance-lab-root .ffd-tab.lab-tab:hover{background:#f2d0d0!important;border-color:#dcaaaa!important;color:#7a2424!important}.ffd-tab[aria-selected="true"],.fff-dissonance-lab-root .ffd-tab.lab-tab[aria-selected="true"]{background:linear-gradient(180deg,#d62c2c 0%,#ab1515 100%)!important;border-color:#911313!important;color:#fff!important;box-shadow:0 8px 20px rgb(171 21 21 / .24)!important}.ffd-tab[aria-selected="false"],.fff-dissonance-lab-root .ffd-tab.lab-tab[aria-selected="false"]{background:#f6e3e3!important;border-color:#e6c5c5!important;color:#8f6767!important;box-shadow:none!important}.ffd-panel{display:none}.ffd-panel.is-active{display:block}.ffd-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(280px,0.82fr);gap:18px}.ffd-card{background:var(--ffd-panel);border:1px solid rgb(216 223 235 / .92);border-radius:22px;padding:18px;box-shadow:0 8px 18px rgb(24 33 47 / .04)}.ffd-card h3,.ffd-card h4{margin:0 0 10px;line-height:1.25}.ffd-card h3{font-size:1.05rem}.ffd-card h4{font-size:.95rem}.ffd-card p{margin:0;color:var(--ffd-muted);font-size:.92rem;line-height:1.55}.ffd-controls,.ffd-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}.ffd-controls--inline{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}.ffd-control{display:flex;flex-direction:column;gap:8px}.ffd-control.is-hidden{display:none}.ffd-toggle-control{display:flex;align-items:center;gap:8px;min-height:42px;color:var(--ffd-ink);font-size:.86rem;font-weight:700}.ffd-toggle-control input{width:16px;height:16px;accent-color:var(--ffd-accent)}.ffd-control--full{grid-column:1 / -1}.ffd-label-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.ffd-label{font-weight:700;font-size:.86rem}.ffd-value{color:var(--ffd-accent);font-weight:700;font-variant-numeric:tabular-nums}.ffd-help{color:var(--ffd-muted);font-size:.8rem;line-height:1.45}.fff-dissonance-lab-root input[type="range"],.fff-dissonance-lab-root select{width:100%}.fff-dissonance-lab-root input[type="range"]{accent-color:var(--ffd-accent)}.fff-dissonance-lab-root select{min-height:42px;padding:8px 10px;border:1px solid var(--ffd-line);border-radius:14px;background:#fff;font-size:.9rem}.ffd-stat{padding:14px;border-radius:18px;background:#f8fbff;border:1px solid rgb(31 111 235 / .12)}.ffd-stat__label{display:block;color:var(--ffd-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.05em}.ffd-stat__value{margin-top:8px;font-size:1.15rem;font-weight:800;font-variant-numeric:tabular-nums}.ffd-canvas{width:100%;height:auto;display:block;background:linear-gradient(180deg,#ffffff 0%,#f6f8fc 100%);border:1px solid rgb(216 223 235 / .95);border-radius:18px}.ffd-canvas-wrap,.ffd-note,.ffd-match-list,.ffd-lesson-list,.ffd-valley-list,.ffd-subsection{margin-top:14px}.ffd-flow-section+.ffd-flow-section{margin-top:16px}.ffd-flow-label{margin:0 0 10px;color:var(--lab-muted,var(--ffd-muted));font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.ffd-subsection h4{margin:0 0 10px}.ffd-subsection--flush{margin-top:0}.ffd-didactic{display:grid;gap:10px;margin-bottom:14px}.ffd-didactic-block{padding:12px 14px;border:1px solid rgb(216 223 235 / .92);border-radius:16px;background:linear-gradient(180deg,#fffdf9 0%,#f7f9fc 100%)}.ffd-didactic-label{margin-bottom:6px;color:var(--lab-muted,var(--ffd-muted));font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.ffd-didactic-block p{margin:0;color:var(--ffd-ink);font-size:.88rem;line-height:1.5}.ffd-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ffd-mini-grid--tone{grid-template-columns:repeat(4,minmax(0,1fr))}.ffd-compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}.ffd-compare-card{padding:14px;border:1px solid rgb(216 223 235 / .92);border-radius:16px;background:linear-gradient(180deg,#fffdf9 0%,#f7f9fc 100%);cursor:pointer}.ffd-compare-card.is-active{border-color:rgb(31 111 235 / .42);box-shadow:0 10px 22px rgb(31 111 235 / .12);background:linear-gradient(180deg,#f8fbff 0%,#f2f7ff 100%)}.ffd-compare-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.ffd-compare-top h4{margin:0 0 6px}.ffd-compare-top p{font-size:.86rem}.ffd-mini-btn{min-height:38px;padding:8px 10px;border-radius:12px;border:1px solid var(--ffd-line);background:#fff;color:var(--ffd-ink);font-size:.84rem;font-weight:700;text-transform:none!important;letter-spacing:0!important;cursor:pointer}.ffd-mini-btn.is-active{border-color:var(--ffd-accent);background:rgb(31 111 235 / .1);color:var(--ffd-accent)}.ffd-note{padding:14px 16px;border-radius:16px;background:rgb(25 123 99 / .08);border:1px solid rgb(25 123 99 / .15);color:#245b50;font-size:.9rem;line-height:1.5}.ffd-note--theory{background:rgb(24 33 47 / .04);border-color:rgb(24 33 47 / .08);color:var(--ffd-ink)}.ffd-compact-list{margin:8px 0;padding-left:18px}.ffd-compact-list li{margin:4px 0;font-size:.9rem}.ffd-match-list,.ffd-lesson-list,.ffd-valley-list{padding-left:18px;color:var(--ffd-muted);line-height:1.55}.ffd-match-list li+li,.ffd-lesson-list li+li,.ffd-valley-list li+li{margin-top:8px}.ffd-chip,.ffd-inline-message{border-radius:999px;border:1px solid var(--ffd-line);background:#f5f7fb}.ffd-chip{padding:10px 12px;color:var(--ffd-ink);font-size:.82rem;font-weight:700}.ffd-inline-message{padding:16px;background:#fff4ea;border-color:#f0d3ba;color:#8b4e28}@media (max-width:900px){.ffd-grid{grid-template-columns:1fr}}@media (max-width:640px){.generator-disonanc-wrap,.fff-dissonance-lab-root{width:calc(100vw - 24px);max-width:none;margin-left:calc(50% - 50vw + 12px);margin-right:calc(50% - 50vw + 12px)}.ffd-app{max-width:none;padding:0;background:#fff0;border:0;border-radius:0;box-shadow:none}.ffd-controls,.ffd-stats{grid-template-columns:1fr}.ffd-controls--inline{grid-template-columns:1fr 1fr}.ffd-card{padding:14px;border-radius:18px}.ffd-panel-topbar{align-items:flex-start}.ffd-panel-meta{gap:6px}.ffd-meta-pill{min-height:30px;padding:5px 8px;font-size:.74rem}.ffd-btn{width:100%}.ffd-mini-grid{grid-template-columns:1fr}.ffd-mini-grid--tone{grid-template-columns:repeat(2,minmax(0,1fr))}.ffd-compare-grid{grid-template-columns:1fr}.ffd-tab,.fff-dissonance-lab-root .ffd-tab.lab-tab{padding:10px 8px!important;white-space:normal!important}}.fff-dissonance-lab-root .ffd-meta-pill,.fff-dissonance-lab-root .ffd-card,.fff-dissonance-lab-root .ffd-stat,.fff-dissonance-lab-root .ffd-spectrum,.fff-dissonance-lab-root .ffd-stage,.fff-dissonance-lab-root .ffd-compare-card,.fff-dissonance-lab-root .ffd-mini-card{background:rgb(246 234 209 / .88)!important;border-color:rgb(33 50 58 / .22)!important;box-shadow:3px 3px 0 rgb(33 50 58 / .1)!important}.fff-dissonance-lab-root .ffd-tab,.fff-dissonance-lab-root .ffd-btn,.fff-dissonance-lab-root .ffd-tab.lab-tab{background:rgb(247 237 212 / .88)!important;border-color:rgb(33 50 58 / .24)!important;color:#21323a!important;box-shadow:2px 2px 0 rgb(33 50 58 / .1)!important}.fff-dissonance-lab-root .ffd-btn--primary,.fff-dissonance-lab-root .ffd-tab.lab-tab[aria-selected="true"],.fff-dissonance-lab-root .ffd-tab.lab-tab.lab-tab--active{background:#20384a!important;border-color:#21323a!important;color:#f7edd4!important;box-shadow:3px 3px 0 rgb(33 50 58 / .18)!important}.fff-dissonance-lab-root .ffd-btn--ghost,.fff-dissonance-lab-root .ffd-btn--secondary,.fff-dissonance-lab-root .ffd-tab.lab-tab[aria-selected="false"]{background:rgb(234 215 178 / .86)!important}