@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.logo[data-v-83b91975]{display:inline-flex;align-items:center;gap:10px;color:var(--text)}.mark[data-v-83b91975]{width:28px;height:28px;border-radius:9px;box-shadow:var(--shadow-brand)}.wordmark[data-v-83b91975]{font-size:17px;font-weight:600;letter-spacing:-.02em}.wordmark-sub[data-v-83b91975]{color:var(--muted);font-weight:500}.pro[data-v-0b90ced8]{position:relative;display:flex;align-items:center;gap:14px;padding:14px 14px 14px 16px;border-radius:var(--radius);background:linear-gradient(100deg,color-mix(in oklab,var(--brand) 10%,var(--surface)),color-mix(in oklab,var(--gold) 12%,var(--surface)) 55%,color-mix(in oklab,var(--brand-3) 10%,var(--surface))) padding-box,var(--grad-brand) border-box;border:1.5px solid transparent;box-shadow:var(--shadow-sm)}.pro.shaking[data-v-0b90ced8]{animation:nudge-0b90ced8 .45s ease}.pro-icon[data-v-0b90ced8]{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border-radius:10px;color:var(--on-brand);background:linear-gradient(135deg,var(--gold),var(--c-pink) 60%,var(--brand));box-shadow:var(--shadow-brand)}.pro-icon.lg[data-v-0b90ced8]{width:48px;height:48px;border-radius:14px;margin:0 auto 4px}.pro-text[data-v-0b90ced8]{flex:1;min-width:0}.pro-title[data-v-0b90ced8]{font-weight:700;letter-spacing:-.01em;color:color-mix(in oklab,var(--brand) 70%,var(--text))}.pro-sub[data-v-0b90ced8]{font-size:13px;color:var(--muted)}.backdrop[data-v-0b90ced8]{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:16px;background:#00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal[data-v-0b90ced8]{position:relative;overflow:hidden;width:100%;max-width:380px;padding:32px 28px 24px;border:1px solid var(--border);border-radius:20px;background:radial-gradient(120% 90% at 50% 0%,color-mix(in oklab,var(--brand) 12%,transparent),transparent 70%),var(--surface);box-shadow:var(--shadow-lg);text-align:center}.modal[data-v-0b90ced8]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--grad-brand)}.modal h2[data-v-0b90ced8]{margin:8px 0 16px;font-size:22px;letter-spacing:-.02em}.close[data-v-0b90ced8]{position:absolute;top:12px;right:12px}.perks[data-v-0b90ced8]{display:grid;gap:10px;margin:0 0 16px;padding:0;list-style:none;text-align:left}.perks li[data-v-0b90ced8]{display:flex;align-items:center;gap:10px}.perks svg[data-v-0b90ced8]{flex-shrink:0;color:var(--brand)}.modal p[data-v-0b90ced8]{margin:0 0 20px;font-size:13px}.wide[data-v-0b90ced8]{width:100%}.fade-enter-active[data-v-0b90ced8],.fade-leave-active[data-v-0b90ced8]{transition:opacity .18s ease}.fade-enter-from[data-v-0b90ced8],.fade-leave-to[data-v-0b90ced8]{opacity:0}@keyframes nudge-0b90ced8{0%,to{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-2px)}}@media(max-width:600px){.pro[data-v-0b90ced8]{flex-wrap:wrap}.pro .btn[data-v-0b90ced8]{width:100%}}.stats[data-v-a6dbe50a]{display:grid;gap:18px}.metrics[data-v-a6dbe50a]{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:16px}.metric-label[data-v-a6dbe50a]{font-size:12px;font-weight:500;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.metric-value[data-v-a6dbe50a]{margin-top:4px;font-size:24px;font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.metric.main .metric-value[data-v-a6dbe50a]{font-size:32px}.metric.main .metric-value.good[data-v-a6dbe50a]{background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.good[data-v-a6dbe50a]{color:var(--success)}.bad[data-v-a6dbe50a]{color:var(--danger)}.bars[data-v-a6dbe50a]{display:grid;gap:8px}.bar-row[data-v-a6dbe50a]{display:grid;grid-template-columns:48px 1fr 76px;align-items:center;gap:12px;font-size:13px}.bar-label[data-v-a6dbe50a]{color:var(--muted)}.bar-value[data-v-a6dbe50a]{text-align:right;font-variant-numeric:tabular-nums}.bar[data-v-a6dbe50a]{height:8px;border-radius:99px;background:color-mix(in oklab,var(--brand) 8%,var(--subtle));overflow:hidden}.bar-fill[data-v-a6dbe50a]{height:100%;border-radius:inherit;transition:width .5s cubic-bezier(.2,.8,.2,1)}.bar-fill.before[data-v-a6dbe50a]{background:color-mix(in oklab,var(--muted) 45%,transparent)}.bar-fill.after[data-v-a6dbe50a]{background:var(--grad-brand);box-shadow:var(--shadow-brand)}.all-time[data-v-a6dbe50a]{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;color:var(--muted)}.all-time.bordered[data-v-a6dbe50a]{padding-top:14px;border-top:1px solid var(--border)}.all-time strong[data-v-a6dbe50a]{color:color-mix(in oklab,var(--brand) 75%,var(--text));font-weight:700}.link[data-v-a6dbe50a]{flex-shrink:0;padding:0;border:none;background:none;color:var(--muted);font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.link[data-v-a6dbe50a]:hover{color:var(--brand)}@media(max-width:600px){.metrics[data-v-a6dbe50a]{grid-template-columns:1fr 1fr}.metric.main[data-v-a6dbe50a]{grid-column:1 / -1}}.toggle[data-v-e09bb084]{width:36px;height:36px;border:1px solid var(--border);border-radius:10px;color:var(--text)}.swap-enter-active[data-v-e09bb084],.swap-leave-active[data-v-e09bb084]{transition:transform .2s ease,opacity .2s ease}.swap-enter-from[data-v-e09bb084]{opacity:0;transform:rotate(-90deg) scale(.6)}.swap-leave-to[data-v-e09bb084]{opacity:0;transform:rotate(90deg) scale(.6)}.page[data-v-a38aae74]{position:relative;min-height:100vh;display:flex;flex-direction:column}.aurora[data-v-a38aae74]{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.blob[data-v-a38aae74]{position:absolute;border-radius:50%;filter:blur(90px);opacity:.5;animation:drift-a38aae74 20s ease-in-out infinite alternate}.b1[data-v-a38aae74]{top:-180px;left:-140px;width:460px;height:460px;background:var(--c-violet)}.b2[data-v-a38aae74]{top:-120px;right:-160px;width:420px;height:420px;background:var(--c-cyan);animation-delay:-7s}.b3[data-v-a38aae74]{bottom:-260px;left:35%;width:540px;height:540px;background:var(--c-fuchsia);opacity:.3;animation-delay:-13s}:root[data-theme=dark] .blob[data-v-a38aae74]{opacity:.32}:root[data-theme=dark] .b3[data-v-a38aae74]{opacity:.22}@keyframes drift-a38aae74{to{transform:translate3d(40px,30px,0) scale(1.12)}}@media(prefers-reduced-motion:reduce){.blob[data-v-a38aae74]{animation:none}}.nav[data-v-a38aae74]{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1040px;width:100%;margin:0 auto;padding:20px 24px}.nav-right[data-v-a38aae74]{display:flex;align-items:center;gap:16px}.nav-note[data-v-a38aae74]{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}.container[data-v-a38aae74]{flex:1;width:100%;max-width:720px;margin:0 auto;padding:40px 24px 64px;display:flex;flex-direction:column;gap:16px}.hero[data-v-a38aae74]{margin-bottom:16px;text-align:center}.hero h1[data-v-a38aae74]{margin:0;font-size:clamp(32px,6vw,48px);font-weight:600;letter-spacing:-.04em;line-height:1.05}.hero h1 .grad-text[data-v-a38aae74]{padding-right:.08em}.hero p[data-v-a38aae74]{max-width:460px;margin:14px auto 0;font-size:16px;color:var(--muted)}.dropzone[data-v-a38aae74]{display:flex;flex-direction:column;align-items:center;gap:6px;padding:44px 20px 36px;border:1.5px dashed color-mix(in oklab,var(--brand) 35%,var(--border));border-radius:var(--radius-lg);background:radial-gradient(120% 140% at 50% 0%,color-mix(in oklab,var(--brand) 7%,transparent),transparent 65%),var(--surface);text-align:center;cursor:pointer;transition:border-color .2s,background-color .2s,box-shadow .2s}.dropzone[data-v-a38aae74]:hover,.dropzone.dragging[data-v-a38aae74]{border-color:var(--brand);box-shadow:var(--shadow-lg)}.dropzone.dragging[data-v-a38aae74]{background:radial-gradient(120% 140% at 50% 0%,color-mix(in oklab,var(--brand) 16%,transparent),transparent 70%),var(--surface)}.drop-icon[data-v-a38aae74]{display:grid;place-items:center;width:52px;height:52px;margin-bottom:12px;border-radius:16px;background:var(--grad-brand);color:var(--on-brand);box-shadow:var(--shadow-brand);transition:transform .25s cubic-bezier(.2,.8,.2,1)}.dropzone:hover .drop-icon[data-v-a38aae74],.dropzone.dragging .drop-icon[data-v-a38aae74]{transform:translateY(-3px) scale(1.06) rotate(-4deg)}.drop-title[data-v-a38aae74]{font-size:15px;font-weight:500}.drop-title u[data-v-a38aae74]{color:var(--brand);text-underline-offset:3px;text-decoration-color:color-mix(in oklab,var(--brand) 45%,transparent)}.drop-sub[data-v-a38aae74]{font-size:13px;color:var(--muted)}.chips[data-v-a38aae74]{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:16px}.chip[data-v-a38aae74]{padding:3px 8px;border:1px solid color-mix(in oklab,var(--hue) 30%,transparent);border-radius:6px;background:color-mix(in oklab,var(--hue) 12%,transparent);font-size:11px;font-weight:600;letter-spacing:.03em;color:color-mix(in oklab,var(--hue) 72%,var(--text))}.hue-0[data-v-a38aae74]{--hue: var(--c-violet)}.hue-1[data-v-a38aae74]{--hue: var(--c-fuchsia)}.hue-2[data-v-a38aae74]{--hue: var(--c-pink)}.hue-3[data-v-a38aae74]{--hue: var(--c-amber)}.hue-4[data-v-a38aae74]{--hue: var(--c-emerald)}.hue-5[data-v-a38aae74]{--hue: var(--c-cyan)}.notice[data-v-a38aae74]{display:flex;align-items:center;gap:8px;margin:0;padding:10px 12px;border:1px solid color-mix(in oklab,var(--gold) 28%,transparent);border-radius:10px;background:var(--gold-soft);font-size:13px}.notice svg[data-v-a38aae74]{flex-shrink:0;color:var(--gold)}.controls[data-v-a38aae74]{display:grid;gap:14px}.section-label[data-v-a38aae74]{font-size:12px;font-weight:600;color:color-mix(in oklab,var(--brand) 70%,var(--muted));text-transform:uppercase;letter-spacing:.06em}.formats[data-v-a38aae74]{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.format[data-v-a38aae74]{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:border-color .15s,background-color .15s,box-shadow .15s}.f-webp[data-v-a38aae74]{--accent: var(--c-cyan)}.f-avif[data-v-a38aae74]{--accent: var(--c-violet)}.f-jpg[data-v-a38aae74]{--accent: var(--c-amber)}.f-png[data-v-a38aae74]{--accent: var(--c-emerald)}.f-bmp[data-v-a38aae74]{--accent: var(--c-blue)}.f-ico[data-v-a38aae74]{--accent: var(--c-pink)}.format[data-v-a38aae74]:after{content:"";position:absolute;top:11px;right:11px;width:7px;height:7px;border-radius:99px;background:var(--accent);opacity:.4;transition:opacity .15s,transform .15s}.format[data-v-a38aae74]:hover:not(:disabled){border-color:color-mix(in oklab,var(--accent) 50%,var(--border));background:color-mix(in oklab,var(--accent) 6%,transparent)}.format.active[data-v-a38aae74]{border-color:var(--accent);background:color-mix(in oklab,var(--accent) 12%,transparent);box-shadow:inset 0 0 0 1px var(--accent)}.format.active[data-v-a38aae74]:after{opacity:1;transform:scale(1.3)}.format.active .format-name[data-v-a38aae74]{color:color-mix(in oklab,var(--accent) 80%,var(--text))}.format[data-v-a38aae74]:disabled{cursor:not-allowed}.format-name[data-v-a38aae74]{font-weight:600;font-size:14px}.format-hint[data-v-a38aae74]{font-size:12px;color:var(--muted)}.quality[data-v-a38aae74]{display:grid;gap:8px}.quality-head[data-v-a38aae74]{display:flex;justify-content:space-between;align-items:baseline}.quality-value[data-v-a38aae74]{padding:1px 8px;border-radius:99px;background:color-mix(in oklab,var(--brand) 12%,transparent);color:color-mix(in oklab,var(--brand) 80%,var(--text));font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}.actions[data-v-a38aae74]{display:flex;justify-content:flex-end;gap:8px;padding-top:14px;border-top:1px solid var(--border)}.list[data-v-a38aae74]{display:grid;margin:0;padding:0;list-style:none;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden}.file[data-v-a38aae74]{display:flex;align-items:center;gap:14px;padding:12px 12px 12px 14px}.file+.file[data-v-a38aae74]{border-top:1px solid var(--border)}.file[data-v-a38aae74]:hover{background:color-mix(in oklab,var(--brand) 4%,transparent)}.thumb[data-v-a38aae74]{position:relative;display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,color-mix(in oklab,var(--brand) 18%,transparent),color-mix(in oklab,var(--brand-3) 18%,transparent));color:var(--brand);overflow:hidden}.thumb img[data-v-a38aae74]{width:100%;height:100%;object-fit:cover}.file.locked .thumb img[data-v-a38aae74]{filter:blur(4px) grayscale(1);opacity:.6}.thumb-lock[data-v-a38aae74]{position:absolute;inset:0;display:grid;place-items:center;color:var(--text)}.file-info[data-v-a38aae74]{flex:1;min-width:0}.file-name[data-v-a38aae74]{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-meta[data-v-a38aae74]{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-top:2px;font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.meta-arrow[data-v-a38aae74]{opacity:.6}.delta[data-v-a38aae74]{margin-left:4px;padding:1px 6px;border-radius:5px;background:var(--subtle);font-size:12px;font-weight:600}.delta.good[data-v-a38aae74]{background:var(--success-soft);color:color-mix(in oklab,var(--success) 78%,var(--text))}.delta.bad[data-v-a38aae74]{background:var(--danger-soft);color:color-mix(in oklab,var(--danger) 78%,var(--text))}.warn[data-v-a38aae74]{color:color-mix(in oklab,var(--gold) 75%,var(--text))}.good[data-v-a38aae74]{color:var(--success)}.bad[data-v-a38aae74]{color:color-mix(in oklab,var(--danger) 78%,var(--text))}.muted[data-v-a38aae74]{color:var(--muted)}.file-actions[data-v-a38aae74]{display:flex;align-items:center;gap:8px}.footer[data-v-a38aae74]{padding:24px;text-align:center;font-size:13px;color:var(--muted)}.footer[data-v-a38aae74]:before{content:"";display:block;width:120px;height:3px;margin:0 auto 18px;border-radius:99px;background:var(--grad-brand);opacity:.8}.spin[data-v-a38aae74]{animation:spin-a38aae74 .8s linear infinite}@keyframes spin-a38aae74{to{transform:rotate(360deg)}}@media(max-width:600px){.nav-note[data-v-a38aae74]{display:none}.container[data-v-a38aae74]{padding-top:16px}.formats[data-v-a38aae74]{grid-template-columns:repeat(2,1fr)}.actions[data-v-a38aae74]{flex-wrap:wrap}.actions .btn-primary[data-v-a38aae74]{flex-basis:100%;order:-1}}:root{--c-violet: #6d3bf5;--c-fuchsia: #c026d3;--c-cyan: #0891b2;--c-blue: #2563eb;--c-emerald: #059669;--c-amber: #d97706;--c-pink: #db2777;--brand: var(--c-violet);--brand-2: var(--c-fuchsia);--brand-3: var(--c-cyan);--brand-soft: #f0eaff;--on-brand: #ffffff;--grad-brand: linear-gradient(115deg, var(--brand), var(--brand-2) 52%, var(--brand-3));--bg: #fbfaff;--surface: #ffffff;--subtle: #f4f1fe;--text: #17132b;--muted: #6c6690;--border: #e9e4f8;--border-strong: #d2caee;--gold: var(--c-amber);--gold-soft: #fdf0da;--success: var(--c-emerald);--success-soft: #ddf5ea;--danger: #be123c;--danger-soft: #fdeaef;--radius: 14px;--radius-lg: 20px;--shadow-sm: 0 1px 2px rgb(23 19 43 / .06);--shadow-lg: 0 1px 2px rgb(23 19 43 / .05), 0 14px 36px -14px rgb(109 59 245 / .28);--shadow-brand: 0 6px 20px -8px rgb(109 59 245 / .6);color-scheme:light;font-family:Inter Variable,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-feature-settings:"cv11","ss01";-webkit-font-smoothing:antialiased;color:var(--text);background:var(--bg)}:root[data-theme=dark]{--c-violet: #a78bfa;--c-fuchsia: #f0abfc;--c-cyan: #22d3ee;--c-blue: #7dabff;--c-emerald: #34d399;--c-amber: #fbbf24;--c-pink: #f472b6;--brand-soft: #221a44;--on-brand: #0b0918;--bg: #0b0918;--surface: #15122a;--subtle: #1e1a3a;--text: #f3f0ff;--muted: #9a93bd;--border: #272148;--border-strong: #3d3568;--gold-soft: #2e2210;--success-soft: #0f2f24;--danger: #fb7185;--danger-soft: #33121f;--shadow-sm: 0 1px 2px rgb(0 0 0 / .45);--shadow-lg: 0 1px 2px rgb(0 0 0 / .4), 0 18px 44px -16px rgb(0 0 0 / .75);--shadow-brand: 0 6px 22px -8px rgb(167 139 250 / .5);color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);line-height:1.5}::selection{background:color-mix(in oklab,var(--brand) 28%,transparent);color:var(--text)}.grad-text{background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.card{padding:18px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;padding:0 14px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font:inherit;font-size:14px;font-weight:500;white-space:nowrap;cursor:pointer;box-shadow:var(--shadow-sm);transition:background-color .15s,border-color .15s,color .15s,opacity .15s,transform .1s}.btn:hover:not(:disabled){border-color:color-mix(in oklab,var(--brand) 45%,var(--border));background:color-mix(in oklab,var(--brand) 7%,var(--surface));color:var(--brand)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{border-color:transparent;background:var(--grad-brand);background-size:160% 100%;color:var(--on-brand);box-shadow:var(--shadow-brand);transition:background-position .35s ease,box-shadow .2s,transform .1s,opacity .15s}.btn-primary:hover:not(:disabled){background:var(--grad-brand);background-size:160% 100%;background-position:100% 0;border-color:transparent;color:var(--on-brand);box-shadow:0 8px 26px -8px #6d3bf5bf}.btn-ghost{border-color:transparent;background:transparent;color:var(--muted);box-shadow:none}.btn-ghost:hover:not(:disabled){border-color:transparent;background:color-mix(in oklab,var(--brand) 8%,transparent);color:var(--brand)}.btn-sm{height:32px;padding:0 10px;font-size:13px}.btn-icon{display:grid;place-items:center;width:32px;height:32px;padding:0;border:none;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer;transition:background-color .15s,color .15s}.btn-icon:hover:not(:disabled){background:color-mix(in oklab,var(--brand) 12%,transparent);color:var(--brand)}.btn-icon:disabled{opacity:.4;cursor:not-allowed}input[type=range]{width:100%;accent-color:var(--brand)}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}