*{box-sizing:border-box}:root{--bg:#0d0714;--panel:#191023;--panel2:#251733;--line:#402d52;--text:#f8f2ff;--muted:#b9a9c8;--yellow:#ffd43b;--purple:#9b5cff;--green:#45d69a;--red:#ff7288}
html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 8% 0,rgba(155,92,255,.18),transparent 28rem),radial-gradient(circle at 100% 18%,rgba(255,212,59,.08),transparent 32rem),var(--bg);color:var(--text);font:16px/1.48 Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
button,input,select,textarea{font:inherit}.topbar,.shell,footer{max-width:1220px;margin:auto;padding-left:24px;padding-right:24px}.topbar{padding-top:40px;padding-bottom:25px;display:flex;justify-content:space-between;gap:25px;align-items:flex-start}
.eyebrow{margin:0;color:var(--yellow);font-size:.76rem;font-weight:900;letter-spacing:.18em}h1{font-size:clamp(2.1rem,5vw,4.3rem);line-height:1;margin:.35rem 0 .8rem}h1 span{display:block;color:var(--yellow);font-size:.4em;margin-top:.65rem}.subtitle{max-width:760px;color:var(--muted);font-size:1.05rem;margin:0}.privacy{border:1px solid rgba(69,214,154,.36);background:rgba(69,214,154,.08);color:#aef2d5;border-radius:999px;padding:11px 15px;white-space:nowrap}
.shell{padding-bottom:70px}.steps{position:sticky;top:0;z-index:20;display:flex;gap:8px;overflow:auto;padding:11px;background:rgba(13,7,20,.9);backdrop-filter:blur(15px);border:1px solid var(--line);border-radius:17px}.steps a{color:var(--muted);text-decoration:none;white-space:nowrap;padding:8px 12px;border-radius:10px;font-weight:800;font-size:.88rem}.steps a:hover{background:var(--panel2);color:white}
.card{margin:18px 0;padding:25px;border:1px solid var(--line);border-radius:23px;background:linear-gradient(180deg,rgba(36,23,50,.97),rgba(24,15,34,.97));box-shadow:0 20px 55px rgba(0,0,0,.28)}.heading{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:9px}.heading>div{display:flex;align-items:center;gap:12px}.heading b{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--yellow);color:#1d1322}.heading h2{margin:0;font-size:1.45rem}.heading>span{border:1px solid var(--line);border-radius:999px;padding:7px 11px;color:var(--muted);font-size:.8rem}.intro{margin:0 0 20px;color:var(--muted)}
.upload{padding:34px;text-align:center;border:2px dashed #5b456d;border-radius:20px;background:rgba(255,255,255,.015)}.upload.drag{border-color:var(--yellow);background:rgba(255,212,59,.06)}.upload p{margin:14px 0 3px}.upload small,.legend,.control small,.toggle small,.coverBox small{color:var(--muted)}
.primary,.secondary,.preset{border:0;border-radius:13px;padding:12px 16px;font-weight:850;cursor:pointer}.primary{background:var(--yellow);color:#201425;box-shadow:0 8px 22px rgba(255,212,59,.17)}.primary:disabled{opacity:.42;cursor:not-allowed}.secondary{background:#2d1e3c;color:var(--text);border:1px solid #523b68}.secondary:hover{border-color:var(--purple)}.big{font-size:1rem;padding:15px 22px}
#waveform{display:block;width:100%;height:255px;background:#0c0711;border:1px solid #3e2c4f;border-radius:18px;margin-top:20px;touch-action:none}.legend{font-size:.78rem}.transport{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.transport>span{margin-left:auto;color:var(--muted)}.transport strong{color:white}
.stats{display:grid;grid-template-columns:repeat(6,1fr);gap:11px;margin-top:18px}.stats article{padding:15px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.025)}.stats small{display:block;color:var(--muted)}.stats strong{display:block;font-size:1.22rem;margin:4px 0}.stats em{display:block;color:#8f7fa0;font-size:.7rem;font-style:normal}
.grid{display:grid;gap:15px}.grid.two{grid-template-columns:repeat(2,1fr)}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.four{grid-template-columns:repeat(4,1fr)}.control{display:flex;flex-direction:column;gap:7px;padding:14px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.025)}.control>span{font-weight:800}.control output{float:right;color:#ffe77d}.control input,.control select,.control textarea{width:100%;padding:10px;border:1px solid #503a64;border-radius:10px;background:#100a17;color:white;outline:none}.control input[type=range]{padding:0;accent-color:var(--yellow)}.control input:focus,.control select:focus,.control textarea:focus{border-color:var(--yellow)}
.toggle{display:flex;gap:11px;align-items:flex-start;padding:15px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.025)}.toggle input{width:20px;height:20px;accent-color:var(--yellow)}.toggle span{display:flex;flex-direction:column;gap:4px}
.presets{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-bottom:17px}.preset{text-align:left;background:#291b37;color:white;border:1px solid var(--line)}.preset strong,.preset small{display:block}.preset small{color:var(--muted);margin-top:4px}.preset.active{border-color:var(--yellow);box-shadow:inset 0 0 0 1px var(--yellow);background:rgba(255,212,59,.08)}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.compare{display:grid;grid-template-columns:1.3fr auto auto auto;gap:15px;align-items:center;padding:17px;margin-top:19px;border:1px solid var(--line);border-radius:17px;background:#0f0915}.compare small{display:block;color:var(--muted);margin-top:4px}.compareBtns{display:flex;gap:6px;flex-wrap:wrap}.sourceBtn.active{background:var(--yellow);color:#1f1424;border-color:var(--yellow)}.inline{color:var(--muted);font-size:.85rem}.inline input{accent-color:var(--yellow)}
.notice{padding:14px 16px;margin-top:16px;border-radius:14px;border:1px solid}.notice.info{color:#dbcaff;background:rgba(155,92,255,.08);border-color:rgba(155,92,255,.35)}.notice.warning{color:#fff0a2;background:rgba(255,212,59,.08);border-color:rgba(255,212,59,.35)}.notice.success{color:#b0f2d7;background:rgba(69,214,154,.08);border-color:rgba(69,214,154,.35)}.notice.error{color:#ffc1ca;background:rgba(255,114,136,.08);border-color:rgba(255,114,136,.35)}
.metadataLayout{display:grid;grid-template-columns:1fr 255px;gap:17px}.wide{grid-column:1/-1}.coverBox{padding:15px;border:1px solid var(--line);border-radius:17px;display:flex;flex-direction:column;gap:11px}.coverPreview{aspect-ratio:1;display:grid;place-items:center;overflow:hidden;border:1px dashed #5a456b;border-radius:15px;background:#0f0915;color:var(--muted)}.coverPreview img{width:100%;height:100%;object-fit:cover}
.preflight{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:18px 0}.preflight div{padding:11px;border:1px solid var(--line);border-radius:11px;background:#100a17;color:var(--muted);font-size:.83rem}.preflight div.ok{color:#aef2d5;border-color:rgba(69,214,154,.35)}.progress{margin-top:17px}.progress>div{height:10px;overflow:hidden;border:1px solid var(--line);border-radius:99px;background:#100a17}.progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--purple),var(--yellow));transition:width .2s}.progress p{color:var(--muted);font-size:.82rem}
footer{padding-bottom:50px;color:var(--muted);font-size:.82rem}footer p{margin:4px 0}
@media(max-width:980px){.topbar{flex-direction:column}.stats{grid-template-columns:repeat(3,1fr)}.grid.four{grid-template-columns:repeat(2,1fr)}.grid.three{grid-template-columns:1fr}.presets{grid-template-columns:repeat(3,1fr)}.compare{grid-template-columns:1fr}.metadataLayout{grid-template-columns:1fr}.coverBox{max-width:320px}}
@media(max-width:650px){.topbar,.shell,footer{padding-left:14px;padding-right:14px}.topbar{padding-top:25px}.card{padding:17px}.heading{align-items:flex-start}.heading>span{max-width:44%;text-align:right}.stats,.grid.two,.grid.four,.preflight{grid-template-columns:1fr}.presets{grid-template-columns:1fr 1fr}.transport>span{width:100%;margin:3px 0 0}#waveform{height:205px}.upload{padding:23px 13px}}


/* Version 0.3: Vergleich direkt am Player */
.quickCompare{display:grid;grid-template-columns:1.2fr auto auto;gap:14px;align-items:center;margin-top:12px;padding:14px 16px;border-radius:16px;background:#100a17;border:1px solid var(--line)}
.quickCompare[hidden]{display:none}
.quickCompare>div:first-child{display:flex;flex-direction:column;gap:3px}
.quickCompare small{color:var(--muted)}
.quickCompare .sourceBtn.active{background:var(--yellow);color:#1b1221;border-color:var(--yellow)}
.control output{float:right;color:var(--yellow2);font-weight:850}
.control input[type="range"]{padding:0;accent-color:var(--yellow)}
@media(max-width:760px){.quickCompare{grid-template-columns:1fr}.quickCompare .compareBtns{display:flex;flex-wrap:wrap}}

.diagnosticHint{
  grid-column:1/-1;
  margin:0;
  color:var(--muted);
  font-size:.78rem;
  line-height:1.4;
}
#diagnosticButton.active{
  background:#6d3b83;
  color:#fff;
  border-color:#b87bd3;
}

.playbackStatus{margin:.65rem 0 0;padding:.65rem .85rem;border-radius:.75rem;font-size:.92rem;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05)}
.playbackStatus.success{border-color:rgba(63,214,150,.45);background:rgba(63,214,150,.10)}
.playbackStatus.warning{border-color:rgba(255,194,75,.45);background:rgba(255,194,75,.10)}
.playbackStatus.error{border-color:rgba(255,92,112,.55);background:rgba(255,92,112,.12)}

/* Version 0.5.2: echte musikalische Analyse und dauerhaft sichtbares A/B-Interface */
.musicalAnalysis{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-top:11px}
.musicalAnalysis article{padding:16px;border:1px solid rgba(255,212,59,.24);border-radius:15px;background:linear-gradient(180deg,rgba(255,212,59,.055),rgba(255,255,255,.018))}
.musicalAnalysis small,.musicalAnalysis span,.musicalAnalysis em{display:block}
.musicalAnalysis small{color:var(--yellow);font-weight:900;letter-spacing:.03em}
.musicalAnalysis span{color:var(--muted);font-size:.78rem;margin-top:6px}
.musicalAnalysis strong{display:block;font-size:1.38rem;margin:2px 0 4px}
.musicalAnalysis em{color:#8f7fa0;font-size:.7rem;font-style:normal}
.sourceBtn:disabled{opacity:.42;cursor:not-allowed}
@media(max-width:980px){.musicalAnalysis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.musicalAnalysis{grid-template-columns:1fr}}


/* Version 0.5.6: sichtbarer A/B-Unterschied und echte Artefakt-Ereignisse */
.activeCompareMode{color:var(--yellow)!important;font-weight:900;margin-top:2px}
.diagnosticMeters{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.diagnosticMeter{padding:12px 13px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.025);transition:border-color .15s,background .15s,box-shadow .15s}
.diagnosticMeter>div:first-child{display:flex;justify-content:space-between;gap:12px;align-items:center}
.diagnosticMeter>div:first-child span{color:var(--muted);font-size:.78rem;text-align:right}
.diagnosticMeter small{display:block;margin-top:6px;font-size:.74rem}
.meterRail{height:9px;margin-top:9px;border-radius:99px;overflow:hidden;background:#09060d;border:1px solid #3e2c4f}
.meterRail i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--purple),var(--yellow));transition:width .08s linear}
.repairMeter .meterRail i{background:linear-gradient(90deg,#ffb14d,#ff5f6d)}
.repairMeter.hit{border-color:#ff914d;background:rgba(255,145,77,.10);box-shadow:0 0 0 2px rgba(255,145,77,.12)}
@media(max-width:760px){.diagnosticMeters{grid-template-columns:1fr}.diagnosticMeter>div:first-child{align-items:flex-start;flex-direction:column;gap:2px}.diagnosticMeter>div:first-child span{text-align:left}}

/* Version 0.5.7: ehrlicher A/B-Vergleich mit Frequenzspektrum */
.quickCompare .honestMatch{grid-column:1/-1;display:flex;align-items:center;gap:8px;color:#f5edff;font-weight:750}
.matchStatus{grid-column:1/-1;color:#b9a9c8;font-size:.78rem}
.diagnosticFacts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}
.diagnosticFacts article{padding:13px 14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025);transition:.18s}
.diagnosticFacts small,.diagnosticFacts strong,.diagnosticFacts em{display:block}
.diagnosticFacts small{color:var(--muted)}
.diagnosticFacts strong{margin:4px 0;font-size:1rem}
.diagnosticFacts em{color:#8f7fa0;font-size:.72rem;font-style:normal}
#repairMonitor.hit{border-color:#ff914d;background:rgba(255,145,77,.10);box-shadow:0 0 0 2px rgba(255,145,77,.12)}
.spectrumPanel{margin-top:14px;padding:16px;border:1px solid var(--line);border-radius:17px;background:#0c0711}
.spectrumHeading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:10px}
.spectrumHeading>div{display:flex;flex-direction:column;gap:3px}
.spectrumHeading small{color:var(--muted)}
#spectrumStatus{color:#ffe77d;font-size:.8rem;text-align:right}
#spectrumCanvas{display:block;width:100%;height:360px;border:1px solid #382849;border-radius:13px;background:#09060d}
.spectrumLegend{display:flex;flex-wrap:wrap;gap:16px;margin-top:10px;color:var(--muted);font-size:.78rem}
.spectrumLegend span{display:flex;align-items:center;gap:6px}
.spectrumLegend i{width:22px;height:3px;border-radius:99px;display:inline-block}
.legendOriginal{background:#d4d0da}.legendMaster{background:#9b5cff}.legendDifference{background:#ffd43b}
.spectrumSummary{margin-top:10px;padding:10px 12px;border-radius:11px;background:rgba(255,212,59,.06);border:1px solid rgba(255,212,59,.18);color:#f4e9ff;font-size:.86rem}
@media(max-width:760px){.diagnosticFacts{grid-template-columns:1fr}.spectrumHeading{flex-direction:column}.spectrumHeading #spectrumStatus{text-align:left}#spectrumCanvas{height:300px}}

/* Version 0.5.9: mathematisch begründete, rein messende Adaptive Songdiagnose */
.adaptiveDiagnosis{margin-top:16px;padding:17px;border:1px solid rgba(69,214,154,.28);border-radius:18px;background:linear-gradient(180deg,rgba(69,214,154,.045),rgba(255,255,255,.018))}
.adaptiveHeading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.adaptiveHeading>div{display:flex;flex-direction:column;gap:4px}.adaptiveHeading strong{font-size:1.08rem}.adaptiveHeading small,.adaptiveHeading>span{color:var(--muted);font-size:.78rem}.adaptiveHeading>span{padding:6px 10px;border:1px solid var(--line);border-radius:999px;white-space:nowrap}.adaptiveProgress{height:8px;margin-top:12px;border:1px solid #3e2c4f;border-radius:99px;overflow:hidden;background:#09060d}.adaptiveProgress i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--green),var(--yellow));transition:width .18s}.adaptiveDisclaimer{margin:10px 0 13px;color:#b6eed7;font-size:.8rem}
.adaptiveScores{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.adaptiveScores article{padding:13px 14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}.adaptiveScores small,.adaptiveScores strong,.adaptiveScores em{display:block}.adaptiveScores small{color:var(--muted)}.adaptiveScores strong{font-size:1.25rem;margin:4px 0}.adaptiveScores em{font-style:normal;color:#8f7fa0;font-size:.72rem;line-height:1.35}
.adaptiveBandPanel{margin-top:13px;padding:13px;border:1px solid var(--line);border-radius:15px;background:#0b0710}.adaptiveBandHeading{display:flex;justify-content:space-between;gap:12px;margin-bottom:9px}.adaptiveBandHeading span{color:#ffe77d;font-size:.76rem;text-align:right}#adaptiveBandsCanvas{display:block;width:100%;height:280px;border:1px solid #382849;border-radius:12px;background:#09060d}.adaptiveBandLegend{display:flex;gap:18px;flex-wrap:wrap;margin-top:8px;color:var(--muted);font-size:.72rem}.adaptiveBandLegend span{display:flex;align-items:center;gap:6px}.adaptiveBandLegend i{display:inline-block;width:20px;height:8px;border-radius:2px;background:linear-gradient(90deg,#7651a1,#9b5cff)}.adaptiveBandLegend b{display:inline-block;width:20px;height:8px;border-radius:2px;background:#ffd43b}
.adaptiveTableWrap{margin-top:13px;overflow:auto;border:1px solid var(--line);border-radius:14px}.adaptiveTable{width:100%;min-width:980px;border-collapse:collapse;background:rgba(9,6,13,.72);font-size:.77rem}.adaptiveTable th,.adaptiveTable td{padding:10px 11px;text-align:left;vertical-align:top;border-bottom:1px solid rgba(64,45,82,.72)}.adaptiveTable th{position:sticky;top:0;background:#191023;color:#e9dcf5;font-size:.7rem;text-transform:uppercase;letter-spacing:.04em}.adaptiveTable tbody tr:last-child td{border-bottom:0}.adaptiveTable td:nth-child(1){white-space:nowrap;font-weight:800}.adaptiveTable td:nth-child(4),.adaptiveTable td:nth-child(5),.adaptiveTable td:nth-child(7){white-space:nowrap}.adaptiveSeverity{display:inline-flex;padding:3px 7px;border-radius:999px;border:1px solid var(--line)}.adaptiveSeverity.none{color:#a9e8ce;border-color:rgba(69,214,154,.3)}.adaptiveSeverity.light{color:#fff0a2;border-color:rgba(255,212,59,.34)}.adaptiveSeverity.medium{color:#ffc276;border-color:rgba(255,160,80,.42)}.adaptiveSeverity.strong{color:#ffb7c2;border-color:rgba(255,114,136,.5)}.adaptiveApplied{color:#a9e8ce}.adaptiveNotApplied{color:var(--muted)}.adaptiveMeasurementNote{margin:10px 0 0;color:var(--muted);font-size:.74rem}
@media(max-width:980px){.adaptiveScores{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.adaptiveHeading{flex-direction:column}.adaptiveHeading>span{white-space:normal}.adaptiveScores{grid-template-columns:1fr}#adaptiveBandsCanvas{height:240px}.adaptiveBandHeading{flex-direction:column}.adaptiveBandHeading span{text-align:left}}


/* Version 0.5.10: reproduzierbares Diagnosebeispiel und dreistufige Warnstatus */
.diagnosticExampleControls{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin-top:10px}
.diagnosticExampleControls a{color:#ffe77d;text-decoration:none;font-size:.8rem;border-bottom:1px dashed rgba(255,231,125,.45)}
.diagnosticExampleControls a:hover{color:#fff2a8}
.adaptiveSeverity.unauffällig,.adaptiveSeverity.unauffallig{color:#a9e8ce;border-color:rgba(69,214,154,.3)}
.adaptiveSeverity.prüfen,.adaptiveSeverity.pruefen{color:#ffc276;border-color:rgba(255,160,80,.42)}
.adaptiveSeverity.eindeutig-erkannt{color:#ffb7c2;border-color:rgba(255,114,136,.5);background:rgba(255,114,136,.07)}

/* Version 0.6.0: Diagnose anwenden, getrenntes Reparatur-Solo und sichtbarer Status */
.adaptiveApplyPanel{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:10px 16px;align-items:center;margin:12px 0 14px;padding:14px;border:1px solid rgba(255,212,59,.28);border-radius:14px;background:rgba(255,212,59,.055)}
.adaptiveApplyPanel>div:first-child{display:flex;flex-direction:column;gap:3px}.adaptiveApplyPanel small{color:var(--muted);line-height:1.35}.adaptiveApplyActions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.adaptiveApplyPanel>span{color:#ffe77d;font-weight:800;font-size:.82rem}.adaptiveApplyPanel>p{margin:0;color:#b9a9c8;font-size:.78rem;text-align:right}.adaptiveApplyPanel.applied{border-color:rgba(69,214,154,.48);background:rgba(69,214,154,.07)}

.adaptiveStrengthControl{display:flex;align-items:center;gap:7px;padding:4px 7px;border:1px solid rgba(255,212,59,.24);border-radius:10px;background:rgba(9,6,13,.48)}
.adaptiveStrengthControl span{font-size:.69rem;font-weight:800;color:#d9cde6;text-transform:uppercase;letter-spacing:.04em}
.adaptiveStrengthControl select{min-width:82px;padding:7px 9px;border-radius:8px}
.adaptiveStrengthControl select:disabled{opacity:.55}
#repairOnlyButton.active{background:#235f50;color:#fff;border-color:#59d8ac}
.adaptiveApplied{font-weight:850;color:#8ff0c8}.adaptiveApplied::before{content:'✓ ';font-weight:950}
@media(max-width:760px){.adaptiveApplyPanel{grid-template-columns:1fr}.adaptiveApplyActions{justify-content:flex-start}.adaptiveApplyPanel>p{text-align:left}}


/* V0.7.0 – interaktiver Diagnose-Locator */
.diagnosticLocatorToolbar{display:grid;grid-template-columns:minmax(240px,1fr) auto auto;gap:10px 14px;align-items:center;margin:13px 0 9px;padding:12px 14px;border:1px solid rgba(155,92,255,.28);border-radius:14px;background:rgba(155,92,255,.055)}
.diagnosticLocatorToolbar>div{display:flex;flex-direction:column;gap:3px}.diagnosticLocatorToolbar small{color:var(--muted);line-height:1.35}.diagnosticLocatorToolbar>span{color:#f0dfff;font-size:.78rem;font-weight:800}
.interactiveDiagnosisTable{min-width:1320px}.interactiveDiagnosisTable th:first-child,.interactiveDiagnosisTable td:first-child{text-align:center;width:74px}.interactiveDiagnosisTable td:nth-child(2){white-space:nowrap;font-weight:800}.interactiveDiagnosisTable td:nth-child(5),.interactiveDiagnosisTable td:nth-child(6),.interactiveDiagnosisTable td:nth-child(8){white-space:nowrap}
.diagnosisChoice{width:18px;height:18px;accent-color:#9b5cff}.diagnosisChoice:disabled{opacity:.38}.diagnosisUnsupported{color:#6f617b}
.btnDiagnosisLocations,.btnLocationTime{min-height:32px;padding:6px 10px;border-radius:9px;font-size:.73rem}.btnDiagnosisLocations.active{border-color:#ff914d;color:#ffd0af;background:rgba(255,145,77,.1)}
.diagnosisDetailRow[hidden]{display:none}.diagnosisDetailRow td{padding:0!important;background:rgba(11,7,16,.88)}.diagnosisDetailPanel{display:grid;grid-template-columns:minmax(250px,1fr) auto;gap:12px 18px;padding:14px 16px;border-top:1px solid rgba(155,92,255,.28);border-bottom:1px solid rgba(155,92,255,.18)}
.diagnosisLocationList{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.btnLocationTime.selected{border-color:#ff914d;color:#fff0e5;background:rgba(255,145,77,.18);box-shadow:0 0 0 2px rgba(255,145,77,.09)}
.diagnosisFineTune{display:flex;align-items:flex-end;flex-wrap:wrap;gap:9px}.diagnosisFineTune label{display:flex;flex-direction:column;gap:4px;color:#cbbbd8;font-size:.72rem}.diagnosisFineTune input{width:92px;padding:7px 8px;border:1px solid var(--line);border-radius:8px;background:#110a18;color:#fff}.diagnosisDetailNote{margin:0;color:var(--muted);font-size:.75rem;line-height:1.45}.diagnosisDetailTitle{font-weight:900;color:#f5eafa}
.waveLocatorLegend{color:#ffb77e}
@media(max-width:900px){.diagnosticLocatorToolbar,.diagnosisDetailPanel{grid-template-columns:1fr}.diagnosticLocatorToolbar>button{justify-self:start}.diagnosisFineTune{justify-content:flex-start}}


/* V0.7.1 – Diagnose-Cockpit ohne horizontales Tabellen-Scrolling */
.diagnosisViewToolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:12px 0 8px;padding:12px 14px;border:1px solid rgba(255,212,59,.2);border-radius:14px;background:rgba(255,212,59,.045)}
.diagnosisViewToolbar>div{display:flex;flex-direction:column;gap:3px;min-width:0}.diagnosisViewToolbar strong{color:#fff3b0}.diagnosisViewToolbar small{color:var(--muted);line-height:1.35}.diagnosisViewToolbar button{flex:0 0 auto}
.adaptiveTableWrap{overflow:visible;border:0;border-radius:0;background:transparent}
.interactiveDiagnosisTable{display:block;width:100%;min-width:0;border-collapse:separate;background:transparent;font-size:.8rem}
.interactiveDiagnosisTable thead{display:none}
.interactiveDiagnosisTable tbody{display:grid;gap:12px}
.interactiveDiagnosisTable tbody>tr.diagnosisSummaryCard{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"select title status" "select range confidence" "evidence evidence evidence" "proposal applied inspect";gap:7px 12px;padding:14px 15px;border:1px solid rgba(83,59,106,.85);border-radius:15px;background:linear-gradient(180deg,rgba(31,20,43,.96),rgba(15,9,22,.96));box-shadow:0 8px 24px rgba(0,0,0,.12)}
.interactiveDiagnosisTable tbody>tr.diagnosisSummaryCard.diagnosisRelevant{border-left:4px solid rgba(255,212,59,.72)}
.interactiveDiagnosisTable tbody>tr.diagnosisSummaryCard.diagnosisAppliedCard{border-left-color:#48d68b;background:linear-gradient(180deg,rgba(25,50,42,.55),rgba(15,9,22,.96))}
.interactiveDiagnosisTable tbody>tr.diagnosisSummaryCard>td{display:block;padding:0;border:0;min-width:0;white-space:normal!important;background:none}
.diagnosisCardSelect{grid-area:select;align-self:start;padding-top:3px!important}.diagnosisCardRange{grid-area:range;color:#bdaacc;font-size:.74rem;font-weight:800}.diagnosisCardTitle{grid-area:title;color:#fff;font-size:.98rem;font-weight:900}.diagnosisCardEvidence{grid-area:evidence;color:#d5c8df;line-height:1.48;padding:9px 11px!important;border-radius:10px!important;background:rgba(255,255,255,.028)!important}.diagnosisCardEvidence::before{content:"Messbeleg";display:block;margin-bottom:3px;color:#8f7fa0;font-size:.66rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.diagnosisCardStatus{grid-area:status;justify-self:end}.diagnosisCardConfidence{grid-area:confidence;justify-self:end;color:#ffe77d;font-weight:800;font-size:.76rem}.diagnosisCardConfidence::before{content:"Sicherheit: ";color:#8f7fa0;font-weight:700}.diagnosisCardProposal{grid-area:proposal;color:#e7dcef;line-height:1.4}.diagnosisCardProposal::before{content:"Vorschlag";display:block;margin-bottom:2px;color:#8f7fa0;font-size:.66rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.diagnosisCardApplied{grid-area:applied;align-self:center;font-size:.76rem;font-weight:800}.diagnosisCardInspect{grid-area:inspect;justify-self:end;align-self:center}.diagnosisCardInspect button{white-space:nowrap}
.interactiveDiagnosisTable tbody>.diagnosisDetailRow{display:block;margin:-8px 8px 2px;border:1px solid rgba(155,92,255,.28);border-top:0;border-radius:0 0 14px 14px;overflow:hidden;background:rgba(11,7,16,.94)}
.interactiveDiagnosisTable tbody>.diagnosisDetailRow>td{display:block;padding:0!important;border:0}.diagnosisDetailPanel{border:0;padding:14px 16px}.diagnosisDetailRow[hidden]{display:none!important}
.interactiveDiagnosisTable tbody>.diagnosisUnremarkable{display:none!important}.interactiveDiagnosisTable tbody.showUnremarkable>.diagnosisUnremarkable{display:grid!important}.interactiveDiagnosisTable tbody.showUnremarkable>.diagnosisDetailRow.diagnosisUnremarkable{display:block!important}.interactiveDiagnosisTable tbody.showUnremarkable>.diagnosisDetailRow.diagnosisUnremarkable[hidden]{display:none!important}
.interactiveDiagnosisTable tbody>tr.diagnosisSummaryCard.diagnosisUnremarkable{border-left:4px solid rgba(69,214,154,.35);opacity:.86}
@media(max-width:760px){.diagnosisViewToolbar{align-items:flex-start;flex-direction:column}.diagnosisViewToolbar button{width:100%}.interactiveDiagnosisTable tbody>tr.diagnosisSummaryCard{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"select title" "select range" "status confidence" "evidence evidence" "proposal proposal" "applied inspect"}.diagnosisCardStatus{justify-self:start}.diagnosisCardConfidence{justify-self:end}.diagnosisCardInspect{justify-self:end}.diagnosisDetailPanel{grid-template-columns:1fr}.diagnosisFineTune{width:100%}}
@media(max-width:480px){.interactiveDiagnosisTable tbody>tr.diagnosisSummaryCard{padding:12px;grid-template-columns:1fr;grid-template-areas:"title" "range" "status" "confidence" "evidence" "proposal" "applied" "inspect"}.diagnosisCardSelect{position:absolute;margin:2px 0 0 calc(100% - 54px)}.diagnosisCardStatus,.diagnosisCardConfidence,.diagnosisCardInspect{justify-self:start}.diagnosisCardInspect button{width:100%;white-space:normal}.diagnosisFineTune input{width:100%}}

/* V0.7.2 – ruhige Diagnosekarten, beschriftete Auswahl und saubere Fundstellen-Details */
.interactiveDiagnosisTable tbody>tr.diagnosisSummaryCard{
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:
    "title status"
    "range confidence"
    "evidence evidence"
    "proposal proposal"
    "select inspect"
    "applied inspect";
  gap:7px 16px;
  padding:16px 17px;
  text-align:left!important;
}
.interactiveDiagnosisTable tbody>tr.diagnosisSummaryCard>td{ text-align:left!important; }
.diagnosisCardTitle{justify-self:start;align-self:end;font-size:1rem;line-height:1.25}
.diagnosisCardRange{justify-self:start;line-height:1.3}
.diagnosisCardStatus{justify-self:end;align-self:start}
.diagnosisCardConfidence{justify-self:end;align-self:start}
.diagnosisCardSelect{grid-area:select;align-self:center;padding:0!important}
.diagnosisChoiceLabel,.diagnosisReadOnly{
  display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:6px 10px;
  border:1px solid rgba(155,92,255,.28);border-radius:10px;
  background:rgba(155,92,255,.07);color:#e8dff0;font-size:.75rem;font-weight:850;
}
.diagnosisReadOnly{border-color:rgba(143,127,160,.24);background:rgba(255,255,255,.025);color:#9c8baa}
.diagnosisChoiceLabel:has(input:checked){border-color:rgba(69,214,154,.45);background:rgba(69,214,154,.08);color:#a9e8ce}
.diagnosisChoice{flex:0 0 auto;margin:0}
.diagnosisCardApplied{justify-self:start;align-self:start;line-height:1.35}
.diagnosisCardInspect{justify-self:end;align-self:center;grid-row:5 / span 2}
.diagnosisCardInspect button{min-width:142px}

.interactiveDiagnosisTable tbody>.diagnosisDetailRow{
  margin:-7px 10px 3px;border-radius:0 0 14px 14px;overflow:visible;
}
.diagnosisDetailPanel{
  display:grid!important;grid-template-columns:1fr!important;gap:13px!important;
  width:100%;max-width:100%;padding:15px 16px 16px!important;box-sizing:border-box;
}
.diagnosisDetailPanel>div{min-width:0;max-width:100%}
.diagnosisDetailTitle{font-size:.9rem;line-height:1.3}
.diagnosisDetailNote{max-width:78ch;overflow-wrap:anywhere;word-break:normal;line-height:1.5}
.diagnosisLocationList{margin-top:10px}
.diagnosisFineTune{
  display:flex;align-items:flex-end;justify-content:flex-start;gap:10px 14px;
  width:100%;padding-top:12px;border-top:1px solid rgba(83,59,106,.58);
}
.diagnosisFineTune label{min-width:120px}
.diagnosisFineTune input{box-sizing:border-box}

@media(max-width:760px){
  .interactiveDiagnosisTable tbody>tr.diagnosisSummaryCard{
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-areas:
      "title status"
      "range confidence"
      "evidence evidence"
      "proposal proposal"
      "select select"
      "applied inspect";
  }
  .diagnosisCardInspect{grid-row:auto;justify-self:end}
  .diagnosisCardInspect button{min-width:0}
}
@media(max-width:520px){
  .interactiveDiagnosisTable tbody>tr.diagnosisSummaryCard{
    grid-template-columns:1fr;
    grid-template-areas:"title" "range" "status" "confidence" "evidence" "proposal" "select" "applied" "inspect";
  }
  .diagnosisCardStatus,.diagnosisCardConfidence,.diagnosisCardInspect{justify-self:start}
  .diagnosisCardInspect button,.diagnosisChoiceLabel,.diagnosisReadOnly{width:100%;box-sizing:border-box;justify-content:center}
  .diagnosisFineTune{align-items:stretch;flex-direction:column}
  .diagnosisFineTune label,.diagnosisFineTune input{width:100%}
}

/* V0.7.3 – neuer Diagnose-Workflow mit getrennten Arbeitsschritten */
.steps{flex-wrap:wrap}
.diagnosisOverview{margin-top:16px;padding:17px;border:1px solid rgba(69,214,154,.28);border-radius:18px;background:linear-gradient(180deg,rgba(69,214,154,.045),rgba(255,255,255,.018))}
.diagnosisNextSteps{display:grid;grid-template-columns:minmax(240px,1fr) auto auto;gap:10px;align-items:center;margin-top:13px;padding:12px 14px;border:1px solid rgba(155,92,255,.24);border-radius:14px;background:rgba(155,92,255,.055)}
.diagnosisNextSteps>div{display:flex;flex-direction:column;gap:3px}.diagnosisNextSteps strong{color:#fff3b0}.diagnosisNextSteps small{color:var(--muted)}
.diagnosisNextSteps.diagnosisSummaryOnly{grid-template-columns:1fr}
.buttonLink{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;white-space:nowrap}
.diagnosisBandDetails{margin-top:12px;border:1px solid var(--line);border-radius:14px;background:rgba(9,6,13,.45);overflow:hidden}
.diagnosisBandDetails>summary{cursor:pointer;padding:12px 14px;color:#e9dcf5;font-weight:850;list-style:none}.diagnosisBandDetails>summary::-webkit-details-marker{display:none}.diagnosisBandDetails>summary::after{content:'▾';float:right;color:#ffd43b}.diagnosisBandDetails[open]>summary::after{content:'▴'}
.diagnosisBandDetails .adaptiveBandPanel{margin:0 12px 12px}.diagnosisBandDetails .adaptiveMeasurementNote{padding:0 14px 14px}
.workflowFindingHeader{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:16px 0 10px;padding:12px 14px;border:1px solid rgba(255,212,59,.22);border-radius:14px;background:rgba(255,212,59,.045)}
.workflowFindingHeader>div{display:flex;flex-direction:column;gap:3px}.workflowFindingHeader small{color:var(--muted)}.workflowFindingHeader>span{color:#ffe77d;font-size:.78rem;font-weight:850;white-space:nowrap}
.diagnosisCardList{display:grid;gap:11px}.diagnosisCardList.compact{margin-top:10px}.diagnosisEmptyState{padding:18px;border:1px dashed rgba(143,127,160,.34);border-radius:14px;color:var(--muted);text-align:center;background:rgba(255,255,255,.018)}
.workflowDiagnosisCard{display:grid;gap:10px;padding:15px 16px;border:1px solid rgba(83,59,106,.84);border-left:4px solid rgba(255,212,59,.72);border-radius:15px;background:linear-gradient(180deg,rgba(31,20,43,.96),rgba(15,9,22,.96));box-shadow:0 8px 24px rgba(0,0,0,.12)}
.workflowDiagnosisCard.isApplied{border-left-color:#48d68b;background:linear-gradient(180deg,rgba(25,50,42,.55),rgba(15,9,22,.96))}.workflowDiagnosisCard.isUnremarkable{border-left-color:rgba(69,214,154,.38);opacity:.88}
.workflowDiagnosisHead{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.workflowDiagnosisHead>div:first-child{display:flex;flex-direction:column;gap:3px;min-width:0}.workflowDiagnosisHead strong{font-size:1rem;color:#fff}.workflowDiagnosisHead small{color:#bdaacc;font-weight:800}.workflowDiagnosisBadges{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.confidenceBadge{color:#ffe77d;font-size:.76rem;font-weight:850}
.workflowEvidence,.workflowProposal{margin:0;line-height:1.45;overflow-wrap:anywhere}.workflowEvidence{padding:9px 11px;border-radius:10px;background:rgba(255,255,255,.028);color:#d5c8df}.workflowProposal{color:#e7dcef}.workflowEvidence>span,.workflowProposal>span{display:block;margin-bottom:3px;color:#8f7fa0;font-size:.66rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.workflowDiagnosisActions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.workflowDiagnosisActions>button{margin-left:auto}.workflowDiagnosisActions .adaptiveApplied,.workflowDiagnosisActions .adaptiveNotApplied{font-size:.76rem;font-weight:850}
.unremarkablePanel{margin-top:12px;padding:0 13px 13px;border:1px solid rgba(69,214,154,.2);border-radius:14px;background:rgba(69,214,154,.025)}.unremarkablePanel>summary{cursor:pointer;padding:12px 0;color:#a9e8ce;font-weight:850}
#correction .adaptiveApplyPanel{position:relative;margin-top:0}

/* festes Prüfpanel */
.diagnosisInspector[hidden],.diagnosisActionBar[hidden]{display:none!important}
.diagnosisInspector{position:fixed;z-index:1200;top:18px;right:18px;width:min(440px,calc(100vw - 36px));max-height:calc(100vh - 112px);overflow:auto;padding:17px;border:1px solid rgba(155,92,255,.5);border-radius:18px;background:rgba(18,10,27,.985);box-shadow:0 24px 70px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.03)}
.inspectorHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.inspectorHeader>div{display:flex;flex-direction:column;gap:3px}.inspectorHeader small{color:#ffb77e;font-weight:850;text-transform:uppercase;letter-spacing:.05em}.inspectorHeader strong{font-size:1.08rem}.inspectorHeader span{color:#bdaacc;font-size:.8rem;font-weight:800}.iconButton{width:36px;height:36px;border:1px solid var(--line);border-radius:10px;background:#261637;color:#fff;font-size:1.4rem;cursor:pointer}
.inspectorStatus{margin:13px 0 9px;padding:9px 11px;border-radius:10px;background:rgba(255,212,59,.06);color:#ffe77d;font-size:.78rem;font-weight:800}.inspectorLocation{display:flex;flex-direction:column;gap:3px;padding:11px;border:1px solid rgba(83,59,106,.7);border-radius:12px;background:rgba(255,255,255,.022)}.inspectorLocation span{color:var(--muted);font-size:.76rem;line-height:1.4}
.inspectorTransport{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:11px}.inspectorTransport button{white-space:normal}.inspectorTransport #playInspectorBtn{grid-column:1 / 2}.inspectorTransport #pauseInspectorBtn{grid-column:2 / 3}.inspectorTransport #stopLocatorBtn{grid-column:3 / 4}.inspectorTransport #prevInspectorLocationBtn{grid-column:1 / 2;grid-row:2}.inspectorTransport #nextInspectorLocationBtn{grid-column:3 / 4;grid-row:2}
.inspectorCompare{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:11px}.inspectorCompare button{min-width:0;padding-left:7px;padding-right:7px}
.inspectorCorrection{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:13px;padding-top:13px;border-top:1px solid var(--line)}.inspectorCorrection>.diagnosisChoiceLabel{grid-column:1 / -1}.inspectorCorrection>label:not(.diagnosisChoiceLabel){display:flex;flex-direction:column;gap:5px;color:#cbbbd8;font-size:.73rem}.inspectorCorrection input[type=number]{width:100%;box-sizing:border-box;padding:8px;border:1px solid var(--line);border-radius:9px;background:#110a18;color:#fff}
.inspectorActions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:13px}

/* feste Aktionsleiste */
.diagnosisActionBar{position:fixed;z-index:1100;left:50%;bottom:14px;transform:translateX(-50%);display:flex;align-items:center;gap:9px;width:min(1040px,calc(100vw - 28px));padding:10px 12px;border:1px solid rgba(155,92,255,.5);border-radius:16px;background:rgba(18,10,27,.97);box-shadow:0 18px 55px rgba(0,0,0,.5)}
.diagnosisActionBar>div{display:flex;flex:1 1 230px;flex-direction:column;gap:2px;min-width:180px}.diagnosisActionBar strong{color:#fff3b0}.diagnosisActionBar small{color:var(--muted)}.diagnosisActionBar.hasSelection{border-color:rgba(255,212,59,.55)}.diagnosisActionBar.isApplied{border-color:rgba(69,214,154,.6)}
.shell:has(+ footer){}
body:has(.diagnosisActionBar:not([hidden])){padding-bottom:96px}

@media(max-width:900px){
 .diagnosisNextSteps{grid-template-columns:1fr 1fr}.diagnosisNextSteps>div{grid-column:1 / -1}.workflowFindingHeader{align-items:flex-start;flex-direction:column}.workflowFindingHeader>span{white-space:normal}
 .diagnosisActionBar{flex-wrap:wrap}.diagnosisActionBar>div{flex-basis:100%}.diagnosisActionBar button{flex:1 1 150px}
}
@media(max-width:620px){
 .diagnosisNextSteps{grid-template-columns:1fr}.workflowDiagnosisHead{flex-direction:column}.workflowDiagnosisBadges{justify-content:flex-start}.workflowDiagnosisActions>button{width:100%;margin-left:0}.workflowDiagnosisActions .diagnosisChoiceLabel,.workflowDiagnosisActions .diagnosisReadOnly{width:100%;box-sizing:border-box;justify-content:center}
 .diagnosisInspector{top:auto;right:8px;bottom:8px;left:8px;width:auto;max-height:82vh;border-radius:18px}.inspectorTransport{grid-template-columns:1fr 1fr}.inspectorTransport #playInspectorBtn,.inspectorTransport #pauseInspectorBtn,.inspectorTransport #stopLocatorBtn,.inspectorTransport #prevInspectorLocationBtn,.inspectorTransport #nextInspectorLocationBtn{grid-column:auto;grid-row:auto}.inspectorCompare{grid-template-columns:1fr}.inspectorActions{grid-template-columns:1fr}.diagnosisActionBar{bottom:8px;width:calc(100vw - 16px);max-height:42vh;overflow:auto}.diagnosisActionBar button{flex:1 1 calc(50% - 9px)}
}

/* V0.7.4 – klare Diagnose-Reiter */
.diagnosisTabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0 14px;padding:7px;border:1px solid rgba(83,59,106,.85);border-radius:17px;background:rgba(9,6,13,.68)}
.diagnosisTab{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:58px;padding:12px 14px;border:1px solid transparent;border-radius:12px;background:transparent;color:#cbbbd8;text-align:left;font-weight:850;cursor:pointer;transition:.18s ease}
.diagnosisTab:hover{background:rgba(255,255,255,.035);color:#fff}.diagnosisTab.active{border-color:rgba(255,212,59,.55);background:linear-gradient(135deg,rgba(255,212,59,.16),rgba(107,70,171,.18));color:#fff;box-shadow:0 8px 20px rgba(0,0,0,.18)}
.diagnosisTab b{display:inline-grid;place-items:center;min-width:29px;height:29px;padding:0 7px;border-radius:999px;background:rgba(255,255,255,.07);color:#ffe77d;font-size:.78rem}.diagnosisTab.active b{background:#ffd43b;color:#24142d}
.diagnosisTabPanels{display:block}.diagnosisTabPanel{display:grid;gap:12px}.diagnosisTabPanel[hidden]{display:none!important}
.diagnosisPanelHeader{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 16px;border:1px solid rgba(83,59,106,.78);border-radius:14px;background:rgba(19,12,27,.82)}
.diagnosisPanelHeader>div{display:flex;flex-direction:column;gap:4px}.diagnosisPanelHeader strong{color:#fff}.diagnosisPanelHeader small{color:var(--muted);line-height:1.42}.diagnosisPanelHeader.readOnly{border-color:rgba(69,214,154,.25)}
.globalApplyPanel{margin-top:18px;border-color:rgba(255,212,59,.34);background:linear-gradient(135deg,rgba(255,212,59,.07),rgba(107,70,171,.09))}
.workflowFindingHeader.compactLink{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center}.workflowFindingHeader.compactLink .buttonLink{white-space:nowrap}
@media(max-width:860px){.diagnosisTabs{grid-template-columns:1fr}.diagnosisTab{min-height:50px}.diagnosisPanelHeader{align-items:stretch;flex-direction:column}.diagnosisPanelHeader>button{width:100%}.workflowFindingHeader.compactLink{grid-template-columns:1fr}.workflowFindingHeader.compactLink .buttonLink{width:100%;box-sizing:border-box;text-align:center}}

/* V0.7.7 – Offen/Erledigt-Workflow */
.diagnosisTabs{grid-template-columns:repeat(4,minmax(0,1fr))}
.diagnosisTab.hasOpen{
  border-color:rgba(255,91,112,.5);
  background:linear-gradient(135deg,rgba(255,91,112,.12),rgba(107,70,171,.12));
  color:#ffe4e8;
}
.diagnosisTab.hasOpen b{background:#ff5b70;color:#fff}
.diagnosisTab.isComplete,.diagnosisTab.correctedTab.hasDone{
  border-color:rgba(69,214,154,.52);
  background:linear-gradient(135deg,rgba(69,214,154,.13),rgba(41,100,78,.12));
  color:#d9fff0;
}
.diagnosisTab.isComplete b,.diagnosisTab.correctedTab.hasDone b{background:#45d69a;color:#08281d}
.diagnosisTab.active.hasOpen{box-shadow:0 0 0 1px rgba(255,91,112,.24),0 8px 24px rgba(0,0,0,.2)}
.diagnosisTab.active.isComplete,.diagnosisTab.correctedTab.active.hasDone{box-shadow:0 0 0 1px rgba(69,214,154,.24),0 8px 24px rgba(0,0,0,.2)}
.diagnosisPanelHeader.completed{border-color:rgba(69,214,154,.34);background:rgba(69,214,154,.055)}
.diagnosisCorrectedBadge{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  padding:8px 11px;border:1px solid rgba(69,214,154,.42);border-radius:10px;
  background:rgba(69,214,154,.09);color:#a9e8ce;font-size:.76rem;font-weight:900;
}
.workflowDiagnosisCard.isApplied{border-color:rgba(69,214,154,.5);background:linear-gradient(180deg,rgba(69,214,154,.065),rgba(255,255,255,.018))}
.workflowDiagnosisCard.isApplied .workflowDiagnosisHead strong{color:#d9fff0}
.diagnosisActionBar[hidden]{display:none!important}
@media(max-width:1080px){.diagnosisTabs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.diagnosisTabs{grid-template-columns:1fr}}

/* V0.7.8 – klare Auswahlsteuerung und schließbare Aktionsleiste */
.diagnosisActionBar{padding-right:48px}
.actionBarDismiss{position:absolute;top:8px;right:8px;width:34px;height:34px;min-width:34px;padding:0;border-radius:10px;font-size:24px;line-height:1;background:rgba(255,255,255,.055);color:#d9cde6;border:1px solid rgba(185,169,200,.25)}
.actionBarDismiss:hover{background:rgba(255,255,255,.11);color:#fff}

/* Version 0.8.0 – ehrlicher Mastering-Impact-Core */
.masterImpactPanel{margin:16px 0 0;padding:16px;border:1px solid rgba(255,212,59,.28);border-radius:17px;background:linear-gradient(180deg,rgba(255,212,59,.045),rgba(255,255,255,.018))}
.masterImpactHeading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:12px}
.masterImpactHeading>div{display:flex;flex-direction:column;gap:3px}.masterImpactHeading small{color:var(--muted);max-width:760px}.masterImpactHeading>span{padding:6px 10px;border:1px solid var(--line);border-radius:999px;color:#ffe77d;font-size:.78rem;white-space:nowrap}
.masterImpactGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.masterImpactGrid article{padding:13px 14px;border:1px solid var(--line);border-radius:14px;background:rgba(8,5,12,.48)}.masterImpactGrid small,.masterImpactGrid strong,.masterImpactGrid em{display:block}.masterImpactGrid small{color:var(--muted)}.masterImpactGrid strong{margin:4px 0;font-size:1.05rem}.masterImpactGrid em{font-style:normal;color:#a997ba;font-size:.74rem;line-height:1.35;margin-top:7px}.impactRail{height:8px;border:1px solid #3e2c4f;border-radius:99px;background:#09060d;overflow:hidden}.impactRail i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--purple),var(--yellow));transition:width .16s ease}.masterImpactGrid article:nth-child(3) .impactRail i{background:linear-gradient(90deg,#ff9a4d,#ffd43b)}.masterImpactGrid article:nth-child(4) .impactRail i{background:linear-gradient(90deg,#45d69a,#9b5cff)}
@media(max-width:980px){.masterImpactGrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.masterImpactHeading{flex-direction:column}.masterImpactHeading>span{white-space:normal}.masterImpactGrid{grid-template-columns:1fr}}


/* V0.8.5.3 – sichtbarer, ehrlicher Render-/Live-Zustand */
#comparePanel.renderStale{border-color:rgba(255,145,77,.72);background:linear-gradient(135deg,rgba(255,145,77,.12),rgba(107,70,171,.10));box-shadow:0 0 0 1px rgba(255,145,77,.12)}
#comparePanel.renderStale>div:first-child strong{color:#ffd19a}
#comparePanel.renderStale>div:first-child small{color:#e7bd92}

/* V0.8.5.4 – mitlaufender Wellenform-Player */
.floatingPlayer[hidden]{display:none!important}
.floatingPlayer{position:fixed;z-index:1100;right:10px;top:88px;width:188px;pointer-events:none}
.floatingPlayerPanel{pointer-events:auto;padding:11px;border:1px solid rgba(155,92,255,.55);border-radius:18px;background:rgba(16,9,23,.94);box-shadow:0 18px 55px rgba(0,0,0,.48);backdrop-filter:blur(18px)}
.floatingPlayerHeader{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:8px}
.floatingPlayerHeader small{display:block;color:var(--yellow);font-size:.57rem;font-weight:950;letter-spacing:.08em;line-height:1.2}
.floatingPlayerHeader strong{display:block;margin-top:2px;font-size:.82rem;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:92px}
.floatingHeaderActions{display:flex;gap:4px}
.floatingIconBtn{display:grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid #523b68;border-radius:9px;background:#2d1e3c;color:#fff;font-weight:900;cursor:pointer}
.floatingIconBtn:hover{border-color:var(--yellow)}
.floatingCloseBtn{display:none;font-size:1.2rem}
.floatingWaveButton{display:block;width:100%;padding:0;border:1px solid #3e2c4f;border-radius:11px;overflow:hidden;background:#0c0711;cursor:pointer}
#floatingWaveform{display:block;width:100%;height:76px;background:#0c0711}
.floatingTimeline{display:flex;justify-content:center;gap:5px;margin:6px 0;color:var(--muted);font-size:.68rem}
.floatingTimeline strong{color:#fff}
.floatingTransport{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:5px}
.floatingTransport button{min-width:0;padding:8px 4px;border-radius:9px;font-size:.78rem}
.floatingSources{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-top:6px}
.floatingSources button{min-width:0;padding:7px 4px;border-radius:9px;font-size:.72rem}
.floatingSourceBtn.active{background:var(--yellow);color:#1f1424;border-color:var(--yellow)}
.floatingSourceBtn:disabled{opacity:.38;cursor:not-allowed}
.floatingFullLabel{display:none}
.floatingPlaybackStatus{margin-top:7px;padding:6px 7px;border:1px solid rgba(255,255,255,.10);border-radius:9px;background:rgba(255,255,255,.04);color:var(--muted);font-size:.59rem;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.floatingPlaybackStatus.success{border-color:rgba(63,214,150,.40);color:#b0f2d7;background:rgba(63,214,150,.08)}
.floatingPlaybackStatus.warning{border-color:rgba(255,194,75,.42);color:#fff0a2;background:rgba(255,194,75,.08)}
.floatingPlaybackStatus.error{border-color:rgba(255,92,112,.5);color:#ffc1ca;background:rgba(255,92,112,.10)}
.floatingHelp{display:none}
.floatingPlayerBackdrop{display:none}
.mainPlayerArea.playerFocusPulse{animation:playerFocusPulse 1.1s ease}
@keyframes playerFocusPulse{0%,100%{box-shadow:none}35%{box-shadow:0 0 0 4px rgba(255,212,59,.24),0 0 35px rgba(255,212,59,.16)}}

.floatingPlayer.expanded{inset:0;width:auto;top:0;right:0;display:grid;place-items:center;padding:16px;pointer-events:auto}
.floatingPlayer.expanded .floatingPlayerBackdrop{display:block;position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(5,2,9,.78);cursor:default}
.floatingPlayer.expanded .floatingPlayerPanel{position:relative;width:min(1040px,calc(100vw - 32px));max-height:calc(100vh - 32px);padding:20px;border-radius:22px;overflow:auto;background:rgba(16,9,23,.985)}
.floatingPlayer.expanded .floatingPlayerHeader small{font-size:.68rem}
.floatingPlayer.expanded .floatingPlayerHeader strong{max-width:none;font-size:1.15rem}
.floatingPlayer.expanded .floatingCloseBtn{display:grid}
.floatingPlayer.expanded #floatingWaveform{height:min(34vh,315px)}
.floatingPlayer.expanded .floatingTimeline{justify-content:flex-end;font-size:.88rem;margin:8px 2px}
.floatingPlayer.expanded .floatingTransport{grid-template-columns:repeat(3,150px);justify-content:center;gap:9px}
.floatingPlayer.expanded .floatingTransport button{padding:12px 14px;font-size:.92rem}
.floatingPlayer.expanded .floatingSources{grid-template-columns:repeat(4,minmax(130px,1fr));gap:9px;margin-top:12px}
.floatingPlayer.expanded .floatingSources button{padding:11px 10px;font-size:.85rem}
.floatingPlayer.expanded .floatingShortLabel{display:none}
.floatingPlayer.expanded .floatingFullLabel{display:inline}
.floatingPlayer.expanded .floatingPlaybackStatus{font-size:.78rem;padding:9px 10px;white-space:normal;text-align:center}
.floatingPlayer.expanded .floatingHelp{display:block;margin:8px 0 0;color:var(--muted);font-size:.72rem;text-align:center}
body.floatingPlayerExpanded{overflow:hidden}

@media(max-width:1480px){
 body.floatingPlayerVisible{padding-bottom:118px}
 .floatingPlayer{top:auto;right:12px;bottom:12px;left:12px;width:auto}
 .floatingPlayerPanel{display:grid;grid-template-columns:minmax(170px,1fr) auto auto;grid-template-areas:"header wave timeline" "transport sources status";align-items:center;gap:7px 10px;padding:9px 10px}
 .floatingPlayerHeader{grid-area:header;margin:0}
 .floatingWaveButton{grid-area:wave;width:min(260px,26vw)}
 #floatingWaveform{height:52px}
 .floatingTimeline{grid-area:timeline;margin:0;white-space:nowrap}
 .floatingTransport{grid-area:transport;grid-template-columns:repeat(3,48px)}
 .floatingSources{grid-area:sources;grid-template-columns:repeat(4,42px);margin:0}
 .floatingPlaybackStatus{grid-area:status;margin:0;max-width:245px}
 .floatingPlayer.expanded{top:0;right:0;bottom:0;left:0;width:auto}
 .floatingPlayer.expanded .floatingPlayerPanel{display:block}
}
@media(max-width:820px){
 body.floatingPlayerVisible{padding-bottom:150px}
 .floatingPlayerPanel{grid-template-columns:1fr auto;grid-template-areas:"header header" "wave wave" "transport sources" "timeline status"}
 .floatingWaveButton{width:100%}
 #floatingWaveform{height:46px}
 .floatingPlaybackStatus{max-width:none}
 .floatingPlayer.expanded .floatingSources{grid-template-columns:repeat(2,minmax(120px,1fr))}
}
@media(max-width:520px){
 body.floatingPlayerVisible{padding-bottom:172px}
 .floatingPlayer{right:7px;bottom:7px;left:7px}
 .floatingPlayerPanel{padding:8px;gap:6px}
 .floatingPlayerHeader strong{font-size:.75rem}
 .floatingTimeline{font-size:.62rem}
 .floatingTransport{grid-template-columns:repeat(3,42px)}
 .floatingSources{grid-template-columns:repeat(4,36px)}
 .floatingPlaybackStatus{font-size:.55rem}
 .floatingPlayer.expanded{padding:8px}
 .floatingPlayer.expanded .floatingPlayerPanel{width:calc(100vw - 16px);max-height:calc(100vh - 16px);padding:13px}
 .floatingPlayer.expanded #floatingWaveform{height:220px}
 .floatingPlayer.expanded .floatingTransport{grid-template-columns:repeat(3,minmax(0,1fr))}
 .floatingPlayer.expanded .floatingSources{grid-template-columns:repeat(2,minmax(0,1fr))}
}


/* V0.8.5.5 – unübersehbare Fertigmeldung nach Reparatur und Mastering */
.completionDialog[hidden]{display:none!important}
.completionDialog{position:fixed;inset:0;z-index:2400;display:grid;place-items:center;padding:18px}
.completionDialogBackdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(4,2,7,.78);backdrop-filter:blur(7px);cursor:default}
.completionDialogCard{position:relative;width:min(560px,calc(100vw - 36px));padding:28px;border:1px solid rgba(69,214,154,.62);border-radius:24px;background:linear-gradient(145deg,rgba(27,16,37,.99),rgba(13,8,19,.99));box-shadow:0 28px 90px rgba(0,0,0,.68),0 0 0 1px rgba(69,214,154,.12);text-align:center;animation:completionDialogIn .2s ease-out}
.completionDialogClose{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid #543d69;border-radius:11px;background:#2b1d39;color:#fff;font-size:1.35rem;font-weight:900;cursor:pointer}
.completionDialogClose:hover{border-color:var(--yellow)}
.completionDialogCheck{display:grid;place-items:center;width:66px;height:66px;margin:0 auto 13px;border:1px solid rgba(69,214,154,.72);border-radius:50%;background:rgba(69,214,154,.13);color:#79edbc;font-size:2.25rem;font-weight:950;box-shadow:0 0 34px rgba(69,214,154,.16)}
.completionDialogCard>small{display:block;color:#79edbc;font-weight:950;letter-spacing:.09em;font-size:.72rem}
.completionDialogCard h2{margin:7px 0 8px;font-size:1.55rem}
.completionDialogCard p{margin:0 auto;color:#d7c8e4;line-height:1.52;max-width:470px}
.completionDialogSummary{margin:17px 0 0;padding:11px 13px;border:1px solid rgba(255,212,59,.3);border-radius:13px;background:rgba(255,212,59,.065);color:#fff0a2;font-size:.83rem;line-height:1.42}
.completionDialogActions{display:flex;justify-content:center;gap:10px;margin-top:20px}
.completionDialogActions button{min-width:170px}
body.completionDialogOpen{overflow:hidden}
@keyframes completionDialogIn{from{opacity:0;transform:translateY(12px) scale(.975)}to{opacity:1;transform:none}}
@media(max-width:560px){.completionDialog{padding:10px}.completionDialogCard{width:calc(100vw - 20px);padding:25px 16px 18px}.completionDialogActions{flex-direction:column}.completionDialogActions button{width:100%;min-width:0}}

/* Version 0.8.6: analysegestützter Reparaturworkflow, globale Mastering-Wirkung und zweistufiges Bearbeitungsfenster */
.optionalBadge{display:inline-flex;margin-left:5px;padding:2px 7px;border:1px solid rgba(255,212,59,.35);border-radius:999px;color:#ffe77d;font-size:.66rem;font-weight:900;letter-spacing:.03em;text-transform:uppercase}
.startSettings{margin-top:14px;padding:16px;border:1px solid rgba(255,212,59,.32);border-radius:18px;background:linear-gradient(180deg,rgba(255,212,59,.065),rgba(255,255,255,.018))}
.startSettingsHeading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:12px}.startSettingsHeading>div{display:flex;flex-direction:column;gap:3px}.startSettingsHeading small{color:var(--muted);line-height:1.42}.startSettingsHeading>span{padding:6px 10px;border:1px solid rgba(255,212,59,.34);border-radius:999px;color:#fff0a2;font-size:.78rem;white-space:nowrap}
.segmentedChoice{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.segmentedChoice button{min-height:64px;padding:10px 12px;border:1px solid #523b68;border-radius:13px;background:#241730;color:#fff;text-align:left;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s,transform .15s}.segmentedChoice button:hover{border-color:var(--purple);transform:translateY(-1px)}.segmentedChoice button strong,.segmentedChoice button small{display:block}.segmentedChoice button small{margin-top:3px;color:var(--muted);font-size:.72rem}.segmentedChoice button.active{border-color:var(--yellow);background:rgba(255,212,59,.11);box-shadow:inset 0 0 0 1px var(--yellow),0 8px 22px rgba(255,212,59,.08)}.segmentedChoice button.active small{color:#fff0a2}
.startSettings>p{margin:10px 0 0;color:var(--muted);font-size:.78rem}
.repairEntryCard{border-color:rgba(69,214,154,.28)}.repairEntryFlow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:15px 0}.repairEntryFlow>div{display:flex;gap:10px;align-items:flex-start;padding:13px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}.repairEntryFlow b{display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:9px;background:rgba(69,214,154,.13);color:#8aefc5}.repairEntryFlow span{display:flex;flex-direction:column;gap:3px}.repairEntryFlow small{color:var(--muted);line-height:1.38}
.analysisRepairControls{margin:12px 0 14px;padding:15px;border:1px solid rgba(255,212,59,.3);border-radius:15px;background:rgba(255,212,59,.045)}.analysisRepairControls[hidden]{display:none!important}.analysisRepairHeading{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.analysisRepairHeading>div{display:flex;flex-direction:column;gap:3px}.analysisRepairHeading small{color:var(--muted);line-height:1.42}.analysisRepairHeading>span{padding:5px 9px;border:1px solid var(--line);border-radius:999px;color:#ffe77d;font-size:.74rem;white-space:nowrap}.repairControlGrid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:10px;margin-top:12px}.repairStrengthCard{padding:13px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}.repairStrengthCard>span{display:block;margin-bottom:7px;font-weight:850}.repairEnableRow{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:9px}.repairEnableRow label{display:flex;gap:7px;align-items:center;font-weight:800}.repairEnableRow input{width:18px;height:18px;accent-color:var(--yellow)}.repairEnableRow small{color:var(--muted);font-size:.7rem;text-align:right}.repairStrengthButtons button{min-height:57px;padding:9px}.repairControlNotice{margin:10px 0 0;color:#fff0a2;font-size:.74rem}
.completionDialog[data-state="processing"] .completionDialogCard{border-color:rgba(155,92,255,.64);box-shadow:0 28px 90px rgba(0,0,0,.68),0 0 44px rgba(155,92,255,.12)}.completionDialog[data-state="error"] .completionDialogCard{border-color:rgba(255,114,136,.62)}
.completionDialogSpinner{display:none;width:66px;height:66px;margin:0 auto 13px;border:5px solid rgba(155,92,255,.2);border-top-color:#c7a8ff;border-radius:50%;animation:completionSpin .85s linear infinite}.completionDialog[data-state="processing"] .completionDialogSpinner{display:block}.completionDialog[data-state="processing"] .completionDialogCheck{display:none}.completionDialog[data-state="processing"] .completionDialogClose{display:none}.completionDialog[data-state="processing"] .completionDialogActions{display:none}.completionDialog[data-state="processing"] .completionDialogCard>small{color:#c7a8ff}.completionDialog[data-state="error"] .completionDialogCheck{border-color:rgba(255,114,136,.72);background:rgba(255,114,136,.13);color:#ff9bad}.completionDialog[data-state="error"] .completionDialogCard>small{color:#ff9bad}
.completionProcessingProgress{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;margin:18px 0 0}.completionProcessingProgress[hidden]{display:none!important}.completionProcessingProgress>div{height:10px;overflow:hidden;border:1px solid #4b3561;border-radius:999px;background:#0b0710}.completionProcessingProgress i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--purple),var(--yellow));transition:width .2s ease}.completionProcessingProgress span{min-width:44px;color:#ffe77d;font-weight:900;font-size:.8rem;text-align:right}
@keyframes completionSpin{to{transform:rotate(360deg)}}
@media(max-width:900px){.repairEntryFlow,.repairControlGrid{grid-template-columns:1fr}.analysisRepairHeading,.startSettingsHeading{flex-direction:column}.analysisRepairHeading>span,.startSettingsHeading>span{white-space:normal}.repairEnableRow{align-items:flex-start;flex-direction:column}.repairEnableRow small{text-align:left}}
@media(max-width:560px){.segmentedChoice{grid-template-columns:1fr}.segmentedChoice button{min-height:0}.masteringIntensityButtons,.repairStrengthButtons{grid-template-columns:repeat(3,minmax(0,1fr))}.masteringIntensityButtons button,.repairStrengthButtons button{padding:9px 7px;text-align:center}.masteringIntensityButtons button small,.repairStrengthButtons button small{font-size:.64rem}}

/* Version 0.8.7: transparenter Status der analyseabhängigen Preset-Schutzregeln */
.adaptivePresetStatus{margin:-7px 0 18px;padding:10px 13px;border:1px solid rgba(155,92,255,.34);border-radius:11px;background:rgba(155,92,255,.08);color:#dcd3e8;font-size:.88rem;line-height:1.45}
.adaptivePresetStatus.protected{border-color:rgba(72,214,139,.48);background:rgba(72,214,139,.08);color:#c9f7dc}
.adaptivePresetStatus.neutral{color:#cfc4db}

/* V0.8.7.1 – zwei klar getrennte integrierte Testdateien */

/* === V0.8.8 · 24-Band Studio-EQ === */
.eqTabBar{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 14px;padding:7px;border:1px solid rgba(155,92,255,.24);border-radius:14px;background:rgba(15,9,22,.72)}
.eqTabBar button{flex:1 1 190px;border:1px solid transparent;border-radius:10px;padding:11px 14px;background:transparent;color:#cfc4d9;font-weight:800;cursor:pointer}
.eqTabBar button.active{background:linear-gradient(135deg,rgba(155,92,255,.28),rgba(255,212,59,.10));border-color:rgba(155,92,255,.52);color:#fff;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.eqTabPanel[hidden]{display:none!important}.studioEqPanel{display:grid;gap:14px}
.studioEqToolbar{display:grid;grid-template-columns:minmax(300px,1fr) minmax(260px,.8fr) auto;gap:12px;align-items:center}
.studioEqLayers{margin:0}.studioEqLayers button{min-width:118px}
.studioEqExpertToggle{margin:0}.studioEqExpertToggle em{font-style:normal;color:#ffd43b;margin-left:6px}
.studioEqResetActions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.studioEqGraph{display:block;width:100%;height:270px;border-radius:14px;border:1px solid rgba(155,92,255,.24);background:#09060d;contain:layout paint;transform:translateZ(0);backface-visibility:hidden}
.studioEqFaders{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(360px,1fr);gap:12px;overflow-x:auto;padding:4px 2px 12px;scroll-snap-type:x proximity}
.studioEqGroup{scroll-snap-align:start;border:1px solid rgba(155,92,255,.22);border-radius:14px;padding:12px;background:linear-gradient(180deg,rgba(26,15,38,.92),rgba(11,7,17,.94))}
.studioEqGroup h4{margin:0 0 10px;color:#f0e8f8;font-size:14px}.studioEqGroupRow{display:grid;grid-template-columns:repeat(5,minmax(58px,1fr));gap:8px;align-items:end}
.studioEqBand{position:relative;display:grid;grid-template-rows:auto auto 188px auto;justify-items:center;gap:7px;min-width:0;padding:8px 4px;border-radius:10px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.025)}
.studioEqBand output{font-size:12px;font-weight:900;color:#d8c8e6}.studioEqBand strong{font-size:10px;line-height:1.15;text-align:center;color:#a99ab7}
.studioEqBand input[type=range]{writing-mode:vertical-lr;direction:rtl;width:24px;height:188px;accent-color:#9b5cff;cursor:ns-resize}
.studioEqBand.boost{background:rgba(155,92,255,.10)}.studioEqBand.cut{background:rgba(63,179,255,.08)}
.studioEqBand.repairProtected{border-color:rgba(255,212,59,.48);box-shadow:inset 0 0 0 1px rgba(255,212,59,.08)}
.studioEqRepairMarker{position:absolute;z-index:2;left:4px;right:4px;top:4px;padding:3px 4px;border-radius:6px;background:rgba(255,212,59,.92);color:#211600;font-size:8px;font-weight:900;line-height:1.1;text-align:center;white-space:normal}
.studioEqFaders.layer-tone .studioEqRepairMarker{display:none!important}.studioEqFaders.layer-repairs .studioEqBand input,.studioEqFaders.layer-repairs .studioEqBand output{opacity:.26}
.studioEqHint{margin:0;color:#9d8eaa;font-size:12px}.masteringDynamicsGrid{margin-top:18px}
.notice.warning{border-color:rgba(255,145,77,.48);background:rgba(255,145,77,.09);color:#ffd7bf}
@media(max-width:980px){.studioEqToolbar{grid-template-columns:1fr}.studioEqResetActions{justify-content:flex-start}.studioEqFaders{grid-auto-columns:minmax(330px,88vw)}}
@media(max-width:560px){.eqTabBar button{flex-basis:100%}.studioEqGraph{height:230px}.studioEqFaders{grid-auto-columns:minmax(310px,94vw)}.studioEqBand{grid-template-rows:auto auto 155px auto}.studioEqBand input[type=range]{height:155px}.studioEqGroupRow{gap:5px}}


/* === V0.8.9 · Geführter Workflow & dauerhaftes Monitoring-Dock === */
.workflowSteps{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:7px;padding:9px;overflow:visible}
.workflowStep{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icon label" "icon hint";align-items:center;gap:0 9px;min-width:0;padding:10px 11px;border:1px solid transparent;border-radius:13px;background:rgba(255,255,255,.025);color:#bbaec7;text-align:left;cursor:pointer;transition:.16s ease}
.workflowStep:hover{border-color:rgba(155,92,255,.42);background:rgba(155,92,255,.08);color:#fff}
.workflowStepIcon{grid-area:icon;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#261833;font-size:1.05rem;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.workflowStep span:nth-child(2){grid-area:label;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workflowStep span b{color:#887795;font-size:.7rem;margin-right:3px}.workflowStep i{grid-area:hint;color:#85768f;font-size:.63rem;font-style:normal;font-weight:750}
.workflowStep.active{border-color:#ffd43b;background:linear-gradient(135deg,rgba(255,212,59,.30),rgba(155,92,255,.24));color:#fff;box-shadow:0 0 0 1px rgba(255,212,59,.15),0 8px 28px rgba(255,212,59,.10)}
.workflowStep.active .workflowStepIcon{background:#ffd43b;color:#211600;box-shadow:0 0 20px rgba(255,212,59,.24)}.workflowStep.active span b,.workflowStep.active i{color:#fff0a4}
.workflowStep.completed:not(.active){border-color:rgba(69,214,154,.34);background:rgba(69,214,154,.055)}.workflowStep.completed:not(.active)::after{content:"✓";position:absolute;right:7px;top:6px;color:#45d69a;font-size:.72rem;font-weight:950}
.workflowStep.locked{opacity:.52}.workflowStep.locked:hover{border-color:rgba(255,255,255,.08);background:rgba(255,255,255,.025)}
.workflowContext{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;margin:12px 0 4px;padding:12px 15px;border:1px solid rgba(155,92,255,.30);border-radius:15px;background:linear-gradient(135deg,rgba(155,92,255,.09),rgba(255,212,59,.035))}
.workflowContext>span:first-child{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#2b1b39;font-size:1.2rem}.workflowContext>div{display:flex;flex-direction:column;gap:2px}.workflowContext small{color:var(--muted)}.workflowContextState{padding:6px 10px;border:1px solid rgba(255,212,59,.30);border-radius:999px;color:#ffe77d;font-size:.72rem;font-weight:850;white-space:nowrap}
.workflowPage[hidden]{display:none!important}.workflowPage.workflowPageEntering{animation:workflowPageIn .18s ease-out}@keyframes workflowPageIn{from{opacity:.25;transform:translateY(7px)}to{opacity:1;transform:none}}
.workflowRepairDetails{margin-top:-5px;border-top-left-radius:16px;border-top-right-radius:16px}
.workflowFooter{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px;padding-top:17px;border-top:1px solid rgba(155,92,255,.26)}.workflowFooterInfo{display:flex;flex-direction:column;gap:3px;min-width:0}.workflowFooterInfo strong{color:#fff}.workflowFooterInfo small{color:var(--muted)}.workflowFooterActions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.workflowFooter .primary{min-width:230px}.workflowFooter .primary:disabled{opacity:.42}
.workflowSkipBtn{background:transparent!important}

/* aktive Auswahl muss sofort sichtbar sein */
.segmentedChoice button.active,.masteringIntensityButtons button.active{border-color:#ffd43b!important;background:linear-gradient(135deg,rgba(255,212,59,.42),rgba(155,92,255,.24))!important;color:#fff!important;box-shadow:0 0 0 1px rgba(255,212,59,.18),0 8px 25px rgba(255,212,59,.14)!important}
.segmentedChoice button.active::after{content:"✓ Aktiv";display:inline-flex;margin-left:auto;padding:2px 6px;border-radius:999px;background:#ffd43b;color:#211600;font-size:.6rem;font-weight:950}
.eqTabBar button{display:flex;align-items:center;justify-content:center;gap:7px}.eqTabBar button span{font-size:1rem}.eqTabBar button.active{background:linear-gradient(135deg,rgba(255,212,59,.34),rgba(155,92,255,.30));border-color:#ffd43b;box-shadow:0 0 0 1px rgba(255,212,59,.13),0 10px 30px rgba(255,212,59,.10)}
.diagnosisTab span::before{margin-right:6px}.diagnosisTab[data-diagnosis-tab="technical"] span::before{content:"🛠️"}.diagnosisTab[data-diagnosis-tab="tonal"] span::before{content:"🎧"}.diagnosisTab[data-diagnosis-tab="corrected"] span::before{content:"✅"}.diagnosisTab[data-diagnosis-tab="control"] span::before{content:"📊"}

/* Reparatur nach Anwendung: keine Sackgasse */
.analysisRepairControls.repairAppliedState{border-color:rgba(69,214,154,.48);background:linear-gradient(180deg,rgba(69,214,154,.07),rgba(255,255,255,.018))}.analysisRepairControls.repairSettingsDirty{border-color:rgba(255,194,75,.55);box-shadow:0 0 0 1px rgba(255,194,75,.08)}
.repairReapplyPanel{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px;padding:12px;border:1px solid rgba(69,214,154,.28);border-radius:13px;background:rgba(69,214,154,.045)}.repairReapplyPanel>div{display:flex;flex-direction:column;gap:3px}.repairReapplyPanel small{color:var(--muted)}.repairReapplyActions{display:flex;gap:8px;flex-wrap:wrap}.repairReapplyPanel.warning{border-color:rgba(255,194,75,.48);background:rgba(255,194,75,.055)}

/* Monitoring-Dock: Welle, Frequenz und Meter in jedem Schritt */
.monitoringTabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:0 0 7px}.monitoringTabs button{min-width:0;padding:6px 4px;border:1px solid #432f56;border-radius:8px;background:#21152c;color:#bbaec7;font-size:.63rem;font-weight:850;cursor:pointer}.monitoringTabs button.active{border-color:#ffd43b;background:#ffd43b;color:#211600}.monitoringTabs button span{display:none}.monitoringPanel[hidden]{display:none!important}.monitoringPanel{min-height:76px}.floatingSpectrumButton{display:block;width:100%;padding:0;border:1px solid #3e2c4f;border-radius:11px;overflow:hidden;background:#09060d;cursor:pointer}#floatingSpectrumCanvas{display:block;width:100%;height:94px;background:#09060d}.monitoringMiniSummary{margin-top:5px;color:#a796b4;font-size:.56rem;line-height:1.25;max-height:2.6em;overflow:hidden}.monitoringMeterGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.monitoringMeterGrid article{padding:6px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:rgba(255,255,255,.035)}.monitoringMeterGrid article.wide{grid-column:1/-1}.monitoringMeterGrid small,.monitoringMeterGrid strong{display:block}.monitoringMeterGrid small{color:#9a89a8;font-size:.52rem}.monitoringMeterGrid strong{margin-top:2px;font-size:.66rem;line-height:1.25;overflow:hidden;text-overflow:ellipsis}.monitoringDock .floatingTransport{margin-top:7px}
.floatingPlayer.expanded .monitoringTabs{margin:6px auto 14px;max-width:620px;gap:8px}.floatingPlayer.expanded .monitoringTabs button{padding:10px 12px;font-size:.82rem}.floatingPlayer.expanded .monitoringTabs button span{display:inline}.floatingPlayer.expanded #floatingSpectrumCanvas{height:min(42vh,380px)}.floatingPlayer.expanded .monitoringMiniSummary{font-size:.78rem;max-height:none;text-align:center;margin:9px 0}.floatingPlayer.expanded .monitoringMeterGrid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:18px 0}.floatingPlayer.expanded .monitoringMeterGrid article.wide{grid-column:auto}.floatingPlayer.expanded .monitoringMeterGrid article{padding:16px}.floatingPlayer.expanded .monitoringMeterGrid small{font-size:.75rem}.floatingPlayer.expanded .monitoringMeterGrid strong{font-size:1.05rem}
.masterSpectrumHome{margin:18px 0}.masterSpectrumHome .spectrumPanel{margin:0}

@media(min-width:1481px){body.floatingPlayerVisible .shell,body.floatingPlayerVisible .topbar,body.floatingPlayerVisible footer{max-width:1320px;padding-right:220px}}
@media(max-width:1080px){.workflowSteps{grid-template-columns:repeat(3,1fr)}.workflowFooter{align-items:flex-start;flex-direction:column}.workflowFooterActions{width:100%;justify-content:stretch}.workflowFooterActions button{flex:1}.workflowFooter .primary{min-width:0}}
@media(max-width:700px){.workflowSteps{grid-template-columns:repeat(2,1fr)}.workflowStep{padding:9px}.workflowContext{grid-template-columns:auto 1fr}.workflowContextState{grid-column:1/-1;justify-self:stretch;text-align:center}.workflowFooterActions{flex-direction:column}.workflowFooterActions button{width:100%}.floatingPlayerPanel .monitoringTabs{grid-area:tabs}.floatingPlayerPanel{grid-template-areas:"header header" "tabs tabs" "wave wave" "transport sources" "timeline status"}.monitoringPanel{grid-area:wave}}
@media(max-width:450px){.workflowSteps{grid-template-columns:1fr 1fr}.workflowStepIcon{width:30px;height:30px}.workflowStep i{display:none}.workflowContext small{font-size:.73rem}}

/* V0.8.9 responsive Dock-Korrektur: Monitoring-Panels sind direkte Grid-Kinder. */
@media(max-width:1480px){
 .floatingPlayerPanel{grid-template-columns:minmax(180px,.65fr) minmax(260px,1.35fr) auto;grid-template-areas:"header tabs status" "monitor monitor monitor" "transport sources sources";align-items:center}
 .monitoringTabs{grid-area:tabs;margin:0}.monitoringPanel{grid-area:monitor;min-width:0}.floatingTransport{grid-area:transport}.floatingSources{grid-area:sources}.floatingPlaybackStatus{grid-area:status}.floatingWaveButton,.floatingSpectrumButton{width:100%}.monitoringPanel #floatingWaveform{height:54px}.monitoringPanel #floatingSpectrumCanvas{height:72px}
}
@media(max-width:820px){
 .floatingPlayerPanel{display:grid;grid-template-columns:1fr;grid-template-areas:"header" "tabs" "monitor" "transport" "sources" "status"}.monitoringPanel #floatingWaveform{height:48px}.monitoringPanel #floatingSpectrumCanvas{height:82px}.monitoringMiniSummary{display:none}
}

/* V0.8.9.1 · Anti-Knack & klarere Workflow-Führung */
.studioEqScrollerShell{position:relative;min-width:0}
.studioEqScrollGuide{display:grid;grid-template-columns:auto minmax(220px,1fr) auto;gap:10px;align-items:center;padding:11px 12px;border:1px solid rgba(255,212,59,.34);border-radius:14px;background:linear-gradient(135deg,rgba(255,212,59,.12),rgba(155,92,255,.08));box-shadow:0 8px 24px rgba(0,0,0,.12)}
.studioEqScrollGuide>div{display:flex;flex-direction:column;gap:2px;text-align:center}.studioEqScrollGuide strong{color:#fff}.studioEqScrollGuide small{color:#d6c8df}
.studioEqScrollGuide .primary{min-width:185px;box-shadow:0 0 22px rgba(255,212,59,.16)}
.studioEqScrollGuide button:disabled{opacity:.38;box-shadow:none}
.studioEqFaders{scrollbar-color:#ffd43b rgba(255,255,255,.08);scrollbar-width:thin;padding-bottom:17px}
.studioEqFaders::-webkit-scrollbar{height:12px}.studioEqFaders::-webkit-scrollbar-track{background:rgba(255,255,255,.07);border-radius:999px}.studioEqFaders::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#9b5cff,#ffd43b);border-radius:999px;border:2px solid #170d20}
.studioEqMoreHint{position:absolute;right:8px;top:50%;z-index:5;transform:translateY(-50%);padding:10px 12px;border:1px solid rgba(255,212,59,.65);border-radius:999px;background:rgba(35,22,4,.94);color:#ffe77d;font-size:.72rem;font-weight:950;pointer-events:none;box-shadow:0 0 24px rgba(255,212,59,.24);animation:eqMorePulse 1.45s ease-in-out infinite}
.studioEqMoreHint[hidden]{display:none!important}@keyframes eqMorePulse{50%{transform:translateY(-50%) translateX(-5px);box-shadow:0 0 34px rgba(255,212,59,.34)}}
.workflowNavButton{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#6f3bd4,#9b5cff)!important;color:#fff!important;border-color:#bc98ff!important;box-shadow:0 9px 26px rgba(111,59,212,.28)!important}
.workflowNavButton span{display:block;margin-bottom:2px;color:#eadfff;font-size:.62rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.workflowNavButton:hover{filter:brightness(1.08)}
.repairReapplyPanel[hidden]{display:none!important}.repairReapplyPanel{margin-top:14px}
@media(max-width:760px){.studioEqScrollGuide{grid-template-columns:1fr 1fr}.studioEqScrollGuide>div{grid-column:1/-1;grid-row:1}.studioEqScrollGuide button{width:100%;min-width:0}.studioEqMoreHint{right:4px;font-size:.65rem}.workflowNavButton{width:100%}}


/* V0.8.9.2 · Monitoring-Qualität, klare Navigation und fester Mittel-Start */
.diagnosisActionBar{display:none!important}
body:has(.diagnosisActionBar:not([hidden])){padding-bottom:0!important}
.workflowTargetPulse{animation:workflowTargetPulse 1.55s ease-out}
@keyframes workflowTargetPulse{0%{box-shadow:0 0 0 0 rgba(255,212,59,.85);transform:translateY(0)}35%{box-shadow:0 0 0 7px rgba(255,212,59,.20);transform:translateY(-2px)}100%{box-shadow:0 0 0 0 rgba(255,212,59,0);transform:translateY(0)}}
.floatingWaveButton,.floatingSpectrumButton{border-color:rgba(155,92,255,.52);box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 8px 24px rgba(0,0,0,.22)}
#floatingWaveform,#floatingSpectrumCanvas{image-rendering:auto!important}
.floatingPlayer.expanded .floatingWaveButton,.floatingPlayer.expanded .floatingSpectrumButton{border-radius:16px;border-color:rgba(255,212,59,.42);box-shadow:0 18px 48px rgba(0,0,0,.34),0 0 0 1px rgba(255,212,59,.08)}
.floatingPlayer.expanded #floatingWaveform{height:min(36vh,330px);background:linear-gradient(180deg,#18101f,#0b0710 55%,#160d1d)}
.floatingPlayer.expanded #floatingSpectrumCanvas{height:min(44vh,400px);background:#09060d}
.floatingPlayerPanel{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}


/* V0.8.9.4 · UI-Freischaltung & menschenlesbares Studio-Messprotokoll */
.internalDiagnosticFacts[hidden]{display:none!important}
#master .startSettings{margin:0 0 18px;border-width:2px;box-shadow:0 14px 34px rgba(255,212,59,.07)}
#master .masteringIntensityButtons button.active{background:linear-gradient(135deg,rgba(255,212,59,.55),rgba(155,92,255,.28));border-color:#ffe36b;box-shadow:0 0 0 2px rgba(255,212,59,.16),0 12px 34px rgba(255,212,59,.18)}
.eqTabBar{gap:12px;padding:9px;border-color:rgba(255,212,59,.24);background:linear-gradient(180deg,rgba(18,10,27,.96),rgba(11,7,17,.96));box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}
.eqTabBar button{position:relative;min-height:72px;display:flex;align-items:center;justify-content:center;gap:11px;padding:12px 16px;border:1px solid rgba(155,92,255,.22);background:rgba(255,255,255,.025);overflow:hidden}
.eqTabBar button::after{content:"";position:absolute;left:14px;right:14px;bottom:5px;height:3px;border-radius:999px;background:transparent}
.eqTabBar button .eqTabIcon{font-size:1.45rem;filter:saturate(.85);transition:transform .16s,filter .16s}
.eqTabCopy{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left}.eqTabCopy strong{font-size:.98rem}.eqTabCopy small{font-size:.68rem;color:#9e8dad}
.eqTabBar button.active{background:linear-gradient(135deg,rgba(255,212,59,.58),rgba(155,92,255,.36));border-color:#ffe36b;color:#fff;box-shadow:0 0 0 2px rgba(255,212,59,.16),0 14px 38px rgba(255,212,59,.17)}
.eqTabBar button.active::after{background:#ffe36b;box-shadow:0 0 13px rgba(255,212,59,.8)}.eqTabBar button.active .eqTabIcon{transform:scale(1.12);filter:saturate(1.2)}.eqTabBar button.active .eqTabCopy small{color:#fff4ae}
.studioEqLayers button{min-width:0;white-space:nowrap;font-size:.8rem}
.studioEqExpertToggle{border:2px solid rgba(255,212,59,.34)!important;background:linear-gradient(135deg,rgba(255,212,59,.09),rgba(255,255,255,.025))!important;transition:border-color .18s,background .18s,box-shadow .18s}
.studioEqExpertToggle strong{font-size:.9rem;color:#ffe77d}.studioEqExpertToggle small{line-height:1.38}
.studioEqExpertToggle.expertActive{border-color:#ff5f58!important;background:linear-gradient(135deg,rgba(255,52,52,.22),rgba(255,129,55,.10))!important;box-shadow:0 0 0 2px rgba(255,73,65,.12),0 12px 32px rgba(255,49,49,.13)!important}
.studioEqExpertToggle.expertActive strong{color:#ff8b82;font-size:1rem;text-transform:uppercase;letter-spacing:.02em}.studioEqExpertToggle.expertActive small{color:#ffd3ce}
.repairReapplyPanel{margin:12px 0 0;border-width:2px}.analysisRepairControls .repairReapplyPanel{grid-column:1/-1}.repairSettingsDirty .repairReapplyPanel{border-color:#ffd43b;background:linear-gradient(135deg,rgba(255,212,59,.12),rgba(255,255,255,.025));box-shadow:0 10px 26px rgba(255,212,59,.08)}
.measurementReportPanel{margin-top:16px;padding:17px;border:1px solid rgba(69,214,154,.38);border-radius:17px;background:linear-gradient(145deg,rgba(69,214,154,.065),rgba(155,92,255,.045));box-shadow:0 14px 36px rgba(0,0,0,.12)}
.measurementReportPanel.reportStale{border-color:rgba(255,194,75,.55);background:linear-gradient(145deg,rgba(255,194,75,.08),rgba(155,92,255,.04))}
.measurementReportHeading{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.measurementReportHeading>div{display:flex;gap:10px;align-items:flex-start}.measurementReportHeading>div>div{display:flex;flex-direction:column;gap:3px}.measurementReportHeading small{color:var(--muted);line-height:1.4}.measurementReportIcon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:rgba(69,214,154,.13);font-size:1.2rem}.measurementReportStatus{padding:6px 10px;border:1px solid rgba(69,214,154,.35);border-radius:999px;color:#a9f3d1;font-size:.74rem;font-weight:900;white-space:nowrap}.reportStale .measurementReportStatus{border-color:rgba(255,194,75,.45);color:#ffe299}
.measurementReportQuick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:14px 0}.measurementReportQuick article{padding:10px 12px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(9,6,13,.48)}.measurementReportQuick small,.measurementReportQuick strong{display:block}.measurementReportQuick small{color:#a997b6;font-size:.7rem}.measurementReportQuick strong{margin-top:3px;font-size:.92rem}
.measurementReportActions{display:flex;gap:8px;flex-wrap:wrap}.measurementReportActions button{flex:1 1 145px}.measurementReportPreview{margin-top:14px;max-height:440px;overflow:auto;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:#0c0811}.measurementReportPreview table{width:100%;border-collapse:collapse}.measurementReportPreview th,.measurementReportPreview td{padding:9px 11px;border-bottom:1px solid rgba(255,255,255,.07);text-align:left;vertical-align:top}.measurementReportPreview th{width:38%;color:#bcaac9;font-size:.75rem}.measurementReportPreview td{color:#f2eaf7;font-size:.78rem;word-break:break-word}.measurementReportNote{margin:11px 0 0;color:#b9a9c5;font-size:.73rem;line-height:1.45}
@media(max-width:820px){.eqTabBar button{flex-basis:100%;min-height:58px}.measurementReportHeading{flex-direction:column}.measurementReportStatus{white-space:normal}.measurementReportQuick{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.measurementReportQuick{grid-template-columns:1fr 1fr}.measurementReportActions{flex-direction:column}.measurementReportActions button{width:100%}.studioEqLayers{grid-template-columns:1fr}.studioEqLayers button{white-space:normal}}

.repairStrengthCard .repairReapplyPanel{flex-direction:column;align-items:stretch;margin-top:11px;padding:11px}.repairStrengthCard .repairReapplyActions{display:grid;grid-template-columns:1fr}.repairStrengthCard .repairReapplyActions button{width:100%}


/* V0.8.9.4 · Verarbeitungssperren und lesbare Berichte */
.sourceBtn.sourceLocked,.floatingSourceBtn.sourceLocked{position:relative;opacity:.54;filter:saturate(.55);cursor:not-allowed;border-style:dashed!important}
.sourceBtn.sourceLocked::after,.floatingSourceBtn.sourceLocked::after{content:'🔒';position:absolute;right:5px;top:4px;font-size:.68rem;line-height:1;filter:none}
.sourceBtn.sourceLocked:hover,.floatingSourceBtn.sourceLocked:hover{transform:none;box-shadow:none}
.compareAvailabilityHint{margin:8px 0 4px;padding:8px 10px;border-radius:10px;font-size:.72rem;line-height:1.4}
.compareAvailabilityHint.locked{border:1px solid rgba(255,194,75,.34);background:rgba(255,194,75,.07);color:#ffe1a1}
.compareAvailabilityHint.ready{border:1px solid rgba(69,214,154,.38);background:rgba(69,214,154,.08);color:#aaf1d0}
.measurementReportPreview h3{margin:15px 12px 8px;color:#f1e7f7;font-size:.9rem}
.measurementReportPreview .reportTable{width:100%;border-collapse:collapse}
.measurementReportPreview .repairTable{min-width:940px}
.measurementReportPreview .repairSummary{min-width:0}
.measurementReportPreview .locationCount{display:block;margin-top:3px;color:#9f8eaa;font-size:.67rem}
.measurementReportPreview .emptyReport{margin:10px 12px;padding:10px;border-radius:9px;background:rgba(255,255,255,.035);color:#b8a8c3}
@media(max-width:620px){.sourceBtn.sourceLocked::after{right:3px;top:3px;font-size:.58rem}.compareAvailabilityHint{font-size:.67rem}}

/* V0.8.9.4 · True-Peak-Kommunikation und Original/Master-Vergleich */
.truePeakControl select{font-weight:800}
.truePeakGuidance{display:block;margin-top:8px;padding:9px 10px;border-radius:10px;line-height:1.42;border:1px solid rgba(155,92,255,.24);background:rgba(155,92,255,.06);color:#c9b8d6}
.truePeakGuidance.safe{border-color:rgba(69,214,154,.42);background:rgba(69,214,154,.09);color:#aaf1d0}
.truePeakGuidance.info{border-color:rgba(97,162,255,.42);background:rgba(97,162,255,.08);color:#bcd8ff}
.truePeakGuidance.warning{border-color:rgba(255,194,75,.52);background:rgba(255,194,75,.10);color:#ffe1a1}
.truePeakGuidance.danger{border-color:rgba(255,95,88,.65);background:rgba(255,73,65,.14);color:#ffc0bb;font-weight:800}
.measurementReportPreview .reportComparisonTable{min-width:820px}
.measurementReportPreview .reportComparisonTable th{width:auto;white-space:nowrap}
.measurementReportPreview .reportComparisonTable td:last-child{font-weight:750}

/* V0.9.0.2: feste Experten-Geometrie und entkoppelte Drag-Darstellung */
#eqHeadroomWarning{box-sizing:border-box;height:56px;min-height:56px;max-height:56px;display:flex;align-items:center;overflow:hidden;margin:10px 0 0;contain:layout paint}
#eqHeadroomWarning[hidden]{display:none!important}
#eqHeadroomWarning.strong{border-color:rgba(255,91,82,.76);background:linear-gradient(135deg,rgba(255,52,52,.20),rgba(255,129,55,.08));color:#ffd5d1}
.studioEqFaders.isDragging{scroll-snap-type:none;scroll-behavior:auto;overscroll-behavior-x:contain}
.studioEqFaders.isDragging .studioEqBand{contain:layout paint}

/* V0.9.1.4 · Nachklangverlängerung mit einstellbarem Pre-Tail-Übergang */
.endingTailPanel{margin-top:18px;padding:16px;border:1px solid rgba(155,92,255,.34);border-radius:17px;background:linear-gradient(145deg,rgba(155,92,255,.075),rgba(255,212,59,.035));box-shadow:0 14px 34px rgba(0,0,0,.12)}
.endingTailHeading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:13px}.endingTailHeading>div{display:flex;align-items:flex-start;gap:11px;min-width:0}.endingTailHeading h3{margin:0 0 4px;font-size:1rem}.endingTailHeading p{margin:0;max-width:78ch;color:var(--muted);font-size:.75rem;line-height:1.45}.endingTailHeading>strong{flex:0 0 auto;padding:7px 10px;border:1px solid rgba(155,92,255,.34);border-radius:999px;background:rgba(10,6,15,.45);color:#d8c8e5;font-size:.72rem;white-space:nowrap}.endingTailIcon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:rgba(155,92,255,.15);font-size:1.25rem}
.endingTailModes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.endingTailModes button{min-height:82px;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icon title" "icon copy";align-items:center;column-gap:9px;padding:11px 13px;text-align:left;border:1px solid rgba(255,255,255,.10);background:rgba(10,6,15,.55)}.endingTailModes button>span{grid-area:icon;font-size:1.25rem}.endingTailModes button>b{grid-area:title;color:#eee4f4}.endingTailModes button>small{grid-area:copy;color:#a997b6;font-size:.68rem;line-height:1.32}.endingTailModes button.active{border-color:#ffe36b;background:linear-gradient(135deg,rgba(255,212,59,.23),rgba(155,92,255,.23));box-shadow:0 0 0 2px rgba(255,212,59,.10),0 10px 26px rgba(155,92,255,.10)}.endingTailModes button.active>b{color:#fff7bd}.endingTailModes button.active>small{color:#eadfff}
.endingTailSettings{display:grid;grid-template-columns:repeat(2,minmax(250px,1fr));gap:12px;margin-top:12px}.endingTailSettings .control{margin:0}.endingTailSafety{display:flex;flex-direction:column;justify-content:center;padding:11px 13px;border:1px solid rgba(69,214,154,.34);border-radius:12px;background:rgba(69,214,154,.07)}.endingTailSafety b{color:#aaf1d0;font-size:.8rem}.endingTailSafety small{margin-top:4px;color:#b9dcca;font-size:.7rem;line-height:1.4}.endingTailPanel.tailActive .endingTailHeading>strong{border-color:rgba(69,214,154,.48);color:#adf2d2;background:rgba(69,214,154,.08)}
@media(max-width:780px){.endingTailHeading{flex-direction:column}.endingTailHeading>strong{white-space:normal}.endingTailModes{grid-template-columns:1fr}.endingTailSettings{grid-template-columns:1fr}}

/* V0.9.1.3 – bei Hall/Echo entfällt der normale Fade-out vollständig */
#fadeOutControl[hidden]{display:none!important}
#endingBasicControls.tailModeActive{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:980px){#endingBasicControls.tailModeActive{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){#endingBasicControls.tailModeActive{grid-template-columns:1fr}}

/* V0.9.1.4 – wählbarer Beginn des Wet-Nachklangs */
.endingTailLeadRow{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:36px}.endingTailLeadRow input[type=range]{width:100%;margin:0}.endingTailLeadRow output{min-width:52px;padding:5px 8px;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:rgba(10,6,15,.45);color:#fff4ad;font-weight:800;text-align:center}.endingTailSettings .control.automatic .endingTailLeadRow{opacity:.72}.endingTailSettings select:disabled,.endingTailSettings input:disabled{cursor:not-allowed}
@media(max-width:980px){.endingTailSettings{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.endingTailSettings{grid-template-columns:1fr}}

/* V0.9.2 · Finaler Export: MP3, WAV und Cover-Video */
.exportFormatGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:18px 0}
.exportFormatCard{appearance:none;width:100%;min-height:112px;display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:15px;align-items:center;text-align:left;padding:17px 18px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.035),rgba(155,92,255,.035));color:var(--text);cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease,opacity .16s ease}
.exportFormatCard:hover:not(:disabled){transform:translateY(-2px);border-color:rgba(255,212,59,.72);background:linear-gradient(135deg,rgba(255,212,59,.07),rgba(155,92,255,.075))}
.exportFormatCard:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}
.exportFormatCard:disabled{opacity:.43;cursor:not-allowed}
.exportFormatCard>span:nth-child(2){display:flex;min-width:0;flex-direction:column;gap:4px}
.exportFormatCard strong{font-size:1.05rem}
.exportFormatCard small{color:var(--muted);line-height:1.35}
.exportFormatCard>b{color:var(--yellow);font-size:.83rem;white-space:nowrap}
.exportFormatIcon{position:relative;display:grid;place-items:center;width:62px;height:68px;border:1px solid rgba(155,92,255,.58);border-radius:13px;color:#b794ff;background:#100a17;font-size:.72rem;font-weight:950;letter-spacing:.03em;box-shadow:5px 5px 0 -2px #100a17,5px 5px 0 -1px rgba(155,92,255,.42),-5px -5px 0 -2px #100a17,-5px -5px 0 -1px rgba(155,92,255,.25)}
.exportFormatIcon:after{content:"";position:absolute;right:8px;top:7px;width:12px;height:12px;border-top:1px solid currentColor;border-right:1px solid currentColor;opacity:.7}
.exportFormatIcon.hd,.exportFormatIcon.video{font-size:.66rem}
.exportOptions{margin-top:4px}.exportOptions .toggle{max-width:780px}
.preflight{grid-template-columns:repeat(5,1fr)}
.exportFormatCard.isBusy{border-color:var(--yellow);box-shadow:0 0 0 1px rgba(255,212,59,.3),0 12px 35px rgba(0,0,0,.2)}
@media(max-width:900px){.exportFormatGrid{grid-template-columns:1fr}.preflight{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.exportFormatCard{grid-template-columns:58px minmax(0,1fr);padding:15px}.exportFormatCard>b{grid-column:2}.exportFormatIcon{width:50px;height:58px}.preflight{grid-template-columns:1fr}}


/* Export-Fortschritt, Abschluss-Zusammenfassung und öffentliche Free-Version */
.completionDialog[data-kind="export"] .completionDialogCard{width:min(610px,calc(100vw - 36px))}
.completionDialog[data-kind="export"] .completionDialogSummary{white-space:pre-line;text-align:left;line-height:1.62}
.completionDialog[data-kind="export"][data-state="processing"] .completionDialogSummary{text-align:center;white-space:normal}
.supportFloat{position:fixed;z-index:1050;left:16px;bottom:18px;display:flex;align-items:center;gap:9px;padding:11px 14px;border:1px solid rgba(255,212,59,.56);border-radius:999px;background:rgba(24,15,34,.94);color:#fff;text-decoration:none;box-shadow:0 14px 42px rgba(0,0,0,.38);backdrop-filter:blur(14px);transition:transform .16s ease,border-color .16s ease,background .16s ease}
.supportFloat:hover{transform:translateY(-2px);border-color:#ffe982;background:rgba(48,30,63,.97)}
.supportFloat span{font-size:1.05rem}.supportFloat strong{font-size:.78rem;white-space:nowrap}
.freeAdSlot{width:min(760px,100%);margin:24px auto 4px;padding:8px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.018);text-align:center}
.freeAdSlot>small{display:block;margin-bottom:5px;color:#7f7189;font-size:.6rem;font-weight:800;letter-spacing:.14em}
.freeAdPlaceholder{display:grid;place-items:center;min-height:68px;border:1px dashed rgba(255,255,255,.12);border-radius:10px;color:#776b80;font-size:.72rem;background:rgba(8,5,12,.28)}
@media(max-width:1480px){body.floatingPlayerVisible .supportFloat{bottom:136px}}
@media(max-width:820px){body.floatingPlayerVisible .supportFloat{bottom:168px}.supportFloat{left:10px;bottom:10px;padding:9px 12px}.supportFloat strong{font-size:.72rem}}
@media(max-width:520px){body.floatingPlayerVisible .supportFloat{bottom:188px}.supportFloat{border-radius:13px}.supportFloat strong{display:none}}


/* Öffentlicher Footer, Rechtliches und vorbereitete Werbefläche */
.exportRightsNotice{margin:14px 2px 0;color:#9f91aa;font-size:.78rem;line-height:1.45}
.siteFooter{padding-top:18px;padding-bottom:52px;border-top:1px solid rgba(255,255,255,.08);color:var(--muted);font-size:.82rem}
.footerMain{display:flex;justify-content:space-between;gap:28px;align-items:flex-start}
.footerMain>div{max-width:650px}.footerMain>div>strong{color:#fff;font-size:.95rem}.footerMain p{margin:6px 0 0;line-height:1.5}
.footerMain nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px 14px}.footerMain a{color:#d9c8e8;text-decoration:none;font-weight:750}.footerMain a:hover{color:#ffe982;text-decoration:underline}
.footerCopyright{margin-top:17px!important;color:#8b7d96}
.freeAdSlot[hidden]{display:none!important}.freeAdPlaceholder{min-height:70px;display:grid;place-items:center;border:1px dashed rgba(255,255,255,.1);border-radius:10px;color:#8c7f96;font-size:.74rem}
@media(max-width:720px){.footerMain{flex-direction:column}.footerMain nav{justify-content:flex-start}.siteFooter{padding-bottom:92px}}


/* Public branding: DJ Curtis logo and responsive header */
.brandHeader{display:flex;align-items:center;gap:24px;min-width:0}
.brandLogoLink{display:flex;flex:0 0 auto;width:174px;align-items:center;justify-content:center;border-radius:22px;padding:8px;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}
.brandLogoLink:hover,.brandLogoLink:focus-visible{transform:translateY(-2px);background:rgba(155,92,255,.08);box-shadow:0 12px 34px rgba(0,0,0,.24);outline:none}
.brandLogo{display:block;width:100%;height:auto;filter:drop-shadow(0 12px 24px rgba(0,0,0,.34))}
.brandCopy{min-width:0}
.brandCopy h1{margin-top:.35rem}
@media(max-width:980px){.brandHeader{width:100%}.brandLogoLink{width:150px}}
@media(max-width:650px){.brandHeader{align-items:flex-start;gap:13px}.brandLogoLink{width:105px;padding:4px;border-radius:15px}.brandCopy h1{font-size:clamp(1.72rem,9.5vw,2.55rem)}.brandCopy h1 span{font-size:.45em;margin-top:.5rem}.brandCopy .subtitle{font-size:.92rem}.brandCopy .eyebrow{font-size:.65rem;letter-spacing:.13em}}
@media(max-width:420px){.brandHeader{gap:9px}.brandLogoLink{width:86px}.brandCopy .subtitle{font-size:.84rem}}