.yourai-fff-btn{--pointer-x:50%;--pointer-y:50%;color:var(--frost-text,#f8fafc);padding:0.8rem 2.2rem;border-radius:999px;border:1px solid var(--frost-border,rgba(255,255,255,0.35));background:linear-gradient(135deg,rgba(255,255,255,0.15),rgba(255,255,255,0.05));background-color:var(--frost-bg,rgba(255,255,255,0.25));backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);box-shadow:0 15px 35px var(--frost-shadow,rgba(15,23,42,0.35)),inset 0 1px 0 var(--frost-highlight,rgba(255,255,255,0.5));text-transform:uppercase;letter-spacing:0.08em;font-weight:600;cursor:pointer;position:relative;z-index:0;overflow:hidden;transition:transform 180ms ease,box-shadow 180ms ease,border-color 180ms ease}.yourai-fff-btn > span{position:relative;z-index:1}.yourai-fff-btn--icon{--frost-icon-size:3.25rem;width:var(--frost-icon-size);height:var(--frost-icon-size);flex:0 0 var(--frost-icon-size);aspect-ratio:1 / 1;padding:0;text-transform:none;letter-spacing:0;font-size:1.15rem;display:inline-flex;align-items:center;justify-content:center;gap:0.15rem}.yourai-fff-btn--icon > span,.yourai-fff-btn--icon svg{display:inline-flex;align-items:center;justify-content:center}.yourai-fff-btn--icon svg{width:1.3rem;height:1.3rem}.yourai-fff-btn--icon-circle{border-radius:50%}.yourai-fff-btn--icon-square{border-radius:16px}.yourai-fff-btn::before,.yourai-fff-btn::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0}.yourai-fff-btn::before{background:radial-gradient( circle at var(--pointer-x) var(--pointer-y),rgba(255,255,255,0.85),color-mix(in srgb,var(--frost-accent,#38bdf8) 80%,transparent) 38%,transparent 70% );opacity:0;transition:opacity 360ms ease;mix-blend-mode:screen}.yourai-fff-btn::after{background:radial-gradient(circle at 10% 20%,rgba(255,255,255,0.55),transparent 55%);opacity:0;transition:opacity 360ms ease}.yourai-fff-btn:hover{transform:translateY(-1px) scale(1.015);border-color:var(--frost-border-strong,rgba(255,255,255,0.6));box-shadow:0 20px 40px var(--frost-shadow-strong,rgba(15,23,42,0.45)),inset 0 1px 0 var(--frost-highlight-strong,rgba(255,255,255,0.7))}.yourai-fff-btn:hover::before,.yourai-fff-btn:hover::after{opacity:1}.yourai-fff-btn.is-on,.yourai-fff-btn:active{color:var(--frost-ink-on,color-mix(in srgb,var(--frost-accent,#38bdf8) 10%,#01030a));text-shadow:0 1px 1px rgba(255,255,255,0.7),0 -1px 1px color-mix(in srgb,var(--frost-accent,#38bdf8) 75%,#01030a);border-color:var(--frost-border-active,rgba(255,255,255,0.75));box-shadow:0 28px 55px var(--frost-shadow-active,rgba(15,23,42,0.55)),inset 0 0 35px color-mix(in srgb,var(--frost-accent,#38bdf8) 55%,transparent)}.yourai-fff-btn.is-on::before,.yourai-fff-btn:active::before{opacity:1;background:radial-gradient( circle at 50% 50%,rgba(255,255,255,0.95),color-mix(in srgb,var(--frost-accent,#38bdf8) 65%,rgba(255,255,255,0.8)) 55%,color-mix(in srgb,var(--frost-accent,#38bdf8) 35%,transparent) 90% );mix-blend-mode:screen}.yourai-fff-btn.is-on::after,.yourai-fff-btn:active::after{opacity:1}.yourai-fff-checkbox{--checkbox-size:1.25rem;--checkbox-tick-color:#fff;display:inline-flex;align-items:center;gap:0.9rem;padding:0.75rem 1rem;border-radius:20px;border:1px solid var(--frost-border,rgba(255,255,255,0.28));background:linear-gradient(135deg,rgba(255,255,255,0.12),rgba(0,8,20,0.12));backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);cursor:pointer;box-shadow:inset 0 1px 0 var(--frost-highlight,rgba(255,255,255,0.65)),0 18px 32px rgba(2,6,23,0.4);color:var(--frost-text,#f8fafc);transition:border-color 160ms ease,box-shadow 200ms ease,transform 160ms ease}.yourai-fff-checkbox:hover{border-color:var(--frost-border-strong,rgba(255,255,255,0.55));transform:translateY(-1px)}.yourai-fff-checkbox input{position:absolute;opacity:0;pointer-events:none}.yourai-fff-checkbox__box{width:var(--checkbox-size);height:var(--checkbox-size);border-radius:10px;border:1px solid var(--frost-border,rgba(255,255,255,0.35));background:rgba(255,255,255,0.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.05);display:inline-flex;align-items:center;justify-content:center;transition:border-color 180ms ease,background 180ms ease,box-shadow 180ms ease;position:relative}.yourai-fff-checkbox__box::after{content:"";width:calc(var(--checkbox-size) * 0.68);height:calc(var(--checkbox-size) * 0.68);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0.4);opacity:0;background:var(--checkbox-tick-color,#fff);clip-path:polygon(14% 52%,0 66%,36% 100%,100% 18%,88% 0,36% 72%);transition:transform 220ms ease,opacity 140ms ease;filter:drop-shadow(0 0 4px rgba(0,0,0,0.35))}.yourai-fff-checkbox input:focus-visible + .yourai-fff-checkbox__box,.yourai-fff-checkbox input:focus + .yourai-fff-checkbox__box{box-shadow:0 0 0 2px rgba(15,23,42,0.65),0 0 0 4px color-mix(in srgb,var(--frost-accent,#38bdf8) 60%,transparent)}.yourai-fff-checkbox input:checked + .yourai-fff-checkbox__box{background:color-mix(in srgb,var(--frost-accent,#38bdf8) 25%,transparent);border-color:var(--frost-accent,#38bdf8);box-shadow:0 0 12px color-mix(in srgb,var(--frost-accent,#38bdf8) 55%,transparent),inset 0 0 0 1px rgba(255,255,255,0.25)}.yourai-fff-checkbox input:checked + .yourai-fff-checkbox__box::after{opacity:1;transform:translate(-50%,-50%) scale(1)}.yourai-fff-checkbox__label{font-weight:500;letter-spacing:0.04em}.yourai-fff-checkbox--compact{--checkbox-size:1rem;padding:0.55rem 0.75rem;gap:0.6rem;border-radius:16px}.dropdown-wrap{margin-top:2rem;display:flex;justify-content:center}.yourai-fff-dropdown{position:relative;display:inline-flex;flex-direction:column;gap:0.5rem;align-items:center}.yourai-fff-dropdown__toggle{display:inline-flex;align-items:center;gap:0.75rem;padding-right:1.5rem}.yourai-fff-dropdown__chevron{font-size:1.2rem;transition:transform 200ms ease}.yourai-fff-dropdown[data-open="true"] .yourai-fff-dropdown__chevron{transform:rotate(180deg)}.yourai-fff-dropdown__menu{list-style:none;margin:0;padding:0.4rem;position:absolute;top:calc(100% + 0.4rem);min-width:220px;border-radius:22px;background:var(--frost-panel-bg,rgba(15,23,42,0.78));border:1px solid var(--frost-panel-border,rgba(255,255,255,0.08));backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);box-shadow:0 30px 60px var(--frost-panel-shadow,rgba(2,6,23,0.6));transform:translateY(-6px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity 180ms ease,transform 180ms ease;z-index:10}.yourai-fff-dropdown[data-open="true"] .yourai-fff-dropdown__menu{opacity:1;transform:translateY(0);visibility:visible;pointer-events:auto}.yourai-fff-dropdown__option{width:100%;border:none;background:transparent;color:var(--frost-text,#f8fafc);text-align:left;padding:0.75rem 1rem;border-radius:18px;font-weight:500;letter-spacing:0.04em;cursor:pointer;transition:background 160ms ease,color 160ms ease}.yourai-fff-dropdown__option[aria-selected="true"]{background:var(--frost-option-selected-bg,rgba(56,189,248,0.12));color:var(--frost-accent,#38bdf8)}.yourai-fff-dropdown__option:hover,.yourai-fff-dropdown__option:focus-visible{outline:none;background:var(--frost-option-hover-bg,rgba(248,250,252,0.1))}.yourai-fff-input-group{display:flex;flex-direction:column;gap:0.45rem}.yourai-fff-input-group > span{font-size:0.85rem;letter-spacing:0.08em;text-transform:uppercase;color:rgba(248,250,252,0.7)}.yourai-fff-input-group--compact > span{font-size:0.75rem;letter-spacing:0.1em;color:rgba(248,250,252,0.6)}.yourai-fff-input{width:100%;padding:0.85rem 1rem;border-radius:18px;border:1px solid var(--frost-border,rgba(255,255,255,0.35));background:rgba(4,11,26,0.45);color:var(--frost-text,#f8fafc);font-size:1rem;letter-spacing:0.02em;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 20px 35px rgba(2,6,23,0.45);transition:border-color 160ms ease,box-shadow 200ms ease,background 160ms ease}.yourai-fff-input::placeholder{color:rgba(248,250,252,0.45);letter-spacing:0.08em;text-transform:uppercase}.yourai-fff-input:focus{outline:none;border-color:var(--frost-accent,#38bdf8);box-shadow:inset 0 1px 0 rgba(255,255,255,0.3),0 0 0 2px rgba(15,23,42,0.8),0 0 0 4px color-mix(in srgb,var(--frost-accent,#38bdf8) 60%,transparent),0 20px 40px rgba(2,6,23,0.55);background:rgba(4,11,26,0.6)}.yourai-fff-input:disabled{opacity:0.55;cursor:not-allowed}.yourai-fff-input--compact{padding:0.7rem 0.85rem;border-radius:14px;font-size:0.9rem;letter-spacing:0.05em}:root,.yourai-fff-theme-sapphire{--frost-text:#f8fafc;--frost-bg:rgba(255,255,255,0.25);--frost-border:rgba(255,255,255,0.35);--frost-border-strong:rgba(255,255,255,0.6);--frost-border-active:rgba(255,255,255,0.75);--frost-shadow:rgba(15,23,42,0.35);--frost-shadow-strong:rgba(15,23,42,0.45);--frost-shadow-active:rgba(15,23,42,0.55);--frost-highlight:rgba(255,255,255,0.5);--frost-highlight-strong:rgba(255,255,255,0.7);--frost-panel-bg:rgba(15,23,42,0.78);--frost-panel-border:rgba(255,255,255,0.08);--frost-panel-shadow:rgba(2,6,23,0.6);--frost-option-selected-bg:rgba(56,189,248,0.12);--frost-option-hover-bg:rgba(9,18,27,0.1);--frost-accent:#38bdf8;--frost-ink-on:color-mix(in srgb,var(--frost-accent) 10%,#01030a)}.yourai-fff-surface-independent{--frost-bg:color-mix(in srgb,var(--frost-accent,#38bdf8) 40%,rgba(15,23,42,0.92));--frost-border:color-mix(in srgb,var(--frost-accent,#38bdf8) 65%,rgba(248,250,252,0.4));--frost-border-strong:color-mix(in srgb,var(--frost-accent,#38bdf8) 78%,rgba(248,250,252,0.65));--frost-border-active:color-mix(in srgb,var(--frost-accent,#38bdf8) 85%,rgba(255,255,255,0.85));--frost-shadow:color-mix(in srgb,var(--frost-accent,#38bdf8) 12%,rgba(2,6,23,0.7));--frost-shadow-strong:color-mix(in srgb,var(--frost-accent,#38bdf8) 22%,rgba(2,6,23,0.78));--frost-shadow-active:color-mix(in srgb,var(--frost-accent,#38bdf8) 32%,rgba(2,6,23,0.85));--frost-panel-bg:color-mix(in srgb,var(--frost-accent,#38bdf8) 28%,rgba(15,23,42,0.92));--frost-panel-border:color-mix(in srgb,var(--frost-accent,#38bdf8) 50%,rgba(255,255,255,0.32));--frost-option-selected-bg:color-mix(in srgb,var(--frost-accent,#38bdf8) 38%,rgba(2,6,23,0.35));--frost-option-hover-bg:color-mix(in srgb,var(--frost-accent,#38bdf8) 22%,rgba(2,6,23,0.25))}.yourai-fff-theme-amber{--frost-text:#fff8ed;--frost-bg:rgba(255,240,219,0.24);--frost-border:rgba(255,233,204,0.45);--frost-border-strong:rgba(255,228,191,0.7);--frost-border-active:rgba(255,218,167,0.85);--frost-shadow:rgba(96,59,17,0.35);--frost-shadow-strong:rgba(96,59,17,0.45);--frost-shadow-active:rgba(96,59,17,0.55);--frost-highlight:rgba(255,250,239,0.55);--frost-highlight-strong:rgba(255,247,228,0.78);--frost-panel-bg:rgba(61,32,4,0.85);--frost-panel-border:rgba(255,205,153,0.32);--frost-panel-shadow:rgba(30,15,1,0.65);--frost-option-selected-bg:rgba(249,168,38,0.2);--frost-option-hover-bg:rgba(255,244,219,0.16);--frost-accent:#fbbf24;--frost-ink-on:color-mix(in srgb,var(--frost-accent) 22%,#1f1200)}.yourai-fff-theme-rose{--frost-text:#fff5f7;--frost-bg:rgba(255,228,235,0.24);--frost-border:rgba(255,196,213,0.42);--frost-border-strong:rgba(255,181,204,0.68);--frost-border-active:rgba(255,149,186,0.82);--frost-shadow:rgba(74,10,34,0.35);--frost-shadow-strong:rgba(74,10,34,0.48);--frost-shadow-active:rgba(74,10,34,0.58);--frost-highlight:rgba(255,240,245,0.55);--frost-highlight-strong:rgba(255,224,235,0.75);--frost-panel-bg:rgba(58,11,29,0.84);--frost-panel-border:rgba(255,149,186,0.32);--frost-panel-shadow:rgba(32,0,12,0.62);--frost-option-selected-bg:rgba(251,113,133,0.2);--frost-option-hover-bg:rgba(255,228,235,0.16);--frost-accent:#fb7185;--frost-ink-on:color-mix(in srgb,var(--frost-accent) 18%,#190109)}.yourai-fff-theme-emerald{--frost-text:#ecfdf5;--frost-bg:rgba(224,255,245,0.24);--frost-border:rgba(204,255,236,0.38);--frost-border-strong:rgba(173,255,226,0.62);--frost-border-active:rgba(151,246,210,0.82);--frost-shadow:rgba(1,68,55,0.32);--frost-shadow-strong:rgba(1,68,55,0.44);--frost-shadow-active:rgba(1,68,55,0.54);--frost-highlight:rgba(247,255,252,0.55);--frost-highlight-strong:rgba(233,255,247,0.75);--frost-panel-bg:rgba(2,49,39,0.82);--frost-panel-border:rgba(126,255,212,0.28);--frost-panel-shadow:rgba(0,28,19,0.62);--frost-option-selected-bg:rgba(52,211,153,0.2);--frost-option-hover-bg:rgba(209,250,229,0.16);--frost-accent:#34d399;--frost-ink-on:color-mix(in srgb,var(--frost-accent) 16%,#00140c)}.yourai-fff-theme-sapphire .yourai-fff-range.is-dragging::-webkit-slider-thumb{box-shadow:0 0 35px rgba(56,189,248,0.95),0 0 70px rgba(56,189,248,0.6),0 0 100px rgba(56,189,248,0.35),0 16px 32px rgba(2,6,23,0.65),inset 0 0 45px rgba(56,189,248,0.7),inset 0 1px 0 rgba(255,255,255,0.95)}.yourai-fff-theme-amber .yourai-fff-range.is-dragging::-webkit-slider-thumb{box-shadow:0 0 35px rgba(249,168,38,0.95),0 0 70px rgba(249,168,38,0.6),0 0 100px rgba(249,168,38,0.35),0 16px 32px rgba(2,6,23,0.65),inset 0 0 45px rgba(249,168,38,0.7),inset 0 1px 0 rgba(255,255,255,0.95)}.yourai-fff-theme-rose .yourai-fff-range.is-dragging::-webkit-slider-thumb{box-shadow:0 0 35px rgba(251,113,133,0.95),0 0 70px rgba(251,113,133,0.6),0 0 100px rgba(251,113,133,0.35),0 16px 32px rgba(2,6,23,0.65),inset 0 0 45px rgba(251,113,133,0.7),inset 0 1px 0 rgba(255,255,255,0.95)}.yourai-fff-theme-emerald .yourai-fff-range.is-dragging::-webkit-slider-thumb{box-shadow:0 0 35px rgba(52,211,153,0.95),0 0 70px rgba(52,211,153,0.6),0 0 100px rgba(52,211,153,0.35),0 16px 32px rgba(2,6,23,0.65),inset 0 0 45px rgba(52,211,153,0.7),inset 0 1px 0 rgba(255,255,255,0.95)}.yourai-fff-pill{--frost-pill-bg:color-mix(in srgb,var(--frost-bg,rgba(255,255,255,0.25)) 65%,rgba(2,6,23,0.55));--frost-pill-border:color-mix(in srgb,var(--frost-border,rgba(255,255,255,0.35)) 70%,rgba(255,255,255,0.22));--frost-pill-glare:rgba(255,255,255,0.45);font:inherit;display:inline-flex;align-items:center;gap:0.4rem;padding:0.4rem 1.05rem 0.45rem;border-radius:999px;border:1px solid var(--frost-pill-border);background:linear-gradient(135deg,rgba(255,255,255,0.22),rgba(255,255,255,0.04));background-color:var(--frost-pill-bg);color:var(--frost-text,#f8fafc);letter-spacing:0.08em;text-transform:uppercase;font-size:0.72rem;line-height:1.2;text-shadow:0 1px 1px rgba(2,6,23,0.6),0 -1px 1px rgba(255,255,255,0.35);position:relative;overflow:hidden;backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);box-shadow:inset 0 1px 0 var(--frost-highlight,rgba(255,255,255,0.55)),0 10px 24px var(--frost-shadow,rgba(2,6,23,0.45));cursor:default;transition:border-color 160ms ease,box-shadow 200ms ease,transform 160ms ease,color 160ms ease}button.yourai-fff-pill{appearance:none;-webkit-appearance:none;background:none;cursor:pointer}.yourai-fff-pill::after{content:"";position:absolute;inset:1px;border-radius:inherit;background:radial-gradient(circle at 20% 20%,var(--frost-pill-glare),transparent 55%);opacity:0.4;pointer-events:none;mix-blend-mode:screen}button.yourai-fff-pill:hover,button.yourai-fff-pill:focus-visible{border-color:var(--frost-border-strong,rgba(255,255,255,0.6));box-shadow:inset 0 1px 0 var(--frost-highlight-strong,rgba(255,255,255,0.75)),0 14px 30px var(--frost-shadow-strong,rgba(2,6,23,0.6));transform:translateY(-1px)}.yourai-fff-pill:focus-visible{outline:none;box-shadow:0 0 0 2px rgba(2,6,23,0.7),0 0 0 4px color-mix(in srgb,var(--frost-accent,#38bdf8) 60%,transparent),inset 0 1px 0 var(--frost-highlight,rgba(255,255,255,0.55))}.yourai-fff-pill.is-active,.yourai-fff-pill[aria-pressed="true"],.yourai-fff-pill[data-pill-active="true"]{border-color:var(--frost-border-active,rgba(255,255,255,0.8));background-color:color-mix(in srgb,var(--frost-pill-bg) 55%,color-mix(in srgb,var(--frost-accent,#38bdf8) 35%,transparent));box-shadow:inset 0 1px 0 rgba(255,255,255,0.8),0 18px 38px var(--frost-shadow-active,rgba(2,6,23,0.7)),0 0 18px color-mix(in srgb,var(--frost-accent,#38bdf8) 45%,transparent);color:var(--frost-text,#f8fafc)}.yourai-fff-pill.is-active::after,.yourai-fff-pill[aria-pressed="true"]::after,.yourai-fff-pill[data-pill-active="true"]::after{opacity:0.7}.yourai-fff-pill__dot{--pill-dot-size:0.55rem;width:var(--pill-dot-size);height:var(--pill-dot-size);border-radius:50%;background:var(--frost-accent,#38bdf8);box-shadow:0 0 6px rgba(255,255,255,0.45),0 0 12px color-mix(in srgb,var(--frost-accent,#38bdf8) 65%,transparent)}.yourai-fff-pill__count{padding:0.1rem 0.45rem;border-radius:999px;background:color-mix(in srgb,var(--frost-bg,rgba(255,255,255,0.25)) 45%,rgba(0,0,0,0.35));border:1px solid rgba(255,255,255,0.25);font-weight:600;letter-spacing:normal;text-transform:none;font-size:0.68rem;color:var(--frost-text,#f8fafc);text-shadow:0 1px 1px rgba(2,6,23,0.55),0 -1px 1px rgba(255,255,255,0.35)}.yourai-fff-pill--soft{--frost-pill-border:rgba(255,255,255,0.18);background:color-mix(in srgb,var(--frost-bg,rgba(255,255,255,0.25)) 55%,rgba(15,23,42,0.35));box-shadow:inset 0 1px 0 rgba(255,255,255,0.35),0 8px 18px rgba(2,6,23,0.5)}.yourai-fff-radio{--radio-size:1.25rem;display:inline-flex;align-items:center;gap:0.9rem;padding:0.7rem 1rem;border-radius:999px;border:1px solid var(--frost-border,rgba(255,255,255,0.28));background:linear-gradient(135deg,rgba(255,255,255,0.12),rgba(0,8,20,0.12));backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);cursor:pointer;color:var(--frost-text,#f8fafc);box-shadow:inset 0 1px 0 var(--frost-highlight,rgba(255,255,255,0.6)),0 16px 32px rgba(2,6,23,0.4);transition:border-color 160ms ease,box-shadow 200ms ease,transform 160ms ease}.yourai-fff-radio:hover{border-color:var(--frost-border-strong,rgba(255,255,255,0.55));transform:translateY(-1px)}.yourai-fff-radio input{position:absolute;opacity:0;pointer-events:none}.yourai-fff-radio__dot{width:var(--radio-size);height:var(--radio-size);border-radius:999px;border:1px solid var(--frost-border,rgba(255,255,255,0.35));background:rgba(255,255,255,0.08);display:inline-flex;align-items:center;justify-content:center;position:relative;transition:border-color 180ms ease,background 180ms ease,box-shadow 180ms ease}.yourai-fff-radio__dot::after{content:"";width:calc(var(--radio-size) * 0.45);height:calc(var(--radio-size) * 0.45);border-radius:999px;background:var(--frost-accent,#38bdf8);transform:scale(0.2);opacity:0;transition:transform 180ms ease,opacity 140ms ease}.yourai-fff-radio input:focus-visible + .yourai-fff-radio__dot,.yourai-fff-radio input:focus + .yourai-fff-radio__dot{box-shadow:0 0 0 2px rgba(15,23,42,0.65),0 0 0 4px color-mix(in srgb,var(--frost-accent,#38bdf8) 55%,transparent)}.yourai-fff-radio input:checked + .yourai-fff-radio__dot{background:color-mix(in srgb,var(--frost-accent,#38bdf8) 20%,transparent);border-color:var(--frost-accent,#38bdf8);box-shadow:0 0 12px color-mix(in srgb,var(--frost-accent,#38bdf8) 55%,transparent),inset 0 0 0 1px rgba(255,255,255,0.25)}.yourai-fff-radio input:checked + .yourai-fff-radio__dot::after{transform:scale(1);opacity:1}.yourai-fff-radio__label{font-weight:500;letter-spacing:0.04em}.yourai-fff-radio--compact{--radio-size:1rem;padding:0.5rem 0.75rem;gap:0.6rem;border-radius:18px}.yourai-fff-slider-group{display:flex;flex-direction:column;gap:0.4rem}.yourai-fff-slider__head{display:flex;justify-content:space-between;align-items:center;font-size:0.85rem;letter-spacing:0.08em;text-transform:uppercase;color:rgba(248,250,252,0.7)}.yourai-fff-slider__value{font-size:0.85rem;letter-spacing:0.08em;color:var(--frost-accent,#38bdf8)}.yourai-fff-range{--slider-height:0.35rem;--slider-thumb-size:1.4rem;--slider-value:50%;width:100%;appearance:none;-webkit-appearance:none;height:var(--slider-thumb-size);background:transparent;position:relative;z-index:0;overflow:visible;cursor:pointer}.yourai-fff-range::before{content:"";position:absolute;inset:calc((var(--slider-thumb-size) - var(--slider-height)) / 2) 0;z-index:0;border-radius:999px;background:linear-gradient( 90deg,var(--frost-accent,#38bdf8) var(--slider-value,50%),rgba(255,255,255,0.15) var(--slider-value,50%) );opacity:0.9;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.08);pointer-events:none}.yourai-fff-range::after{content:"";position:absolute;inset:calc((var(--slider-thumb-size) - var(--slider-height)) / 2) 0;z-index:0;border-radius:999px;border:1px solid rgba(255,255,255,0.06);pointer-events:none}.yourai-fff-range::-webkit-slider-thumb{-webkit-appearance:none;width:var(--slider-thumb-size);height:var(--slider-thumb-size);border-radius:999px;border:1px solid rgba(255,255,255,0.45);background:radial-gradient(circle at 30% 30%,rgba(255,255,255,0.8),rgba(255,255,255,0.2)),color-mix(in srgb,var(--frost-accent,#38bdf8) 45%,rgba(15,23,42,0.75));box-shadow:0 10px 20px rgba(2,6,23,0.45),inset 0 1px 0 rgba(255,255,255,0.6);position:relative;z-index:1;cursor:pointer;transition:box-shadow 180ms ease,transform 180ms ease,border-color 180ms ease}.yourai-fff-range::-moz-range-track{height:var(--slider-height);border-radius:999px;background:linear-gradient( 90deg,var(--frost-accent,#38bdf8) var(--slider-value,50%),rgba(255,255,255,0.15) var(--slider-value,50%) )}.yourai-fff-range::-moz-range-thumb{width:var(--slider-thumb-size);height:var(--slider-thumb-size);border-radius:999px;border:1px solid rgba(255,255,255,0.45);background:radial-gradient(circle at 30% 30%,rgba(255,255,255,0.8),rgba(255,255,255,0.2)),color-mix(in srgb,var(--frost-accent,#38bdf8) 45%,rgba(15,23,42,0.75));box-shadow:0 10px 20px rgba(2,6,23,0.45),inset 0 1px 0 rgba(255,255,255,0.6);position:relative;z-index:1;cursor:pointer;transition:box-shadow 180ms ease,transform 180ms ease,border-color 180ms ease}.yourai-fff-range:focus-visible::-webkit-slider-thumb,.yourai-fff-range:focus-visible::-moz-range-thumb{box-shadow:0 0 28px color-mix(in srgb,var(--frost-accent,#38bdf8) 85%,transparent),0 0 55px color-mix(in srgb,var(--frost-accent,#38bdf8) 45%,transparent),0 14px 28px rgba(2,6,23,0.6),inset 0 0 35px color-mix(in srgb,var(--frost-accent,#38bdf8) 55%,transparent),inset 0 1px 0 rgba(255,255,255,0.85);border-color:rgba(255,255,255,0.92);transform:scale(1.07);background:radial-gradient(circle at 40% 30%,rgba(255,255,255,0.95),rgba(255,255,255,0.45)),color-mix(in srgb,var(--frost-accent,#38bdf8) 65%,rgba(15,23,42,0.55))}.yourai-fff-range.is-dragging::-webkit-slider-thumb{box-shadow:0 0 35px rgba(56,189,248,0.95),0 0 70px rgba(56,189,248,0.6),0 0 100px rgba(56,189,248,0.35),0 16px 32px rgba(2,6,23,0.65),inset 0 0 45px rgba(56,189,248,0.7),inset 0 1px 0 rgba(255,255,255,0.95);border-color:rgba(255,255,255,1);transform:scale(1.1);background:radial-gradient(circle at 40% 30%,rgba(255,255,255,1),rgba(255,255,255,0.5)),rgba(56,189,248,0.75)}.yourai-fff-range.is-dragging::-webkit-slider-thumb,.yourai-fff-range.is-dragging::-moz-range-thumb{box-shadow:0 0 35px color-mix(in srgb,var(--frost-accent,#38bdf8) 95%,transparent),0 0 70px color-mix(in srgb,var(--frost-accent,#38bdf8) 60%,transparent),0 0 100px color-mix(in srgb,var(--frost-accent,#38bdf8) 35%,transparent),0 16px 32px rgba(2,6,23,0.65),inset 0 0 45px color-mix(in srgb,var(--frost-accent,#38bdf8) 70%,transparent),inset 0 1px 0 rgba(255,255,255,0.95);border-color:rgba(255,255,255,1);transform:scale(1.1);background:radial-gradient(circle at 40% 30%,rgba(255,255,255,1),rgba(255,255,255,0.5)),color-mix(in srgb,var(--frost-accent,#38bdf8) 75%,rgba(15,23,42,0.45))}.yourai-fff-slider-group--compact .yourai-fff-range{--slider-thumb-size:1.1rem;--slider-height:0.25rem}.yourai-fff-slider-group--compact .yourai-fff-slider__head{font-size:0.75rem}.yourai-fff-slider-group--compact .yourai-fff-slider__value{font-size:0.75rem}.theme-card{border-radius:28px;padding:1.5rem;border:1px solid rgba(255,255,255,0.08);box-shadow:0 20px 40px rgba(2,6,23,0.45);display:flex;flex-direction:column;gap:0.85rem;align-items:center;text-align:center;background:rgba(15,23,42,0.85);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%)}.theme-card small{text-transform:uppercase;letter-spacing:0.08em;font-weight:600;color:rgba(248,250,252,0.85)}.theme-card .yourai-fff-btn{width:100%;justify-content:center}.theme-card .yourai-fff-dropdown{width:100%}.theme-card .yourai-fff-dropdown__toggle{width:100%;justify-content:space-between}.theme-card__checkboxes,.theme-card__radios,.theme-card__inputs,.theme-card__sliders{width:100%;display:grid;gap:0.6rem;margin-top:0.5rem}.theme-card__inputs,.theme-card__sliders{margin-top:0.75rem}.theme-card__radios{gap:0.5rem}.theme-card__icons{width:100%;margin-top:0.5rem;display:flex;justify-content:center;gap:0.4rem}.theme-card__media{--theme-card-media-radius:24px;width:100%;margin-top:0.4rem;border-radius:var(--theme-card-media-radius,24px);padding:0.4rem;border:1px solid color-mix(in srgb,var(--frost-accent,#38bdf8) 55%,transparent);background:radial-gradient(circle at 20% 20%,color-mix(in srgb,var(--frost-accent,#38bdf8) 65%,transparent),transparent 55%),rgba(2,6,23,0.65);box-shadow:0 12px 28px color-mix(in srgb,var(--frost-accent,#38bdf8) 16%,rgba(2,6,23,0.7));transition:border-color 220ms ease,box-shadow 220ms ease,transform 220ms ease;overflow:hidden;position:relative;display:flex;isolation:isolate}.theme-card__media img{width:100%;height:100%;border-radius:18px;object-fit:cover;object-position:center;display:block;border:1px solid rgba(255,255,255,0.15);filter:saturate(108%) contrast(105%);flex:1;position:relative;z-index:1}.theme-card__media.is-selected img{border-color:color-mix(in srgb,var(--frost-accent,#38bdf8) 78%,#ffffff 45%);box-shadow:0 0 16px color-mix(in srgb,var(--frost-accent,#38bdf8) 70%,transparent)}.theme-card__media:is([data-media-selectable],.theme-card__media--selectable){cursor:pointer}.theme-card__media.theme-card__media--thumb-indicator{--media-indicator-offset:calc(var(--theme-card-media-radius,24px) / 1.2);--media-indicator-translate:0px}.theme-card__media.theme-card__media--thumb-indicator::after{content:"";position:absolute;width:0.7rem;height:0.42rem;bottom:calc(var(--media-indicator-offset) + 0.22rem);right:calc(var(--media-indicator-offset) + 0.14rem);border-left:2px solid color-mix(in srgb,var(--frost-accent,#38bdf8) 92%,#ffffff 40%);border-bottom:2px solid color-mix(in srgb,var(--frost-accent,#38bdf8) 92%,#ffffff 40%);transform:translate(var(--media-indicator-translate),var(--media-indicator-translate)) rotate(-45deg) scale(0.65);transform-origin:center;border-radius:1px;opacity:0;box-shadow:0 0 8px color-mix(in srgb,var(--frost-accent,#38bdf8) 70%,transparent),0 0 14px rgba(0,0,0,0.35);transition:opacity 200ms ease,transform 200ms ease;pointer-events:none;z-index:2}.theme-card__media.theme-card__media--thumb-indicator.is-selected::after{opacity:1;transform:translate(var(--media-indicator-translate),var(--media-indicator-translate)) rotate(-45deg) scale(1)}.theme-card__media:not(.theme-card__media--thumb-indicator):is([data-media-selectable],.theme-card__media--selectable)::after{content:"";position:absolute;inset:0.5rem;border-radius:20px;background:radial-gradient(circle at 50% 120%,color-mix(in srgb,var(--frost-accent,#38bdf8) 85%,transparent) 0%,transparent 65%),radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--frost-accent,#38bdf8) 35%,transparent) 0%,transparent 75%);opacity:0;filter:blur(18px);transform:scale(0.95);transition:opacity 240ms ease,filter 240ms ease,transform 240ms ease;z-index:0;pointer-events:none}.theme-card__media.theme-card__media--thumb-indicator:is([data-media-selectable],.theme-card__media--selectable)::before{content:"";position:absolute;inset:0.5rem;border-radius:20px;background:radial-gradient(circle at 50% 120%,color-mix(in srgb,var(--frost-accent,#38bdf8) 85%,transparent) 0%,transparent 65%),radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--frost-accent,#38bdf8) 35%,transparent) 0%,transparent 75%);opacity:0;filter:blur(18px);transform:scale(0.95);transition:opacity 240ms ease,filter 240ms ease,transform 240ms ease;z-index:0;pointer-events:none}.theme-card__media:not(.theme-card__media--thumb-indicator):is([data-media-selectable],.theme-card__media--selectable):hover::after{opacity:0.5;filter:blur(20px)}.theme-card__media.theme-card__media--thumb-indicator:is([data-media-selectable],.theme-card__media--selectable):hover::before{opacity:0.5;filter:blur(20px)}.theme-card__media:not(.theme-card__media--thumb-indicator):is([data-media-selectable],.theme-card__media--selectable).is-selected::after{opacity:1;filter:blur(26px);transform:scale(1)}.theme-card__media.theme-card__media--thumb-indicator:is([data-media-selectable],.theme-card__media--selectable).is-selected::before{opacity:1;filter:blur(26px);transform:scale(1)}.theme-card__media.is-selected{border-color:color-mix(in srgb,var(--frost-accent,#38bdf8) 85%,#ffffff 20%);box-shadow:0 18px 42px color-mix(in srgb,var(--frost-accent,#38bdf8) 35%,rgba(2,6,23,0.75)),0 0 22px color-mix(in srgb,var(--frost-accent,#38bdf8) 55%,transparent);transform:translateY(-2px) scale(1.01)}.theme-card__media:is([data-media-selectable],.theme-card__media--selectable):focus-visible{outline:2px solid color-mix(in srgb,var(--frost-accent,#38bdf8) 80%,#ffffff 30%);outline-offset:4px}.theme-card__media--square{aspect-ratio:1 / 1}.theme-card__media--aspect-3-4{aspect-ratio:3 / 4}.theme-card__media--aspect-4-3{aspect-ratio:4 / 3}.theme-card__media--aspect-2-3{aspect-ratio:2 / 3}.theme-card__media--aspect-3-2{aspect-ratio:3 / 2}.theme-card__media--aspect-16-9{aspect-ratio:16 / 9}.theme-card__media--aspect-9-16{aspect-ratio:9 / 16}.media-selection-demo{margin:2.5rem auto 3rem;padding:1.5rem;border-radius:28px;border:1px solid rgba(255,255,255,0.08);background:rgba(15,23,42,0.75);box-shadow:0 20px 45px rgba(2,6,23,0.5);display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;align-items:flex-start}.media-selection-demo__item{flex:1 1 220px;max-width:320px;display:flex;flex-direction:column;gap:0.4rem;align-items:stretch}.media-selection-demo__label{font-size:0.75rem;letter-spacing:0.06em;text-transform:uppercase;text-align:center;color:rgba(248,250,252,0.65)}.theme-card__media:hover{border-color:color-mix(in srgb,var(--frost-accent,#38bdf8) 85%,#ffffff 20%);box-shadow:0 18px 42px color-mix(in srgb,var(--frost-accent,#38bdf8) 35%,rgba(2,6,23,0.75)),0 0 22px color-mix(in srgb,var(--frost-accent,#38bdf8) 55%,transparent);transform:translateY(-2px) scale(1.01)}.theme-card--sapphire{background:radial-gradient( circle at 20% 20%,rgba(59,130,246,0.35),transparent 60% ),rgba(15,23,42,0.85)}.theme-card--amber{background:radial-gradient( circle at 20% 20%,rgba(251,191,36,0.35),transparent 60% ),rgba(74,40,0,0.85)}.theme-card--rose{background:radial-gradient( circle at 20% 20%,rgba(248,113,113,0.35),transparent 60% ),rgba(76,12,34,0.85)}.theme-card--emerald{background:radial-gradient( circle at 20% 20%,rgba(16,185,129,0.35),transparent 60% ),rgba(5,47,38,0.85)}