.sd-ctl{--bg:#1c1c1c;--fg:#f6f6f6;--mute:#8e8e8e;--line:#ffffff1a;--soft:#ffffff12;--strong:#fafafa;--on:#111;color:var(--fg);-webkit-tap-highlight-color:transparent;font-size:14px;line-height:1.4}.sd-ctl[data-fill=light]{--bg:#fff;--fg:#121212;--mute:#6f6f6f;--line:#00000017;--soft:#0000000d;--strong:#111;--on:#fff}.sd-ctl :where(button){font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.sd-ctl :focus-visible{outline:2px solid var(--fg);outline-offset:2px}.sd-ctl .sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sd-ctl{background:var(--bg);width:min(100%,330px);box-shadow:inset 0 0 0 1px var(--line);font-variant-numeric:tabular-nums;border-radius:20px;padding:6px 12px 14px}.sd-ctl__row{border-bottom:1px solid var(--line);grid-template-rows:1fr;transition:grid-template-rows .28s;display:grid}.sd-ctl__row>div{min-height:0;overflow:hidden}.sd-ctl__line{grid-template-columns:52px 1fr auto;gap:12px;padding:12px 0;animation:.24s sd-ctl-in;display:grid}@keyframes sd-ctl-in{0%{opacity:0}}.sd-ctl__img{background:var(--soft);width:52px;height:60px;color:var(--mute);border-radius:10px;place-items:center;font-weight:650;display:grid}.sd-ctl__n{font-size:14px;font-weight:600}.sd-ctl__v{color:var(--mute);margin-top:1px;font-size:12px}.sd-ctl__q{box-shadow:inset 0 0 0 1px var(--line);border-radius:99px;align-items:center;gap:2px;margin-top:8px;padding:2px;display:inline-flex}.sd-ctl__q button{border-radius:99px;width:24px;height:24px;font-size:14px}.sd-ctl__q button:hover{background:var(--soft)!important}.sd-ctl__q span{text-align:center;min-width:18px;font-size:12.5px;font-weight:600}.sd-ctl__right{flex-direction:column;justify-content:space-between;align-items:flex-end;display:flex}.sd-ctl__p{font-size:14px;font-weight:600;animation:.2s sd-ctl-in}.sd-ctl__rm{color:var(--mute);text-underline-offset:3px;font-size:12px;text-decoration:underline}.sd-ctl__rm:hover{color:var(--fg)}.sd-ctl__undo{height:44px;color:var(--mute);align-items:center;gap:10px;font-size:13px;animation:.2s sd-ctl-in;display:flex}.sd-ctl__undo button{color:var(--fg);margin-left:auto;font-weight:600}.sd-ctl__bar{flex:none;width:18px;height:18px;position:relative}.sd-ctl__bar circle{fill:none;stroke:var(--fg);stroke-width:2px;stroke-dasharray:44;transform-origin:50%;animation:linear forwards sd-ctl-count;transform:rotate(-90deg)}@keyframes sd-ctl-count{to{stroke-dashoffset:44px}}.sd-ctl__sum{justify-content:space-between;padding-top:14px;font-size:15px;font-weight:650;display:flex}@media (prefers-reduced-motion:reduce){.sd-ctl *,.sd-ctl :before,.sd-ctl :after{transition:none!important;animation:none!important}}