:root{--r-card:16px;--r-tile:12px;--r-ctl:10px;--r-chip:6px}.fvs-pop{--fvs-a:var(--fvs-accent,#ff3d8a);--fvs-ease:cubic-bezier(0.23,1,0.32,1);--fvs-sheet-ease:cubic-bezier(0.32,0.72,0,1);position:fixed;z-index:1000;display:flex;flex-direction:column;width:-moz-max-content;width:max-content;color:#f2f2f4;font-family:var(--fv-font-body,ui-sans-serif,system-ui,sans-serif);font-size:14px;line-height:1.4;background:color-mix(in srgb,#18181c 94%,transparent);backdrop-filter:blur(14px) saturate(140%);border:1px solid rgba(255,255,255,.11);border-radius:var(--r-tile);box-shadow:0 28px 64px -20px rgba(0,0,0,.85),0 4px 14px -2px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.05);color-scheme:dark;opacity:0;transform:translateY(-4px) scale(.97);pointer-events:none;transition:opacity .12s ease-out,transform .12s ease-out;-webkit-tap-highlight-color:transparent}.fvs-pop[data-side=top]{transform:translateY(4px) scale(.97)}.fvs-pop[data-state=open]{opacity:1;transform:none;pointer-events:auto;transition:opacity .16s var(--fvs-ease),transform .16s var(--fvs-ease)}.fvs-pop-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}.fvs-pop[data-mode=sheet]{inset:auto 0 0 0;width:auto;max-height:min(78dvh,560px);border-radius:var(--r-card) var(--r-card) 0 0;border-width:1px 0 0;padding-bottom:env(safe-area-inset-bottom,0);transform:translateY(100%);opacity:1;transition:transform .2s ease-out}.fvs-pop[data-mode=sheet][data-state=open]{transform:none;transition:transform .28s var(--fvs-sheet-ease)}.fvs-sheet-head{display:grid;justify-items:center;gap:8px;padding:8px 16px 4px}.fvs-grab{width:36px;height:4px;border-radius:2px;background:rgba(255,255,255,.2)}.fvs-sheet-title{justify-self:start;font-size:13px;font-weight:600;color:#9a9aa4}.fvs-scrim{position:fixed;inset:0;z-index:999;background:rgba(0,0,0,.6);opacity:0;touch-action:none;transition:opacity .16s ease-out}.fvs-scrim[data-state=open]{opacity:1}@media (prefers-reduced-motion:reduce){.fvs-pop,.fvs-pop[data-mode=sheet],.fvs-pop[data-mode=sheet][data-state=open],.fvs-pop[data-state=open],.fvs-scrim{transition:none;transform:none}.fvs-pop[data-mode=sheet][data-state=closed]{transform:translateY(100%)}.fvs-pop[data-state=closed]{opacity:0}}.fvs-pop[data-still],.fvs-pop[data-still] *{transition:none!important}:where(.fvs-trigger){display:inline-flex;vertical-align:top;align-items:center;gap:8px;flex-shrink:0;width:100%;max-width:100%;min-width:0;height:40px;padding:0 12px;border:1px solid var(--d-line-2,rgba(255,255,255,.13));border-radius:var(--r-tile);background:#0d0d0f;color:var(--d-text,#f2f2f4);font:inherit;font-size:14px;text-align:left;cursor:pointer;transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.fvs-trigger-text{min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fvs-chev,.fvs-trigger-text[data-placeholder]{color:var(--d-text-3,#8a8a94)}.fvs-chev{flex:none;width:16px;height:16px;transition:transform .2s cubic-bezier(.23,1,.32,1),color .18s ease}.fvs-trigger[aria-expanded=true] .fvs-chev{transform:rotate(180deg);color:var(--d-text,#f2f2f4)}@media (hover:hover){.fvs-trigger:hover:not(:disabled){border-color:rgba(255,255,255,.24);background-color:#111114}.fvs-trigger:hover:not(:disabled) .fvs-chev{color:var(--d-text-2,#b0b0b8)}}.fvs-trigger[aria-expanded=true]{border-color:color-mix(in srgb,var(--d-accent,var(--fv-accent,#ff3d8a)) 55%,transparent)}.fvs-trigger.fvs-trigger:focus-visible{outline:2px solid transparent;border-color:color-mix(in srgb,var(--d-accent,var(--fv-accent,#ff3d8a)) 65%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--d-accent,var(--fv-accent,#ff3d8a)) 16%,transparent)}.fvs-trigger:disabled{cursor:not-allowed;opacity:.5}.fvs-trigger[aria-invalid=true]{border-color:color-mix(in srgb,#f0616d 70%,transparent)}.fvs-trigger:active:not(:disabled){transform:scale(.992)}.fvs-required{position:absolute;width:1px;height:1px;margin:0;padding:0;border:0;opacity:0;pointer-events:none}.fvs-list{margin:0;padding:6px;list-style:none;outline:none}.fvs-opt{display:flex;align-items:center;gap:12px;min-height:36px;padding:8px 12px;border-radius:var(--r-chip);color:#c4c4cc;font-size:14px;line-height:1.3;cursor:pointer;-moz-user-select:none;user-select:none;-webkit-user-select:none;transition:background-color .1s ease,color .1s ease}.fvs-opt+.fvs-opt{margin-top:2px}.fvs-opt-main{min-width:0;flex:1 1 auto}.fvs-opt-label{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fvs-opt-desc{display:block;margin-top:2px;color:#85858f;font-size:12px;line-height:1.35;white-space:normal}.fvs-opt[data-active=true]{background:rgba(255,255,255,.07);color:#fff}.fvs-opt[aria-selected=true]{background:color-mix(in srgb,var(--fvs-a) 9%,transparent);color:color-mix(in srgb,var(--fvs-a) 40%,#fff);font-weight:600}.fvs-opt[aria-selected=true][data-active=true]{background:color-mix(in srgb,var(--fvs-a) 17%,transparent);color:#fff}.fvs-opt[aria-disabled=true]{opacity:.4;cursor:not-allowed}.fvs-check{flex:none;width:16px;height:16px;color:var(--fvs-a);opacity:0;transform:scale(.6);transition:opacity .14s ease-out,transform .18s cubic-bezier(.23,1,.32,1)}.fvs-opt[aria-selected=true] .fvs-check{opacity:1;transform:none}.fvs-group{padding:12px 12px 4px;color:#85858f;font-size:12px;font-weight:600}.fvs-group:first-child{padding-top:6px}.fvs-empty{padding:12px;color:#85858f;font-size:13px}.fvs-pop[data-mode=sheet] .fvs-opt{min-height:48px;font-size:16px;padding:12px}.fvs-pop[data-mode=sheet] .fvs-list{padding:4px 8px 12px}@media (prefers-reduced-motion:reduce){.fvs-check,.fvs-chev,.fvs-opt,.fvs-trigger{transition:none}.fvs-trigger:active:not(:disabled){transform:none}}.fvp{display:grid;gap:12px;width:304px;max-width:100%;padding:12px;margin:0 auto}.fvp-sv{height:168px;cursor:crosshair;background-image:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,var(--fvp-hue,#f00))}.fvp-hue,.fvp-sv{position:relative;border-radius:var(--r-chip);touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none}.fvp-hue{height:14px;cursor:pointer;background:linear-gradient(90deg,#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00)}.fvp-hue:focus-visible,.fvp-sv:focus-visible{outline:2px solid #fff;outline-offset:2px}.fvp-knob{position:absolute;width:20px;height:20px;margin:-10px 0 0 -10px;border:2.5px solid #fff;border-radius:50%;background:var(--fvp-c,#fff);box-shadow:0 0 0 1px rgba(0,0,0,.35),0 3px 8px rgba(0,0,0,.5);pointer-events:none;transition:left .12s ease-out,top .12s ease-out,scale .14s cubic-bezier(.23,1,.32,1)}.fvp-hue .fvp-knob{top:50%}.fvp-dragging .fvp-knob{transition:scale .14s cubic-bezier(.23,1,.32,1);scale:1.12}.fvp-row{display:flex;align-items:center;gap:8px}.fvp-was{position:relative;display:grid;grid-template-columns:1fr 1fr;flex:none;width:56px;height:36px;overflow:hidden;border-radius:var(--r-chip);border:1px solid rgba(255,255,255,.14)}.fvp-was i{display:block}.fvp-hexbox{display:flex;align-items:center;flex:1 1 auto;min-width:0;height:36px;padding:0 12px;gap:4px;border:1px solid rgba(255,255,255,.13);border-radius:var(--r-chip);background:rgba(255,255,255,.03);font-family:var(--fv-font-mono,ui-monospace,Menlo,monospace);font-size:14px;transition:border-color .18s ease,box-shadow .18s ease}.fvp-hexbox span{color:#7c7c86}.fvp-hexbox:focus-within{border-color:color-mix(in srgb,var(--fvs-a) 65%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--fvs-a) 16%,transparent)}.fvp-hexbox[data-invalid]{border-color:color-mix(in srgb,#f0616d 70%,transparent)}.fvp-hexbox input,.fvp-rgb input{min-width:0;width:100%;border:0;background:transparent;color:#f2f2f4;font:inherit;text-transform:uppercase;outline:none}.fvp-rgb{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.fvp-rgb label{display:grid;gap:4px;color:#85858f;font-size:12px}.fvp-rgb input{height:32px;padding:0 8px;border:1px solid rgba(255,255,255,.13);border-radius:var(--r-chip);background:rgba(255,255,255,.03);font-family:var(--fv-font-mono,ui-monospace,Menlo,monospace);font-size:13px;font-variant-numeric:tabular-nums;text-transform:none;transition:border-color .18s ease,box-shadow .18s ease}.fvp-rgb input:focus{border-color:color-mix(in srgb,var(--fvs-a) 65%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--fvs-a) 16%,transparent)}.fvp-err{margin:-4px 0 0;color:#ff9aa3;font-size:12px}.fvp-presets{display:flex;flex-wrap:wrap;gap:8px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}.fvp-preset{position:relative;display:grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid rgba(255,255,255,.16);border-radius:var(--r-chip);background:var(--sw);color:#fff;cursor:pointer;transition:transform .14s cubic-bezier(.23,1,.32,1),box-shadow .14s ease;-webkit-tap-highlight-color:transparent}.fvp-preset svg{width:14px;height:14px;stroke-width:3;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}@media (hover:hover){.fvp-preset:hover{transform:translateY(-1px) scale(1.06)}}.fvp-preset:active{transform:scale(.94)}.fvp-preset[aria-pressed=true]{box-shadow:0 0 0 2px #18181c,0 0 0 4px var(--sw)}.fvp-preset:focus-visible{outline:2px solid #fff;outline-offset:2px}.fvp-done{display:none;height:44px;border:0;border-radius:var(--r-chip);background:var(--fvs-a);color:var(--fvs-ink,#1a0610);font:inherit;font-size:15px;font-weight:600;cursor:pointer}.fvs-pop[data-mode=sheet] .fvp{width:100%;max-width:420px;padding:12px 16px 16px}.fvs-pop[data-mode=sheet] .fvp-sv{height:200px}.fvs-pop[data-mode=sheet] .fvp-hue{height:20px;border-radius:var(--r-ctl)}.fvs-pop[data-mode=sheet] .fvp-done{display:block}.fvs-pop[data-mode=sheet] .fvp-preset{width:36px;height:36px}@media (prefers-reduced-motion:reduce){.fvp-hexbox,.fvp-knob,.fvp-preset,.fvp-rgb input{transition:none}}.fvp-field{display:flex;align-items:center;gap:8px;width:100%;height:40px;padding:4px 12px 4px 4px;border:1px solid var(--d-line-2,rgba(255,255,255,.13));border-radius:var(--r-tile);background:#0d0d0f;transition:border-color .18s ease,box-shadow .18s ease}.fvp-field:focus-within{border-color:rgba(255,255,255,.24)}.fvp-field-sw{flex:none;width:32px;height:32px;padding:0;border:1px solid rgba(255,255,255,.14);border-radius:var(--r-chip);cursor:pointer;transition:transform .14s cubic-bezier(.23,1,.32,1)}.fvp-field-sw:active{transform:scale(.94)}.fvp-field-sw:focus-visible{outline:2px solid var(--d-accent,#ff3d8a);outline-offset:2px}.fvp-field input{min-width:0;flex:1 1 auto;border:0;background:transparent;color:var(--d-text,#f2f2f4);font:inherit;font-family:var(--fv-font-mono,ui-monospace,monospace);font-size:14px;text-transform:uppercase;outline:none}