:root{--drs-red:#ff4654;--drs-red-strong:#d63846;--drs-coral:#ff7b86;--drs-teal:#138b86;--drs-ink:#171925;--drs-muted:#626b7f;--drs-line:#e4e2e7;--drs-soft:#faf9fa;--drs-panel:#fff;--drs-focus:#0f766e}
.drs-hero,.drs-app,.drs-content{max-width:1440px}
.drs-hero{display:grid;grid-template-columns:92px minmax(0,880px);gap:24px;align-items:center;padding-top:54px;padding-bottom:34px}
.drs-hero-mark{width:84px;height:84px;display:grid;place-items:center;border:1px solid #ffc5ca;border-radius:25px 11px 25px 11px;color:var(--drs-red-strong);background:radial-gradient(circle at 70% 22%,#ffd5d9,transparent 32%),linear-gradient(145deg,#fff,#fff2f3);box-shadow:0 18px 38px rgba(214,56,70,.13)}
.drs-hero-mark svg{width:64px;height:64px;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.drs-hero-mark circle{fill:var(--drs-red);stroke:none}
.drs-kicker{margin:0;color:var(--drs-red-strong);font-size:.76rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.drs-hero h1{margin:7px 0 8px;color:var(--drs-ink);font-size:clamp(2.2rem,5vw,4.6rem);line-height:.98;letter-spacing:-.055em}.drs-lede{max-width:850px;margin:0;color:var(--drs-muted);font-size:1rem;line-height:1.65}
.drs-app{--drs-toolbar:76px;overflow:hidden;margin-bottom:42px;border:1px solid var(--drs-line);border-radius:22px;background:#fff;box-shadow:0 28px 70px rgba(38,31,45,.11)}
.drs-app *{box-sizing:border-box}.drs-app button,.drs-app input,.drs-app select{font:inherit}.drs-app button,.drs-app label,.drs-app select{touch-action:manipulation}.drs-app button{min-height:44px;cursor:pointer}.drs-app button:disabled{cursor:not-allowed;opacity:.43}.drs-app button:focus-visible,.drs-app input:focus-visible,.drs-app select:focus-visible,.drs-open:focus-within{outline:3px solid var(--drs-focus);outline-offset:2px}
.drs-toolbar{min-height:var(--drs-toolbar);display:grid;grid-template-columns:145px minmax(160px,1fr) auto auto auto 145px;gap:10px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--drs-line);background:rgba(255,255,255,.98)}
.drs-toolbar svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.drs-open,.drs-export,.drs-toolbar-button,.drs-transport button{min-height:48px;display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 13px;border:1px solid #f2aab2;border-radius:11px;color:var(--drs-red-strong);background:#fff;font-size:.78rem;font-weight:850;cursor:pointer}.drs-open input{position:absolute;width:1px;height:1px;opacity:0}.drs-source{min-width:0}.drs-source strong,.drs-source small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drs-source strong{color:var(--drs-ink);font-size:.78rem}.drs-source small{margin-top:4px;color:var(--drs-muted);font-size:.69rem}.drs-transport{display:flex;align-items:center;gap:9px}.drs-transport button{min-width:90px;color:#fff;border-color:var(--drs-red);background:var(--drs-red)}.drs-transport time{min-width:88px;color:var(--drs-ink);font-size:.75rem;font-variant-numeric:tabular-nums}.drs-audition{display:flex;padding:3px;border:1px solid var(--drs-line);border-radius:11px;background:#f6f5f7}.drs-audition button{min-width:82px;padding:7px 10px;border:0;border-radius:8px;color:#5e5665;background:transparent;font-size:.7rem;font-weight:850}.drs-audition button[aria-selected=true]{color:#fff;background:#26232c}.drs-toolbar-button{border-color:var(--drs-line);color:#5a5360}.drs-toolbar-button[aria-pressed=true]{border-color:#ef9da6;color:var(--drs-red-strong);background:#fff1f2}.drs-export{color:#fff;border-color:var(--drs-red);background:linear-gradient(135deg,var(--drs-red),var(--drs-red-strong));box-shadow:0 10px 24px rgba(214,56,70,.18)}
.drs-open:hover,.drs-toolbar-button:hover,.drs-presets button:hover{border-color:#ed929c;background:#fff5f6}.drs-app button:active,.drs-open:active{opacity:.78}
.drs-workspace{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(410px,.72fr);min-height:620px}.drs-visual,.drs-controls{min-width:0;padding:18px}.drs-visual{border-right:1px solid var(--drs-line);background-color:#fdfcfd;background-image:radial-gradient(circle,#ddd9df .8px,transparent .8px);background-size:18px 18px}.drs-controls{background:linear-gradient(155deg,#fff,#fff8f9)}
.drs-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}.drs-overline{display:block;color:var(--drs-red-strong);font-size:.65rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.drs-panel-head h2{margin:4px 0 0;color:var(--drs-ink);font-size:1.12rem;letter-spacing:-.02em}.drs-legend{display:flex;gap:12px;color:var(--drs-muted);font-size:.72rem}.drs-legend span{display:flex;align-items:center;gap:5px}.drs-legend i{width:18px;height:3px;border-radius:9px;background:var(--drs-teal)}.drs-legend span:last-child i{background:var(--drs-red)}.drs-local{min-height:36px;display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #bfe3dc;border-radius:999px;color:#176d68;background:#f0fbf8;font-size:.69rem;font-weight:850;white-space:nowrap}.drs-local i{width:9px;height:9px;border:2px solid #4bad75;border-radius:50%}
.drs-canvas-wrap{position:relative;min-height:430px;overflow:hidden;border:1px solid #e0dce2;border-radius:15px;background:linear-gradient(180deg,#fff,#fffafb);box-shadow:inset 0 1px 0 #fff,0 13px 30px rgba(42,34,49,.06)}#drs-spectrum{width:100%;height:430px;display:block}.drs-empty{position:absolute;inset:0;display:grid;place-content:center;gap:5px;padding:20px;text-align:center;pointer-events:none}.drs-empty strong{color:#38333d;font-size:.92rem}.drs-empty span{color:var(--drs-muted);font-size:.75rem}.drs-empty[hidden]{display:none}
.drs-meters{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.drs-meters>div{min-width:0;padding:10px 12px;border:1px solid var(--drs-line);border-radius:10px;background:rgba(255,255,255,.96)}.drs-meters span,.drs-meters b{display:block}.drs-meters span{color:var(--drs-muted);font-size:.66rem}.drs-meters b{margin-top:4px;color:var(--drs-ink);font-size:.79rem;font-variant-numeric:tabular-nums}.drs-progress{margin-top:10px;padding:10px 12px;border:1px solid #fed0d4;border-radius:10px;background:#fff4f5}.drs-progress>div{display:flex;justify-content:space-between;color:#743841;font-size:.73rem}.drs-progress progress{width:100%;height:11px;margin-top:6px;accent-color:var(--drs-red)}
.drs-presets{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:10px}.drs-presets button{padding:8px;border:1px solid var(--drs-line);border-radius:9px;color:#554e5b;background:#fff;font-size:.72rem;font-weight:820}.drs-presets button[aria-pressed=true]{border-color:#ef9ba4;color:#a82131;background:#fff1f2;box-shadow:inset 3px 0 var(--drs-red)}
.drs-control-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.drs-control{min-width:0;padding:10px 11px;border:1px solid var(--drs-line);border-radius:11px;background:#fff;box-shadow:0 7px 18px rgba(34,29,39,.035)}.drs-control--lead{grid-column:1/-1;padding:12px 13px;border-color:#f3bac0;background:linear-gradient(135deg,#fff,#fff5f6)}.drs-control>div{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.drs-control label{color:#3d3741;font-size:.75rem;font-weight:850}.drs-control output{color:var(--drs-red-strong);font-size:.73rem;font-weight:900;font-variant-numeric:tabular-nums;white-space:nowrap}.drs-control input[type=range]{width:100%;height:44px;margin:0;accent-color:var(--drs-red);cursor:ew-resize}.drs-control small{display:block;min-height:2.5em;color:var(--drs-muted);font-size:.66rem;line-height:1.35}.drs-control select{width:100%;height:44px;margin-top:2px;padding:0 9px;border:1px solid #d6d1d8;border-radius:8px;color:#37313b;background:#fff}.drs-quality output{color:var(--drs-teal)}.drs-honesty{margin:10px 0 0;padding:11px 12px;border-left:3px solid var(--drs-teal);border-radius:3px 9px 9px 3px;color:#526273;background:#f1faf8;font-size:.73rem;line-height:1.45}.drs-honesty strong{color:#176d68}.drs-status{min-height:46px;display:flex;align-items:center;margin:0;padding:10px 18px;border-top:1px solid var(--drs-line);color:#5c5561;background:#fff;font-size:.77rem}.drs-status.is-error{color:#9d2634;background:#fff1f2}
.drs-content{padding-bottom:90px}.drs-content h2{margin:46px 0 12px;color:var(--drs-ink);font-size:clamp(1.45rem,3vw,2.25rem);letter-spacing:-.035em}.drs-content p,.drs-content li{color:#505b70;line-height:1.72}.drs-content .tool-facts{margin-top:0}.drs-use-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.drs-use-grid article{padding:18px;border:1px solid var(--drs-line);border-radius:14px;background:#fff;box-shadow:0 10px 25px rgba(35,30,41,.045)}.drs-use-grid h3{margin:0 0 6px;color:var(--drs-ink);font-size:1rem}.drs-use-grid p{margin:0;font-size:.88rem}
.drs-app summary:focus-visible{outline:3px solid var(--drs-focus);outline-offset:2px}
.drs-legend{flex-wrap:wrap;gap:8px 12px}.drs-legend span:nth-child(2) i{background:var(--drs-red)}.drs-legend span:nth-child(3) i{height:7px;border-top:2px dashed var(--drs-teal);border-radius:0;background:transparent}
.drs-hotspot-panel{margin-top:10px;padding:11px;border:1px solid #cce8e3;border-radius:12px;background:linear-gradient(135deg,#fff,#f5fbfa);box-shadow:0 8px 20px rgba(19,139,134,.055)}.drs-hotspot-panel>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.drs-hotspot-panel h3{margin:2px 0 0;color:var(--drs-ink);font-size:.84rem}.drs-profile-key{display:flex;align-items:center;gap:6px;color:#176d68;font-size:.68rem;font-weight:850}.drs-profile-key i{width:22px;border-top:2px dashed var(--drs-teal)}#drs-hotspots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}#drs-hotspots li{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:4px 8px;min-width:0;padding:9px 10px;border:1px solid #dcebe8;border-radius:9px;background:#fff;font-variant-numeric:tabular-nums}.drs-hotspot-rank{grid-row:1/3;align-self:stretch;display:grid;place-items:center;padding-right:7px;border-right:1px solid #e4efed;color:#48726f;font-size:.65rem;font-weight:900}.drs-hotspot-frequency{min-width:0;color:var(--drs-ink);font-size:.78rem;font-weight:900;white-space:nowrap}.drs-hotspot-reduction{color:var(--drs-red-strong);font-size:.7rem;font-weight:900;white-space:nowrap}.drs-hotspot-profile{grid-column:2/4;overflow:hidden;color:var(--drs-muted);font-size:.66rem;text-overflow:ellipsis;white-space:nowrap}
.drs-focus-panel{margin-bottom:10px;padding:13px;border:1px solid #e9b1b7;border-radius:13px;background:linear-gradient(145deg,#fff 20%,#fff4f5);box-shadow:0 10px 25px rgba(214,56,70,.07)}.drs-focus-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.drs-step{display:block;color:var(--drs-red-strong);font-size:.65rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.drs-focus-panel h3{margin:3px 0 0;color:var(--drs-ink);font-size:1rem;letter-spacing:-.015em}.drs-focus-badge{padding:5px 8px;border:1px solid #c4e5df;border-radius:999px;color:#176d68;background:#f1fbf9;font-size:.65rem;font-weight:850;white-space:nowrap}.drs-focus-panel>p{margin:8px 0 10px;color:#5c5561;font-size:.72rem;line-height:1.45}.drs-focus-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.drs-focus-grid .drs-control{padding:9px}.drs-control--stereo{grid-column:1/-1}.drs-focus-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.drs-learn,.drs-reset-profile{display:flex;align-items:center;justify-content:center;gap:7px;padding:0 12px;border-radius:9px;font-size:.73rem;font-weight:900}.drs-learn{color:#fff;border:1px solid var(--drs-red-strong);background:linear-gradient(135deg,var(--drs-red),var(--drs-red-strong));box-shadow:0 8px 18px rgba(214,56,70,.16)}.drs-learn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.drs-reset-profile{color:#514b57;border:1px solid #d8d3db;background:#fff}.drs-focus-actions button:disabled{box-shadow:none;filter:saturate(.55)}.drs-profile-state{min-height:44px;display:flex;align-items:center;gap:4px;margin:8px 0 0!important;padding:8px 10px;border-left:3px solid var(--drs-teal);border-radius:4px 9px 9px 4px;color:#496763!important;background:#f2faf8!important}.drs-profile-state strong{color:#176d68}
.drs-advanced{border:1px solid var(--drs-line);border-radius:11px;background:#fff}.drs-advanced:not([open]) button{display:none}.drs-advanced>summary{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;border-radius:10px;color:var(--drs-ink);cursor:pointer;list-style:none;touch-action:manipulation}.drs-advanced>summary::-webkit-details-marker{display:none}.drs-advanced>summary:hover{background:#fff7f8}.drs-advanced>summary span:first-child{display:grid;gap:2px}.drs-advanced>summary b{font-size:.76rem}.drs-advanced>summary small{color:var(--drs-muted);font-size:.65rem}.drs-advanced-action{min-width:44px;min-height:36px;display:grid;place-items:center;padding:0 10px;border:1px solid #ded9e0;border-radius:8px;color:#675f6b;font-size:.67rem;font-weight:900}.drs-advanced[open] .drs-advanced-action{color:var(--drs-red-strong);border-color:#efb1b8;background:#fff2f3;font-size:0}.drs-advanced[open] .drs-advanced-action::before{content:"Hide";font-size:.67rem}.drs-advanced-body{padding:0 10px 10px;border-top:1px solid #eee9ef}.drs-advanced-body .drs-presets{margin-top:10px}
@media(max-width:1180px){.drs-toolbar{grid-template-columns:135px minmax(130px,1fr) auto auto 125px}.drs-toolbar-button{display:none}.drs-workspace{grid-template-columns:minmax(0,1.2fr) minmax(370px,.8fr)}.drs-audition button{min-width:70px}.drs-canvas-wrap,#drs-spectrum{height:390px;min-height:390px}}
@media(max-width:930px){.drs-toolbar{grid-template-columns:135px minmax(0,1fr) auto;grid-template-rows:auto auto}.drs-transport{grid-column:1}.drs-audition{grid-column:2}.drs-export{grid-column:3;grid-row:2}.drs-workspace{grid-template-columns:1fr}.drs-visual{border-right:0;border-bottom:1px solid var(--drs-line)}.drs-controls{padding-top:20px}.drs-control-grid{grid-template-columns:repeat(3,1fr)}.drs-control--lead{grid-column:auto}.drs-use-grid{grid-template-columns:1fr}}
@media(max-width:640px){.drs-hero{grid-template-columns:1fr;padding-top:38px}.drs-hero-mark{width:72px;height:72px}.drs-app{width:100%;border-inline:0;border-radius:0}.drs-toolbar{grid-template-columns:1fr 1fr;gap:8px}.drs-open{grid-column:1}.drs-source{grid-column:2}.drs-transport{grid-column:1/-1;justify-content:space-between}.drs-audition{grid-column:1/-1}.drs-audition button{flex:1;min-width:0}.drs-export{grid-column:1/-1;grid-row:auto}.drs-visual,.drs-controls{padding:13px}.drs-panel-head{display:block}.drs-legend,.drs-local{width:max-content;margin-top:8px}.drs-canvas-wrap,#drs-spectrum{height:260px;min-height:260px}.drs-meters{grid-template-columns:1fr 1fr}.drs-control-grid{grid-template-columns:1fr 1fr}.drs-presets{grid-template-columns:1fr 1fr}.drs-content{padding-inline:18px}}
@media(max-width:390px){.drs-control-grid{grid-template-columns:1fr}.drs-presets{grid-template-columns:1fr}.drs-source{display:none}.drs-open{grid-column:1/-1}.drs-meters{grid-template-columns:1fr 1fr}.drs-canvas-wrap,#drs-spectrum{height:220px;min-height:220px}}
@media(max-height:500px) and (orientation:landscape){.drs-hero{padding-top:28px}.drs-canvas-wrap,#drs-spectrum{height:230px;min-height:230px}.drs-control-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:930px){.drs-focus-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.drs-control--stereo{grid-column:auto}}
@media(max-width:640px){.drs-controls{order:-1;border-bottom:1px solid var(--drs-line)}.drs-visual{border-bottom:0}#drs-hotspots{grid-template-columns:1fr}.drs-focus-grid{grid-template-columns:1fr}.drs-control--stereo{grid-column:auto}.drs-focus-panel{padding:12px}.drs-profile-state{flex-wrap:wrap}.drs-advanced>summary{min-height:56px}}
@media(max-width:390px){.drs-focus-actions{grid-template-columns:1fr}.drs-focus-badge{white-space:normal;text-align:right}}
@media(prefers-reduced-motion:reduce){.drs-app *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}