.ht-root .ec-scene{min-height:410px;flex-basis:410px}
.ht-root .ht-svg{position:absolute;inset:0;width:100%;height:100%}
.ht-root .ht-wire{stroke:var(--ec-secondary);stroke-width:2.5;fill:none;stroke-linecap:round;stroke-linejoin:round}
.ht-root .ht-hot{stroke:var(--ec-mint);stroke-width:4;fill:none;stroke-linecap:round;stroke-linejoin:round}
.ht-root .ht-glass{stroke:var(--ec-secondary);stroke-width:2;fill:var(--ec-deep)}
.ht-root .ht-base{stroke:var(--ec-secondary);stroke-width:2;fill:var(--ec-deep)}
.ht-root .ht-erase{stroke:var(--ec-deep);stroke-width:9}
.ht-root .ht-contact{stroke:var(--ec-secondary);fill:var(--ec-deep);stroke-width:2}
.ht-root .ht-label{fill:var(--ec-secondary);font:500 14px 'Manrope',sans-serif}
.ht-root .ht-value{fill:var(--ec-mint);font:600 17px 'Manrope',sans-serif}
.ht-root .ht-track{fill:var(--ec-deep);stroke:var(--ec-border)}
.ht-root .ht-bar{fill:var(--ec-mint)}
.ht-root .ht-focus{fill:none;stroke:var(--ec-mint);stroke-width:2}
.ht-root .ec-controls{gap:6px}
.ht-root .ec-controls .ec-action{padding-inline:10px}
.ht-root .ec-skip{min-width:44px}
.ht-root .ec-note{font-size:16px}
.ht-root[data-mode="working"] .ec-scene,.ht-root[data-mode="recall"] .ec-scene{display:none!important}
.ht-root[data-mode="working"] .ec-panel,.ht-root[data-mode="recall"] .ec-panel{flex:1;max-width:680px;padding:24px;margin:auto}
@media(min-width:760px){.ht-root .ec-scene{min-height:440px!important}}