.sd-uq{--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-uq[data-fill=light]{--bg:#fff;--fg:#121212;--mute:#6f6f6f;--line:#00000017;--soft:#0000000d;--strong:#111;--on:#fff}.sd-uq :where(button){font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.sd-uq :focus-visible{outline:2px solid var(--fg);outline-offset:2px}.sd-uq .sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sd-uq{background:var(--bg);width:min(100%,320px);box-shadow:inset 0 0 0 1px var(--line);border-radius:18px;padding:6px}.sd-uq__head{color:var(--mute);justify-content:space-between;padding:8px 10px 10px;font-size:12.5px;display:flex}.sd-uq__head b{color:var(--fg);font-weight:600}.sd-uq__row{grid-template-rows:1fr;transition:grid-template-rows .26s,opacity .2s;display:grid}.sd-uq__row[data-gone]{opacity:0;grid-template-rows:0fr}.sd-uq__in{overflow:hidden}.sd-uq__card{border-radius:12px;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:10px;display:grid}.sd-uq__card:hover{background:var(--soft)}.sd-uq__ext{width:34px;height:40px;box-shadow:inset 0 0 0 1px var(--line);text-transform:uppercase;color:var(--mute);border-radius:7px;place-items:center;font:600 9px/1 ui-monospace,monospace;display:grid}.sd-uq__name{white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:500;overflow:hidden}.sd-uq__sub{color:var(--mute);font-variant-numeric:tabular-nums;margin-top:2px;font-size:11.5px}.sd-uq__row[data-status=error] .sd-uq__sub{color:var(--fg)}.sd-uq__bar{background:var(--soft);border-radius:9px;height:3px;margin-top:7px;overflow:hidden}.sd-uq__bar i{background:var(--fg);transform-origin:0;height:100%;transition:transform .2s linear;display:block}.sd-uq__row[data-status=error] .sd-uq__bar i{background:var(--mute)}.sd-uq__act{width:28px;height:28px;color:var(--mute);border-radius:8px;place-items:center;display:grid}.sd-uq__act:hover{color:var(--fg);background:var(--soft)}.sd-uq__act svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.sd-uq__ok path{stroke-dasharray:14;animation:.4s forwards sd-uq-draw}@keyframes sd-uq-draw{0%{stroke-dashoffset:14px}to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.sd-uq *,.sd-uq :before,.sd-uq :after{transition:none!important;animation:none!important}}
