.prng{flex-direction:column;gap:16px;display:flex}.prng__track{height:34px;position:relative}.prng__track:before{content:"";background:var(--line);border-radius:3px;height:6px;margin-top:-3px;position:absolute;top:50%;left:0;right:0}.prng__fill{background:var(--accent);border-radius:3px;height:6px;margin-top:-3px;position:absolute;top:50%}.prng__h{pointer-events:none;appearance:none;background:0 0;width:100%;height:34px;margin:0;position:absolute;top:0;left:0;right:0}.prng__h:focus{outline:0}.prng__h::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:auto;border:3px solid var(--accent);background:var(--bg);cursor:grab;border-radius:50%;width:22px;height:22px;transition:transform .18s,box-shadow .18s;box-shadow:0 2px 8px #1018282e}.prng__h::-moz-range-thumb{pointer-events:auto;border:3px solid var(--accent);background:var(--bg);cursor:grab;border-radius:50%;width:22px;height:22px;box-shadow:0 2px 8px #1018282e}.prng__h:hover::-webkit-slider-thumb{transform:scale(1.12)}.prng__h.is-live::-webkit-slider-thumb{cursor:grabbing;box-shadow:0 0 0 8px color-mix(in srgb,var(--accent) 18%,transparent);transform:scale(1.2)}.prng__h:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 35%,transparent)}.prng__h:focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 35%,transparent)}.prng__h::-webkit-slider-runnable-track{background:0 0;height:34px}.prng__h::-moz-range-track{background:0 0;height:34px}.prng__fields{align-items:center;gap:10px;display:flex}.prng__field{border:1px solid var(--line);background:var(--bg-soft);border-radius:12px;flex:1 1 0;align-items:center;gap:6px;min-width:0;height:46px;padding:0 10px;transition:border-color .18s,box-shadow .18s;display:flex}.prng__field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #70a21f24}.prng__field span{color:var(--ink-2);flex:none;font-size:12px}.prng__field input{width:100%;min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;outline:0;font-size:13px;font-weight:600}.prng__dash{background:var(--line);flex:none;width:10px;height:1px}@media (prefers-reduced-motion:reduce){.prng__h::-webkit-slider-thumb{transition:none}}
.fsel{min-width:200px;position:relative}.fsel__btn{border:1px solid var(--line);background:var(--bg);width:100%;height:46px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:0 14px;font-size:15px;transition:border-color .18s,box-shadow .18s;display:flex}.fsel__btn:hover{border-color:var(--accent)}.fsel__btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.fsel.is-open .fsel__btn{border-color:var(--accent);box-shadow:0 0 0 3px #70a21f24}.fsel__val{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.fsel__chev{color:var(--ink-2);fill:none;flex:none;transition:transform .25s}.fsel.is-open .fsel__chev{transform:rotate(180deg)}.fsel__list{z-index:30;border:1px solid var(--line);background:var(--bg);visibility:hidden;opacity:0;transform-origin:top;border-radius:14px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 8px);left:0;right:0;box-shadow:0 18px 44px #10182829}:root[data-theme=dark] .fsel__list{box-shadow:0 18px 44px #0000008c}.fsel__opt{width:100%;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:11px 12px;font-size:15px;display:block}.fsel__opt.is-cur{background:var(--bg-soft)}.fsel__opt.is-on{background:var(--select-bg);color:#fff;font-weight:600}.fsel__opt.is-on.is-cur{filter:brightness(1.08)}@media (prefers-reduced-motion:reduce){.fsel__chev{transition:none}}