.hl-atlas{--atlas-panel:#20231f;--atlas-muted:#b0b5a5;overflow:hidden;border:1px solid #454b3d;border-radius:18px;background:#191d18;box-shadow:0 28px 70px #0003;color:#efece0}
.hl-atlas button,.hl-atlas input{font:inherit}
.hl-atlas button{cursor:pointer}
.hl-atlas button:disabled,.hl-atlas input:disabled{cursor:wait;opacity:.5}
.hl-atlas button:focus-visible,.hl-atlas input:focus-visible{outline:2px solid #ef9478;outline-offset:4px}
.hl-atlas-topline{display:flex;align-items:center;justify-content:space-between;padding:22px 28px;border-bottom:1px solid #363c31;background:#252a21}
.hl-atlas-brand{font:500 16px/1.5 var(--hl-mono);letter-spacing:3px}.hl-atlas-brand>span{margin-right:8px;color:#d4dc98;font-size:24px;vertical-align:-2px}
.hl-atlas-badge{font-size:14px;color:#d4dc98;border:1px solid #5c6646;padding:5px 10px;border-radius:30px}
.hl-atlas-body{display:grid;grid-template-columns:minmax(0,1fr) 270px}
.hl-atlas-audio{padding:28px;min-width:0}.hl-atlas-sounds{border:0;padding:0;margin:0 0 25px;display:flex;gap:8px;flex-wrap:wrap}.hl-atlas-sounds legend{font-size:15px;color:var(--atlas-muted);padding:0;margin-bottom:12px}
.hl-atlas-sounds button{background:#30362b;border:1px solid #444b3b;color:#cbd0bf;padding:9px 22px;border-radius:5px;font-size:15px}.hl-atlas-sounds button[aria-pressed=true]{background:#d4dc98;border-color:#d4dc98;color:#22261b}.hl-atlas-sounds button:hover{border-color:#d4dc98}
.hl-atlas-wave{position:relative;overflow:hidden;background:repeating-linear-gradient(90deg,transparent,transparent calc(25% - 1px),#343a2e 25%);border-block:1px solid #343a2e;padding:15px 0 0}
.hl-atlas-wave-label{position:relative;z-index:1;display:flex;justify-content:space-between;font:14px/1.5 var(--hl-mono);color:#a6ad9b}.hl-atlas-wave-label-pitched{color:#d4dc98;border-top:1px solid #343a2e;padding-top:13px}.hl-atlas-wave-label-pitched>span>span{margin-left:8px;color:#aeb886}
.hl-atlas-wave svg{width:100%;height:91px;display:block;overflow:hidden}.hl-atlas-wave path{stroke:#9ba58a;fill:#9ba58a;stroke-width:1}.hl-atlas-wave [data-atlas-pitched-wave]{stroke:#d4dc98;fill:#d4dc98}.hl-atlas-playhead{position:absolute;top:0;bottom:0;left:0;width:2px;background:#ef9478;box-shadow:0 0 9px #ef947866;pointer-events:none}.hl-atlas-playhead[hidden]{display:none}
.hl-atlas-transport{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:24px}.hl-atlas-play{display:flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:11px 21px;border:1px solid #e7ae9c;border-radius:5px;color:#201a17;background:#ef9478;font-size:16px;font-weight:600}.hl-atlas-play:hover{background:#ffa98e}.hl-atlas-play>span:first-child{font-size:14px}
.hl-atlas-compare{display:flex;padding:4px;border:1px solid #424a38;border-radius:6px;gap:3px}.hl-atlas-compare button{border:0;background:transparent;color:#b0b5a5;font-size:14px;padding:9px 12px;border-radius:3px}.hl-atlas-compare button[aria-pressed=true]{background:#414b31;color:#edf2d4}
.hl-atlas-pitch{border-left:1px solid #363c31;background:#22271f;padding:34px 28px 24px;display:flex;flex-direction:column}.hl-atlas-pitch>label{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;color:#d4dc98;font:14px/1.5 var(--hl-mono);letter-spacing:1px}.hl-atlas-pitch>label>span{color:#a8af9a;font-size:14px;letter-spacing:0}.hl-atlas-value{display:flex;align-items:baseline;gap:8px;margin:17px 0 20px}.hl-atlas-value input{min-width:0;width:100%;border:0;border-bottom:1px solid #5f6c43;padding:0 0 5px;border-radius:0;background:transparent;color:#d4dc98;font-size:53px;line-height:1.1;letter-spacing:-2px;font-variant-numeric:tabular-nums;-moz-appearance:textfield}.hl-atlas-value input::-webkit-inner-spin-button{display:none}.hl-atlas-value>span{font-size:16px;color:#a9b48e}
.hl-atlas-slider{display:block;width:100%;height:24px;margin:0;cursor:pointer;accent-color:#ef9478}.hl-atlas-range-labels{display:flex;justify-content:space-between;font:14px/1.6 var(--hl-mono);color:#a6ad9b;margin-top:4px}.hl-atlas-intervals{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:19px 0}.hl-atlas-intervals button{padding:8px 0;border:1px solid #48543b;border-radius:4px;background:#2a3224;color:#c4ceaf;font-size:14px;min-height:39px}.hl-atlas-intervals button[aria-pressed=true]{border-color:#d4dc98;color:#e4ebbb}.hl-atlas-intervals button:hover{background:#424b34}.hl-atlas-pitch p{font-size:16px;line-height:1.65;color:#b6bea7}.hl-atlas-length{display:grid;grid-template-columns:1fr auto;gap:5px 8px;margin-top:auto;padding-top:23px}.hl-atlas-length>span:first-child{font-size:14px;color:#a6ad9b;grid-column:1}.hl-atlas-length strong{grid-row:2;font:500 23px/1.4 var(--hl-mono);color:#e1e5ce}.hl-atlas-length>span:last-child{grid-column:2;grid-row:1 / 3;align-self:center;font-size:32px;color:#d4dc98}
.hl-atlas-foot{display:flex;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;padding:17px 28px;background:#171b15;border-top:1px solid #363c31;color:#a6ad9b;font-size:14px;line-height:1.6}.hl-atlas-foot p{color:#cad3b8}.hl-atlas-nojs{padding:15px 28px;font-size:16px;color:#ef9478}
@media(max-width:900px){.hl-atlas-body{grid-template-columns:minmax(0,1fr) 240px}.hl-atlas-audio{padding:24px}.hl-atlas-pitch{padding:30px 22px 22px}.hl-atlas-transport{flex-wrap:wrap}}
@media(max-width:620px){.hl-atlas-topline{padding:17px 19px}.hl-atlas-body{grid-template-columns:1fr}.hl-atlas-audio{padding:22px 19px}.hl-atlas-pitch{border-left:0;border-top:1px solid #363c31;padding:23px 19px;display:grid;grid-template-columns:minmax(0,1fr) 132px;gap:0 18px}.hl-atlas-pitch>label{grid-column:1 / -1}.hl-atlas-value{grid-column:2;grid-row:2 / 4;margin:15px 0 0;align-self:center;gap:4px}.hl-atlas-value input{font-size:34px;letter-spacing:-1.5px}.hl-atlas-value>span{font-size:14px}.hl-atlas-slider{grid-column:1;margin-top:22px}.hl-atlas-range-labels{grid-column:1}.hl-atlas-intervals{grid-column:1 / -1;margin-bottom:5px}.hl-atlas-pitch p{grid-column:1;margin-top:13px;font-size:16px}.hl-atlas-length{grid-column:2;grid-row:5;padding-top:8px;align-content:center;margin:0;display:block}.hl-atlas-length strong,.hl-atlas-length>span:first-child{display:block}.hl-atlas-length strong{font-size:21px}.hl-atlas-length>span:last-child{display:none}.hl-atlas-wave svg{height:75px}.hl-atlas-foot{padding:15px 19px;font-size:14px}.hl-atlas-transport{gap:14px}.hl-atlas-play{padding-inline:16px}.hl-atlas-compare button{padding-inline:10px}.hl-atlas-wave-label{font-size:14px}.hl-atlas-badge{font-size:14px}.hl-atlas-sounds button{padding:9px 18px}.hl-atlas{border-radius:12px}}
@media(prefers-reduced-motion:reduce){.hl-atlas *{transition:none!important}}