@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-font-weight:initial;--tw-tracking:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-400:oklch(70.4% .191 22.216);--color-blue-400:oklch(70.7% .165 254.624);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-lg:32rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--font-weight-semibold:600;--font-weight-bold:700;--tracking-normal:0em;--radius-xl:.75rem;--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.static{position:static}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-5{margin-top:calc(var(--spacing)*5)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-auto{margin-top:auto}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-5{margin-bottom:calc(var(--spacing)*5)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-10{margin-bottom:calc(var(--spacing)*10)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-\[68px\]{height:68px}.min-h-screen{min-height:100vh}.w-\[68px\]{width:68px}.w-full{width:100%}.max-w-6xl{max-width:var(--container-6xl)}.max-w-lg{max-width:var(--container-lg)}.min-w-0{min-width:calc(var(--spacing)*0)}.flex-1{flex:1}.flex-grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.resize{resize:both}.scroll-mt-24{scroll-margin-top:calc(var(--spacing)*24)}.list-disc{list-style-type:disc}.appearance-none{appearance:none}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}.gap-x-2{column-gap:calc(var(--spacing)*2)}.gap-y-1{row-gap:calc(var(--spacing)*1)}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.rounded{border-radius:.25rem}.rounded-\[var\(--ui-radius-section\)\]{border-radius:var(--ui-radius-section)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\[var\(--ui-border-strong\)\]{border-color:var(--ui-border-strong)}.border-gray-800{border-color:var(--color-gray-800)}.bg-black{background-color:var(--color-black)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-gray-900\/40{background-color:#10182866}@supports (color:color-mix(in lab,red,red)){.bg-gray-900\/40{background-color:color-mix(in oklab,var(--color-gray-900)40%,transparent)}}.bg-white\/\[0\.03\]{background-color:#ffffff08}@supports (color:color-mix(in lab,red,red)){.bg-white\/\[0\.03\]{background-color:color-mix(in oklab,var(--color-white)3%,transparent)}}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-gray-900{--tw-gradient-from:var(--color-gray-900);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-7{padding-block:calc(var(--spacing)*7)}.py-10{padding-block:calc(var(--spacing)*10)}.pb-8{padding-bottom:calc(var(--spacing)*8)}.pl-5{padding-left:calc(var(--spacing)*5)}.text-center{text-align:center}.text-left{text-align:left}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-normal{--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.whitespace-pre-wrap{white-space:pre-wrap}.text-\[var\(--ui-accent-1\)\]{color:var(--ui-accent-1)}.text-\[var\(--ui-success\)\]{color:var(--ui-success)}.text-\[var\(--ui-text\)\]{color:var(--ui-text)}.text-\[var\(--ui-text-muted\)\]{color:var(--ui-text-muted)}.text-\[var\(--ui-text-subtle\)\]{color:var(--ui-text-subtle)}.text-blue-400{color:var(--color-blue-400)}.text-gray-100{color:var(--color-gray-100)}.text-gray-200{color:var(--color-gray-200)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-red-400{color:var(--color-red-400)}.text-white{color:var(--color-white)}.underline{text-decoration-line:underline}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media(hover:hover){.hover\:text-white:hover{color:var(--color-white)}.hover\:underline:hover{text-decoration-line:underline}}@media(min-width:40rem){.sm\:block{display:block}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:p-6{padding:calc(var(--spacing)*6)}.sm\:px-5{padding-inline:calc(var(--spacing)*5)}.sm\:py-9{padding-block:calc(var(--spacing)*9)}}@media(min-width:64rem){.lg\:sticky{position:sticky}.lg\:top-5{top:calc(var(--spacing)*5)}.lg\:top-6{top:calc(var(--spacing)*6)}.lg\:block{display:block}.lg\:grid-cols-\[minmax\(0\,1\.25fr\)_minmax\(300px\,0\.75fr\)\]{grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr)}}}*{font-display:swap}.skeleton{contain:content;content-visibility:auto}.gradient-bg{background:linear-gradient(135deg,var(--color-bg1),var(--color-bg-mid),var(--color-bg2));min-width:100vw;height:100%;min-height:100vh;position:absolute;top:0;left:0;overflow:hidden}:root{--transition-time:.5s;--btn-transition-time:.3s;--color-bg1:oklch(32% .08 235);--color-bg-mid:oklch(25% .06 255);--color-bg2:oklch(28% .06 205);--border-color:#fcfcfc0f;--surface-light:#242628;--surface-dark:#161618;--surface-dark-alpha:#161618b3;--surface-semi-dark-alpha:#17171780;--custom-bg:#242628;--btn-ghost-bg:#ffffff26;--btn-ghost-bg-hover:#ffffff40;--btn-ghost-active:#ffffff59;--btn-ghost-active-hover:#ffffff73;--focus-border-color:#fff;--focus-ring-color:#fff6;--custom-active-bg:#fcfcfc;--custom-active-bg-hover:#e3e5e8;--custom-active-text:#111113;--ui-text:#fff;--ui-text-muted:#b5bac5;--ui-text-subtle:#8f96a3;--ui-border:#fcfcfc1a;--ui-border-strong:#fcfcfc2e;--ui-border-active:#14dff5;--ui-panel-bg:#161618b8;--ui-panel-bg-strong:#111113d6;--ui-control-bg:#1e2129c7;--ui-control-bg-hover:#292d38d1;--ui-control-bg-active:#1b68a785;--ui-accent-1:oklch(72% .16 205);--ui-accent-2:oklch(67% .18 255);--ui-accent-3:oklch(76% .16 170);--ui-accent-gradient:linear-gradient(135deg,var(--ui-accent-1),var(--ui-accent-2));--ui-action-bg:var(--ui-accent-gradient);--ui-action-text:var(--ui-text);--ui-action-border:#ffffff29;--ui-success:oklch(72% .19 145);--ui-warning:oklch(80% .16 82);--ui-danger:oklch(68% .2 27);--ui-error-border:#f372724d;--ui-error-bg:#4e0e0e4d;--ui-error-text:#ffd6d6;--ui-shadow-panel:0 22px 60px #01011359;--ui-shadow-control:0 10px 30px #01011338;--ui-radius-panel:1.5rem;--ui-radius-section:1rem;--ui-radius-control:.75rem;--ui-radius-pill:9999px;--ui-control-height:2.75rem;--ui-icon-size:1rem}input.surface-light,textarea.surface-light,select.surface-light{transition:border-color var(--btn-transition-time),box-shadow var(--btn-transition-time)}input.surface-light:focus,textarea.surface-light:focus,select.surface-light:focus{border-color:var(--focus-border-color);box-shadow:0 0 0 2px var(--focus-ring-color);outline:none}select.surface-light option:hover{background-color:var(--btn-ghost-bg-hover);color:#fff}select.surface-light option:checked{background-color:var(--btn-ghost-active);color:#fff}.surface-light{background-color:var(--surface-light)}.surface-semi-dark{background-color:var(--surface-semi-dark-alpha)}.ui-border-color{border-color:var(--border-color)}.main-app,.main-render{min-height:100vh}header,main,footer{z-index:3}body,html{box-sizing:border-box;background-color:#212121}.custom_green{background-color:#008635}.custom_green:hover{background-color:#047230}.window-color{border:1px solid var(--ui-border);border-radius:var(--ui-radius-panel);background:linear-gradient(180deg,#ffffff09,#ffffff03),var(--ui-panel-bg);min-width:0;min-height:400px;box-shadow:var(--ui-shadow-panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.logo{width:auto}.border-input-color{border-color:var(--color-gray-100)}.language-switcher{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#272727d9}.language-btn{min-width:36px;transition:transform .2s,background-color .3s}.language-btn:hover{transform:scale(1.05)}.language-btn.active{box-shadow:0 0 0 2px #3b82f680}.site-footer{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#191d29d1;border-top:1px solid #ffffff0f}.footer-language-list{padding:.75rem max(.75rem,env(safe-area-inset-left)).65rem;scrollbar-width:none;gap:.45rem;display:flex;overflow-x:auto}.footer-language-list::-webkit-scrollbar{display:none}.footer-language-link{border-radius:var(--ui-radius-button);min-height:2.4rem;color:var(--ui-text-muted);transition:background var(--btn-transition-time),color var(--btn-transition-time),transform var(--btn-transition-time);flex:none;align-items:center;padding:.5rem .8rem;font-size:.875rem;line-height:1;display:inline-flex}.footer-language-link:hover{color:var(--ui-text);background:#ffffff12;transform:translateY(-1px)}.footer-language-link.active{color:#fff;background:#2b6ef3}.footer-legal-links{color:var(--ui-text-subtle);flex-wrap:wrap;justify-content:center;gap:.5rem 1.4rem;padding:.65rem .75rem 1rem;font-size:.8125rem;display:flex}.footer-legal-links a{transition:color var(--btn-transition-time)}.footer-legal-links a:hover{color:var(--ui-accent-1)}@media(max-width:640px){.language-switcher{padding:.25rem;top:.5rem;right:.5rem}.logo{width:50px;height:62px}.header-title{font-size:1.5rem}.footer-language-list{justify-content:flex-start}}@media(min-width:768px){.footer-language-list{flex-wrap:wrap;justify-content:center;padding-top:1rem;overflow:visible}}.flag-btn{border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.flag-btn:hover{transform:scale(1.15)}.flag-btn.active{box-shadow:0 0 0 2px #3b82f680}.justify-between{justify-content:space-between}.ui__btn-action{min-height:var(--ui-control-height);border-radius:var(--ui-radius-control);background:var(--ui-action-bg);color:var(--ui-action-text);cursor:pointer;transition:box-shadow var(--btn-transition-time),filter var(--btn-transition-time),transform var(--btn-transition-time);border:0;font-weight:700;box-shadow:0 14px 32px #421a9347}.ui__btn-action:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 18px 40px #421a935c}.ui__btn-action:disabled{cursor:wait;filter:saturate(.65);opacity:.78;transform:none}.ui__btn-layuot{border:1px solid var(--ui-border);border-radius:var(--ui-radius-pill);background:var(--ui-control-bg);min-height:2.75rem;color:var(--ui-text-muted);box-shadow:var(--ui-shadow-control);transition:background var(--btn-transition-time),border-color var(--btn-transition-time),color var(--btn-transition-time),transform var(--btn-transition-time);justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1rem;display:inline-flex}@media(max-width:768px){.ui__btn-layuot{gap:.25rem;min-height:1.75rem;padding:.4rem .625rem}}.ui__btn-layuot:hover{border-color:var(--ui-border-strong);background:var(--ui-control-bg-hover);color:var(--ui-text);transform:translateY(-1px)}.ui__btn-layuot.active{background:var(--ui-accent-gradient);color:var(--ui-text);border-color:#ffffff2e;box-shadow:0 14px 32px #421a9357}.ui__buttons{flex-wrap:wrap;gap:.5rem;display:flex}.ui__btn{min-height:var(--ui-control-height);border:1px solid var(--ui-border);border-radius:var(--ui-radius-control);cursor:pointer;background:var(--ui-control-bg);color:var(--ui-text-muted);transition:background var(--btn-transition-time),border-color var(--btn-transition-time),color var(--btn-transition-time),box-shadow var(--btn-transition-time),transform var(--btn-transition-time);justify-content:center;align-items:center;gap:.5rem;padding:.5rem .75rem;font-weight:600;display:inline-flex}.ui__btn:hover{border-color:var(--ui-border-strong);background:var(--ui-control-bg-hover);color:var(--ui-text);transform:translateY(-1px)}.ui__btn.active{border-color:var(--ui-border-active);background:var(--ui-control-bg-active);color:var(--ui-text);box-shadow:inset 0 0 0 1px #6c78f929}.ui__btn.active:hover{background:#303aa68f}.ui-panel-heading{border-bottom:1px solid var(--ui-border);align-items:flex-start;gap:1rem;margin-bottom:1.25rem;padding-bottom:1rem;display:flex}.ui-panel-title{color:var(--ui-text);font-size:1.25rem;font-weight:750;line-height:1.2}.ui-panel-hint{color:var(--ui-text-subtle);margin-top:.35rem;font-size:.875rem;line-height:1.45}.ui-section-icon{border:1px solid var(--ui-border-active);border-radius:var(--ui-radius-pill);width:2.75rem;height:2.75rem;color:var(--ui-text);background:radial-gradient(circle at 28% 20%,#ffffff29,#0000 42%),#29328e5c;flex:none;place-items:center;display:inline-grid;box-shadow:0 10px 30px #1a249347}.ui-label{color:var(--ui-text);margin-bottom:.5rem;font-size:.875rem;font-weight:700;display:block}.ui-muted-label{color:var(--ui-text-muted);font-size:.875rem}.ui-input-shell{display:block;position:relative}.ui-input-icon{width:var(--ui-icon-size);height:var(--ui-icon-size);color:var(--ui-text-muted);pointer-events:none;position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}.ui-input-icon.top{top:1rem;transform:none}.ui-control{width:100%;min-height:var(--ui-control-height);border:1px solid var(--ui-border);border-radius:var(--ui-radius-control);background:var(--ui-control-bg);color:var(--ui-text);transition:background var(--btn-transition-time),border-color var(--btn-transition-time),box-shadow var(--btn-transition-time);padding:0 .85rem;font-size:.875rem}.ui-control::placeholder{color:var(--ui-text-subtle)}.ui-control:focus{border-color:var(--focus-border-color);box-shadow:0 0 0 2px var(--focus-ring-color);outline:none}.ui-control.with-icon{padding-left:2.6rem}textarea.ui-control{padding-top:.9rem;padding-bottom:.9rem;line-height:1.55}.ui-control.with-chevron{padding-right:2.4rem}.ui-select-chevron{width:1rem;height:1rem;color:var(--ui-text-muted);pointer-events:none;position:absolute;top:50%;right:.85rem;transform:translateY(-50%)}.ui-accordion-trigger{min-height:var(--ui-control-height);border:1px solid var(--ui-border);border-radius:var(--ui-radius-control);background:var(--ui-control-bg);width:100%;color:var(--ui-text-muted);cursor:pointer;transition:background var(--btn-transition-time),border-color var(--btn-transition-time),color var(--btn-transition-time);justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.5rem;padding:.625rem .875rem;font-weight:650;display:flex}.ui-accordion-trigger:hover{border-color:var(--ui-border-strong);background:var(--ui-control-bg-hover);color:var(--ui-text)}.ui-collapsible-panel{border:1px solid var(--ui-border);border-radius:var(--ui-radius-section);background:var(--ui-panel-bg-strong);overflow:hidden}.ui-preview-surface{border:1px solid var(--ui-border);border-radius:var(--ui-radius-section);background:radial-gradient(circle at 90% 12%,#34a4f429,#0000 34%),#0e0e115c;place-items:center;min-height:21rem;display:grid;overflow:hidden}.ui-format-switch{border:1px solid var(--ui-border);border-radius:var(--ui-radius-control);background:#1a1c23b3;align-items:center;gap:.25rem;padding:.25rem;display:inline-flex}.ui-format-option{border-radius:calc(var(--ui-radius-control) - .25rem);min-width:3.25rem;min-height:2rem;color:var(--ui-text-muted);letter-spacing:0;transition:background var(--btn-transition-time),color var(--btn-transition-time),box-shadow var(--btn-transition-time);font-size:.75rem;font-weight:800}.ui-format-option.active{background:var(--ui-control-bg-active);color:var(--ui-text);box-shadow:0 0 0 1px var(--ui-border-active) inset}.ui-status-card{border:1px solid var(--ui-border);border-radius:var(--ui-radius-section);color:var(--ui-text-muted);background:#15151994}.ui-status-card.success{border-color:#2fda7647}.ui-status-card.warning{color:#fbe8bb;background:#37270647;border-color:#f5be3d61}.ui-status-card.danger{border-color:var(--ui-danger)}@supports (color:color-mix(in lab,red,red)){.ui-status-card.danger{border-color:color-mix(in srgb,var(--ui-danger)42%,transparent)}}.ui-status-card.danger{background:var(--ui-danger)}@supports (color:color-mix(in lab,red,red)){.ui-status-card.danger{background:color-mix(in srgb,var(--ui-danger)12%,transparent)}}.ui-status-icon{border-radius:var(--ui-radius-pill);flex:none;place-items:center;width:2.5rem;height:2.5rem;display:grid}.ui-status-icon.success{background:var(--ui-success)}@supports (color:color-mix(in lab,red,red)){.ui-status-icon.success{background:color-mix(in srgb,var(--ui-success)18%,transparent)}}.ui-status-icon.success{color:var(--ui-success)}.ui-status-icon.danger{background:var(--ui-danger)}@supports (color:color-mix(in lab,red,red)){.ui-status-icon.danger{background:color-mix(in srgb,var(--ui-danger)16%,transparent)}}.ui-status-icon.danger{color:var(--ui-danger)}.ui-dropzone{border:1px dashed var(--ui-border-strong);border-radius:var(--ui-radius-section);transition:background var(--btn-transition-time),border-color var(--btn-transition-time),color var(--btn-transition-time);background:#ffffff09}.ui-dropzone:hover,.ui-dropzone.active{background:#ffffff14;border-color:#ffffff6b}.ui-dropzone.is-loading{border-color:var(--ui-accent-1)}@supports (color:color-mix(in lab,red,red)){.ui-dropzone.is-loading{border-color:color-mix(in srgb,var(--ui-accent-1)46%,var(--ui-border-strong))}}.ui-dropzone.is-loading{background:var(--ui-accent-1)}@supports (color:color-mix(in lab,red,red)){.ui-dropzone.is-loading{background:color-mix(in srgb,var(--ui-accent-1)8%,transparent)}}.ui-dropzone.is-success{border-color:var(--ui-accent-1)}@supports (color:color-mix(in lab,red,red)){.ui-dropzone.is-success{border-color:color-mix(in srgb,var(--ui-accent-1)52%,var(--ui-border-strong))}}.ui-dropzone.is-success{background:var(--ui-accent-1)}@supports (color:color-mix(in lab,red,red)){.ui-dropzone.is-success{background:color-mix(in srgb,var(--ui-accent-1)8%,transparent)}}.ui-dropzone.is-error{border-color:var(--ui-error-border);background:var(--ui-danger)}@supports (color:color-mix(in lab,red,red)){.ui-dropzone.is-error{background:color-mix(in srgb,var(--ui-danger)10%,transparent)}}.ui-error-card{border:1px solid var(--ui-error-border);border-radius:var(--ui-radius-control);background:var(--ui-error-bg);color:var(--ui-error-text)}.ui-hero-title{color:var(--ui-text);font-size:clamp(2rem,4vw,2.25rem);font-weight:800;line-height:1}.ui-hero-subtitle{max-width:44rem;color:var(--ui-text-muted);text-align:center;font-size:1rem;line-height:1.5}.ui-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}@media(min-width:640px){.ui-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1024px){.ui-choice-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.ui-choice-grid .ui__btn,.ui-module-grid .ui__btn{justify-content:center;min-width:0}.ui-module-grid{grid-template-columns:repeat(auto-fit,minmax(8.75rem,1fr));gap:.5rem;display:grid}.ui-module-grid .ui__btn{gap:.5rem;min-height:3rem;padding-inline:.625rem;font-size:.8125rem}.ui-module-grid .ui__btn svg{flex:none}.ui-module-grid .ui__btn span{text-align:left;min-width:0;line-height:1.15}.webp-drop{min-height:12rem}.webp-settings-grid{gap:1rem;display:grid}.webp-setting-field{min-width:0}.webp-setting-label{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.webp-setting-label.simple{justify-content:flex-start}.webp-setting-label-main{align-items:center;gap:.5rem;min-width:0;line-height:1.25;display:inline-flex}.webp-setting-label-main svg{flex:none}.webp-actions{gap:.625rem;display:grid}.webp-file-list{gap:.5rem;display:grid}.webp-file-row{border:1px solid var(--ui-border);border-radius:var(--ui-radius-control);min-height:4rem;color:inherit;cursor:pointer;transition:background var(--btn-transition-time),border-color var(--btn-transition-time),transform var(--btn-transition-time);background:#ffffff09;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.75rem;display:grid}.webp-file-row:hover,.webp-file-row.active{border-color:var(--ui-border-strong);background:#ffffff12}.webp-file-row.active{border-color:var(--ui-accent-1)}@supports (color:color-mix(in lab,red,red)){.webp-file-row.active{border-color:color-mix(in srgb,var(--ui-accent-1)62%,var(--ui-border))}}.webp-status-dot{border-radius:var(--ui-radius-pill);width:2rem;height:2rem;color:var(--ui-text-muted);background:#ffffff14;place-items:center;display:grid}.webp-status-dot.queued{color:var(--ui-text-subtle)}.webp-status-dot.converting{color:var(--ui-accent-1)}.webp-status-dot.done{background:var(--ui-success)}@supports (color:color-mix(in lab,red,red)){.webp-status-dot.done{background:color-mix(in srgb,var(--ui-success)16%,transparent)}}.webp-status-dot.done{color:var(--ui-success)}.webp-status-dot.error{background:var(--ui-danger)}@supports (color:color-mix(in lab,red,red)){.webp-status-dot.error{background:color-mix(in srgb,var(--ui-danger)14%,transparent)}}.webp-status-dot.error{color:var(--ui-danger)}.webp-row-actions{align-items:center;gap:.35rem;display:inline-flex}.webp-icon-button{border:1px solid var(--ui-border);border-radius:var(--ui-radius-pill);background:var(--ui-control-bg);width:2rem;height:2rem;color:var(--ui-text-muted);transition:background var(--btn-transition-time),border-color var(--btn-transition-time),color var(--btn-transition-time);place-items:center;display:grid}.webp-icon-button:hover{border-color:var(--ui-border-strong);background:var(--ui-control-bg-hover);color:var(--ui-text)}.webp-empty-list{border:1px dashed var(--ui-border-strong);border-radius:var(--ui-radius-control);min-height:4.5rem;color:var(--ui-text-subtle);justify-content:center;align-items:center;gap:.65rem;font-size:.875rem;display:flex}.webp-preview-surface{place-items:stretch stretch;width:100%;min-width:0;min-height:25rem}.webp-state{text-align:center;align-content:center;place-items:center;gap:.75rem;min-height:17rem;display:grid}.webp-state .ui-status-icon:not(.danger){background:var(--ui-accent-1)}@supports (color:color-mix(in lab,red,red)){.webp-state .ui-status-icon:not(.danger){background:color-mix(in srgb,var(--ui-accent-1)16%,transparent)}}.webp-preview-image{box-sizing:border-box;object-fit:contain;border:1px solid var(--ui-border);border-radius:var(--ui-radius-section);background-color:#0c0c0e57;background-image:linear-gradient(45deg,#ffffff0d 25%,#0000 25%),linear-gradient(-45deg,#ffffff0d 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ffffff0d 75%),linear-gradient(-45deg,#0000 75%,#ffffff0d 75%),none;background-position:0 0,0 .5rem,.5rem -.5rem,-.5rem 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:1rem 1rem;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;width:100%;min-width:0;max-height:19rem;padding:.5rem;display:block}.webp-preview-result{width:100%;min-width:0;overflow:hidden}.webp-preview-meta-row{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:.75rem;display:grid}.webp-preview-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.webp-preview-size,.webp-preview-saving{min-width:max-content}.webp-preview-dimensions{min-width:0}.webp-placeholder{border:1px solid var(--ui-border);border-radius:var(--ui-radius-section);background:linear-gradient(135deg,var(--ui-accent-1),transparent),#0e0e116b;place-items:center;width:8rem;height:8rem;display:grid}@supports (color:color-mix(in lab,red,red)){.webp-placeholder{background:linear-gradient(135deg,color-mix(in srgb,var(--ui-accent-1)18%,transparent),transparent),#0e0e116b}}.webp-placeholder{color:var(--ui-accent-1)}.webp-progress{border-radius:var(--ui-radius-pill);background:#ffffff14;height:.5rem;overflow:hidden}.webp-progress span{border-radius:inherit;background:var(--ui-accent-gradient);height:100%;transition:width var(--transition-time);display:block}.webp-compare-backdrop{z-index:9999;isolation:isolate;background:radial-gradient(circle at 18% 12%,var(--ui-accent-1),transparent 32%),#090c16d1;place-items:center;padding:1rem;display:grid;position:fixed;inset:0;overflow:auto}@supports (color:color-mix(in lab,red,red)){.webp-compare-backdrop{background:radial-gradient(circle at 18% 12%,color-mix(in srgb,var(--ui-accent-1)22%,transparent),transparent 32%),#090c16d1}}.webp-compare-backdrop{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.webp-compare-modal{border:1px solid var(--ui-border-strong);border-radius:var(--ui-radius-panel);background:linear-gradient(#ffffff0e,#ffffff05),#14171ff5;grid-template-rows:auto minmax(0,1fr) auto;width:min(72rem,100%);min-width:0;max-height:calc(100dvh - 2rem);display:grid;overflow:hidden;box-shadow:0 30px 90px #01040fa3}.webp-compare-header{border-bottom:1px solid var(--ui-border);justify-content:space-between;align-items:center;gap:1rem;min-width:0;padding:1rem;display:flex}.webp-compare-title{color:var(--ui-text);font-size:1.05rem;font-weight:800;line-height:1.2}.webp-compare-subtitle{min-width:0;color:var(--ui-text-subtle);text-overflow:ellipsis;white-space:nowrap;margin-top:.25rem;font-size:.8125rem;line-height:1.35;overflow:hidden}.webp-compare-close{border:1px solid var(--ui-border);border-radius:var(--ui-radius-pill);background:var(--ui-control-bg);width:2.5rem;height:2.5rem;color:var(--ui-text-muted);transition:background var(--btn-transition-time),border-color var(--btn-transition-time),color var(--btn-transition-time),transform var(--btn-transition-time);flex:none;place-items:center;display:grid}.webp-compare-close:hover{border-color:var(--ui-border-strong);background:var(--ui-control-bg-hover);color:var(--ui-text);transform:translateY(-1px)}.webp-compare-stage{--compare-zoom:1;cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;background-color:#0e1016;background-image:linear-gradient(45deg,#ffffff0e 25%,#0000 25%),linear-gradient(-45deg,#ffffff0e 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ffffff0e 75%),linear-gradient(-45deg,#0000 75%,#ffffff0e 75%),none;background-position:0 0,0 .7rem,.7rem -.7rem,-.7rem 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:1.4rem 1.4rem;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;border-block:1px solid #ffffff0f;height:clamp(18rem,54dvh,38rem);min-height:18rem;position:relative;overflow:hidden}.webp-compare-image,.webp-compare-after{position:absolute;inset:0}.webp-compare-image{object-fit:contain;pointer-events:none;width:100%;height:100%;transform:scale(var(--compare-zoom));transform-origin:50%;transition:transform var(--btn-transition-time);padding:1rem}.webp-compare-after{background:0 0;overflow:hidden}.webp-compare-label{z-index:3;border:1px solid var(--ui-border);border-radius:var(--ui-radius-pill);color:var(--ui-text);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f121abd;padding:.35rem .7rem;font-size:.75rem;font-weight:800;position:absolute;top:.9rem}.webp-compare-label.before{right:.9rem}.webp-compare-label.after{border-color:var(--ui-accent-1);left:.9rem}@supports (color:color-mix(in lab,red,red)){.webp-compare-label.after{border-color:color-mix(in srgb,var(--ui-accent-1)42%,var(--ui-border))}}.webp-compare-divider{z-index:4;pointer-events:none;width:0;position:absolute;top:0;bottom:0;transform:translate(-50%)}.webp-compare-divider:before{content:"";background:var(--ui-text);width:2px;box-shadow:0 0 0 1px #00000040,0 0 18px var(--ui-accent-1);position:absolute;top:0;bottom:0;left:50%}@supports (color:color-mix(in lab,red,red)){.webp-compare-divider:before{box-shadow:0 0 0 1px #00000040,0 0 18px color-mix(in srgb,var(--ui-accent-1)70%,transparent)}}.webp-compare-divider:before{transform:translate(-50%)}.webp-compare-divider span{border-radius:var(--ui-radius-pill);background:var(--ui-accent-gradient);width:3rem;height:3rem;color:var(--ui-text);border:1px solid #ffffff94;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 16px 34px #01061370}.webp-compare-footer{border-top:1px solid var(--ui-border);background:#14171ffa;gap:.75rem;padding:1rem;display:grid}.webp-compare-stats{color:var(--ui-text-muted);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.75rem;font-size:.875rem;display:grid}.webp-compare-stats span:nth-child(2){color:var(--ui-text);font-weight:800}.webp-compare-stats span:last-child{text-align:right}.webp-compare-zoom-panel{justify-content:space-between;align-items:center;gap:1rem;display:flex}.webp-compare-zoom-label{color:var(--ui-text-subtle);font-size:.8125rem;line-height:1.35}.webp-compare-zoom-row{align-items:center;gap:.5rem;display:flex}.webp-compare-zoom-button{border:1px solid var(--ui-border);border-radius:var(--ui-radius-button);background:var(--ui-control-bg);width:2.35rem;height:2.35rem;color:var(--ui-text-muted);transition:background var(--btn-transition-time),border-color var(--btn-transition-time),color var(--btn-transition-time),transform var(--btn-transition-time);place-items:center;display:grid}.webp-compare-zoom-button:hover:not(:disabled){border-color:var(--ui-accent-1)}@supports (color:color-mix(in lab,red,red)){.webp-compare-zoom-button:hover:not(:disabled){border-color:color-mix(in srgb,var(--ui-accent-1)48%,var(--ui-border-strong))}}.webp-compare-zoom-button:hover:not(:disabled){background:var(--ui-control-bg-hover);color:var(--ui-text);transform:translateY(-1px)}.webp-compare-zoom-button:disabled{cursor:not-allowed;opacity:.42}@media(max-width:640px){.ui-panel-heading{gap:.75rem;margin-bottom:1rem;padding-bottom:.875rem}.ui-panel-title{font-size:1.1rem}.ui-panel-hint{font-size:.8125rem}.ui-section-icon{width:2.4rem;height:2.4rem}.webp-drop{min-height:10.5rem;padding-inline:1rem}.webp-compare-backdrop{padding:.5rem}.webp-compare-modal{border-radius:var(--ui-radius-section);max-height:calc(100dvh - 1rem)}.webp-compare-header,.webp-compare-footer{padding:.75rem}.webp-compare-stage{height:52dvh;min-height:17rem}.webp-compare-image{padding:.5rem}.webp-compare-label{padding:.3rem .58rem;top:.55rem}.webp-compare-label.before{right:.55rem}.webp-compare-label.after{left:.55rem}.webp-compare-divider span{width:2.6rem;height:2.6rem}.webp-compare-zoom-panel{flex-direction:column;align-items:stretch;gap:.5rem}.webp-compare-zoom-row{gap:.4rem}.webp-compare-zoom-button{width:2.25rem;height:2.25rem}}@media(min-width:640px){.webp-settings-grid{grid-template-columns:minmax(0,1fr) minmax(11rem,13rem);align-items:end}.webp-actions{grid-template-columns:minmax(0,1fr) auto auto}}.radio-input{clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.radio-tile{border:1px solid var(--ui-border);background:var(--ui-control-bg);transition:border-color var(--btn-transition-time),box-shadow var(--btn-transition-time),background-color var(--btn-transition-time),transform var(--btn-transition-time);cursor:pointer;border-radius:.5rem;place-items:center;padding:.375rem;display:grid}.radio-tile:hover{border-color:var(--ui-border-strong);background:var(--ui-control-bg-hover)}.radio-input:checked+.radio-tile{border-color:var(--ui-border-active);box-shadow:inset 0 0 0 1px #6c78f929}.radio-input:focus-visible+.radio-tile{border-color:var(--focus-border-color);box-shadow:0 0 0 3px var(--focus-ring-color);outline:none}.radio-input:checked:focus-visible+.radio-tile{box-shadow:0 0 0 3px var(--focus-ring-color);border-color:#fff}.radio-input:disabled+.radio-tile{opacity:.5;cursor:not-allowed}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}