.sd-wfl{--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-wfl[data-fill=light]{--bg:#fff;--fg:#121212;--mute:#6f6f6f;--line:#00000017;--soft:#0000000d;--strong:#111;--on:#fff}.sd-wfl :where(button){font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.sd-wfl :focus-visible{outline:2px solid var(--fg);outline-offset:2px}.sd-wfl .sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sd-wfl{background:var(--bg);width:min(100%,320px);box-shadow:inset 0 0 0 1px var(--line);border-radius:18px;grid-template-columns:minmax(0,1fr);gap:12px;padding:14px;display:grid}.sd-wfl__h{justify-content:space-between;align-items:flex-end;gap:8px;display:flex}.sd-wfl__h b{font-size:14.5px;display:block}.sd-wfl__h small{color:var(--mute);font-size:12px}.sd-wfl__seg{background:var(--soft);border-radius:9px;padding:2px;display:flex}.sd-wfl__seg button{border-radius:7px;padding:4px 9px;font-size:11.5px;color:var(--mute)!important}.sd-wfl__seg button[aria-checked=true]{box-shadow:inset 0 0 0 1px var(--line);background:var(--bg)!important;color:var(--fg)!important}.sd-wfl__g{grid-template-columns:repeat(10,1fr);gap:3px;width:100%;max-width:230px;margin:0 auto;display:grid}.sd-wfl__g i{aspect-ratio:1;border-radius:3px;transition:opacity .16s,transform .16s;animation:.3s ease-out backwards sd-wfl-in}@keyframes sd-wfl-in{0%{opacity:0;transform:scale(.4)}}.sd-wfl__g i[data-dim]{opacity:.15}.sd-wfl [data-p="0"]{background:var(--fg)}.sd-wfl [data-p="1"]{background:color-mix(in srgb, var(--fg) 62%, var(--bg))}.sd-wfl [data-p="2"]{background:color-mix(in srgb, var(--fg) 34%, var(--bg))}.sd-wfl [data-p="3"]{box-shadow:inset 0 0 0 1.5px var(--fg)}.sd-wfl [data-p="4"]{background:var(--line)}.sd-wfl ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.sd-wfl li button{text-align:left;border-radius:8px;align-items:center;gap:10px;width:100%;padding:6px 8px;font-size:12.5px;display:flex}.sd-wfl li button:hover,.sd-wfl li button[aria-pressed=true]{background:var(--soft)}.sd-wfl li button>i{border-radius:3px;flex:none;width:14px;height:14px}.sd-wfl li button span{flex:1}.sd-wfl li button b{font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:reduce){.sd-wfl *,.sd-wfl :before,.sd-wfl :after{transition:none!important;animation:none!important}}