/*! tailwindcss v4.3.4 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial}}}@layer theme{:host,:root{--font-sans:"Plus Jakarta Sans Variable",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--font-mono:ui-monospace,"SF Mono","Cascadia Mono","Roboto Mono",Menlo,Consolas,monospace;--spacing:.25rem;--container-xs:20rem;--container-md:28rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--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-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-8xl:6rem;--text-8xl--line-height:1;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-tight:-.025em;--leading-relaxed:1.625;--radius-2xl:1rem;--ease-out:cubic-bezier(0,0,.2,1);--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);--color-bg:#070913;--color-surface:#0e1220;--color-surface-2:#151a2e;--color-line:#aab4ff1f;--color-text:#f1f3ff;--color-muted:#8f96b8;--color-accent:#7c8cff;--color-accent-2:#b48cff;--color-on-accent:#080a16;--color-ok:#5be3b5;--color-warn:#ffc46b;--color-danger:#ff7a8a;--radius-card:28px;--radius-ctl:16px;--radius-pill:999px;--shadow-soft:0 1px 2px #0003,0 8px 24px -12px #00000073;--shadow-lift:0 2px 4px #0003,0 24px 60px -28px #0009;--shadow-card:0 30px 80px -40px #0000008c}}@layer base{*,::backdrop,:after,:before{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}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,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,pre,samp{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:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,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,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-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,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden}.absolute,.sr-only{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.-mt-6{margin-top:calc(var(--spacing) * -6)}.mt-1{margin-top:var(--spacing)}.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-8{margin-top:calc(var(--spacing) * 8)}.mt-20{margin-top:calc(var(--spacing) * 20)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.h-4{height:calc(var(--spacing) * 4)}.h-7{height:calc(var(--spacing) * 7)}.h-12{height:calc(var(--spacing) * 12)}.h-16{height:calc(var(--spacing) * 16)}.h-24{height:calc(var(--spacing) * 24)}.w-1\/2{width:50%}.w-2\/3{width:66.6667%}.w-7{width:calc(var(--spacing) * 7)}.w-full{width:100%}.max-w-md{max-width:var(--container-md)}.max-w-xs{max-width:var(--container-xs)}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.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, )}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-none{list-style-type:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.content-start{align-content:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-items-start{justify-items:start}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.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)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-12{gap:calc(var(--spacing) * 12)}.gap-\[0\.4rem\]{gap:.4rem}.gap-x-5{column-gap:calc(var(--spacing) * 5)}.gap-x-6{column-gap:calc(var(--spacing) * 6)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:2147483647px}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-line{border-color:var(--color-line)}.bg-accent{background-color:var(--color-accent)}.bg-accent-2{background-color:var(--color-accent-2)}.bg-bg{background-color:var(--color-bg)}.bg-danger{background-color:var(--color-danger)}.bg-muted{background-color:var(--color-muted)}.bg-ok{background-color:var(--color-ok)}.bg-surface{background-color:var(--color-surface)}.bg-surface-2{background-color:var(--color-surface-2)}.bg-text{background-color:var(--color-text)}.bg-warn{background-color:var(--color-warn)}.p-6{padding:calc(var(--spacing) * 6)}.p-7{padding:calc(var(--spacing) * 7)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-7{padding-inline:calc(var(--spacing) * 7)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-14{padding-block:calc(var(--spacing) * 14)}.py-24{padding-block:calc(var(--spacing) * 24)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-14{padding-top:calc(var(--spacing) * 14)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.text-center{text-align:center}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-8xl{font-size:var(--text-8xl);line-height:var(--tw-leading,var(--text-8xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--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))}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.text-accent{color:var(--color-accent)}.text-muted{color:var(--color-muted)}.text-ok{color:var(--color-ok)}.lowercase{text-transform:lowercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, )}.underline{text-decoration-line:underline}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a)}.ring,.shadow{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );backdrop-filter:var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, )}.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,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))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}:is(:where(.group):is([open],:popover-open,:open) .group-open\:rotate-45){rotate:45deg}@media (min-width:40rem){.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:grid-cols-\[1\.3fr_1\.2fr_\.8fr\]{grid-template-columns:1.3fr 1.2fr .8fr}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:p-8{padding:calc(var(--spacing) * 8)}.sm\:p-9{padding:calc(var(--spacing) * 9)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}}@media (min-width:48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.\[\&_a\]\:text-accent a{color:var(--color-accent)}.\[\&_a\]\:underline a{text-decoration-line:underline}.\[\&_h2\]\:text-lg h2{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.\[\&_h2\]\:font-bold h2{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.\[\&_h2\]\:text-text h2,.\[\&_strong\]\:text-text strong{color:var(--color-text)}}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/tools/_next/static/media/plus-jakarta-sans-cyrillic-ext-wght-normal.4c28e6c8.woff2)format("woff2-variations");unicode-range:u+460-52f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/tools/_next/static/media/plus-jakarta-sans-vietnamese-wght-normal.9ba5d91f.woff2)format("woff2-variations");unicode-range:u+102-103,u+110-111,u+128-129,u+168-169,u+1a0-1a1,u+1af-1b0,u+300-301,u+303-304,u+308-309,u+323,u+329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/tools/_next/static/media/plus-jakarta-sans-latin-ext-wght-normal.a048183b.woff2)format("woff2-variations");unicode-range:u+100-2ba,u+2bd-2c5,u+2c7-2cc,u+2ce-2d7,u+2dd-2ff,u+304,u+308,u+329,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:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/tools/_next/static/media/plus-jakarta-sans-latin-wght-normal.be6419ff.woff2)format("woff2-variations");unicode-range:u+??,u+131,u+152-153,u+2bb-2bc,u+2c6,u+2da,u+2dc,u+304,u+308,u+329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}:root{--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4.5rem;--z-header:40;--z-menu:50;--z-overlay:60;--z-toast:80;--glow:22%;--ease-out:cubic-bezier(.2,.8,.2,1);--dur-fast:.15s;--dur:.25s}:root[data-theme=light]{--color-bg:#f3f5fc;--color-surface:#fff;--color-surface-2:#f4f6fd;--color-line:#19205a1a;--color-text:#11152b;--color-muted:#5f668c;--color-accent:#4150f5;--color-accent-2:#8b4ff0;--color-on-accent:#fff;--color-ok:#087350;--color-warn:#8a5a00;--color-danger:#b01f35;--shadow-soft:0 1px 2px #19205a14,0 8px 24px -14px #19205a40;--shadow-lift:0 2px 4px #19205a14,0 24px 60px -30px #19205a66;--shadow-card:0 30px 80px -44px #19205a59;--glow:8%}[data-tool=contrast]{--color-accent:#7c8cff;--color-accent-2:#b48cff}[data-tool=placeholder]{--color-accent:#6fb0ff;--color-accent-2:#7c8cff}[data-tool=palette]{--color-accent:#c490ff;--color-accent-2:#ff8fc8}[data-tool=favicon]{--color-accent:#8c9bff;--color-accent-2:#5fd0ff}[data-tool=mockup]{--color-accent:#a99aff;--color-accent-2:#7c8cff}:root[data-theme=light] [data-tool=contrast]{--color-accent:#4150f5;--color-accent-2:#8b4ff0}:root[data-theme=light] [data-tool=placeholder]{--color-accent:#1d5fd1;--color-accent-2:#4150f5}:root[data-theme=light] [data-tool=palette]{--color-accent:#8a3fe0;--color-accent-2:#c0308a}:root[data-theme=light] [data-tool=favicon]{--color-accent:#3f4ff0;--color-accent-2:#0a74b8}:root[data-theme=light] [data-tool=mockup]{--color-accent:#6a3fe8;--color-accent-2:#4150f5}html{color-scheme:dark;scroll-behavior:smooth}html[data-theme=light]{color-scheme:light}:where(button:not(:disabled),[role=button]:not([aria-disabled=true]),[role=tab],summary,select:not(:disabled),input:is([type=checkbox],[type=radio],[type=range],[type=color],[type=file]):not(:disabled),label:has(input:is([type=checkbox],[type=radio],[type=file]):not(:disabled))){cursor:pointer}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;min-height:100dvh}::selection{background:#7c8cff59}@supports (color:color-mix(in lab,red,red)){::selection{background:color-mix(in srgb,var(--color-accent) 35%,transparent)}}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:10px}.aurora,.aurora-tool{z-index:-1;pointer-events:none;position:fixed;inset:0}.aurora{background:radial-gradient(60rem 32rem at 12% -8%,#7c8cff,#0000 60%),radial-gradient(50rem 30rem at 95% 4%,#b48cff,#0000 60%)}@supports (color:color-mix(in lab,red,red)){.aurora{background:radial-gradient(60rem 32rem at 12% -8%,color-mix(in srgb,var(--color-accent) var(--glow),transparent),transparent 60%),radial-gradient(50rem 30rem at 95% 4%,color-mix(in srgb,var(--color-accent-2) var(--glow),transparent),transparent 60%)}}.aurora-tool{background:radial-gradient(48rem 26rem at 50% -10%,#7c8cff,#0000 65%)}@supports (color:color-mix(in lab,red,red)){.aurora-tool{background:radial-gradient(48rem 26rem at 50% -10%,color-mix(in srgb,var(--color-accent) var(--glow),transparent),transparent 65%)}}.skip-link{z-index:var(--z-toast);border-radius:var(--radius-ctl);background:var(--color-accent);color:var(--color-on-accent);transition:transform var(--dur-fast);padding:.6rem 1rem;font-weight:700;position:fixed;top:.75rem;left:.75rem;transform:translateY(-200%)}.skip-link:focus{transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{transition-duration:.01ms!important;animation-duration:.01ms!important}}:root{--site-w:1240px;--site-pad:clamp(18px,3vw,40px)}.page{width:100%;max-width:var(--site-w);padding-inline:var(--site-pad);margin-inline:auto}.page-narrow{max-width:48rem}.section{padding-block:clamp(2.5rem,6vw,4.5rem)}.section-title{letter-spacing:-.02em;font-size:clamp(1.6rem,3.2vw,2.25rem);font-weight:800;line-height:1.15}.section-lead{max-width:42rem;color:var(--color-muted);margin-top:.75rem;line-height:1.7}.card{background:#0e1220db}@supports (color:color-mix(in lab,red,red)){.card{background:color-mix(in srgb,var(--color-surface) 86%,transparent)}}.card{border:1px solid var(--color-line);border-radius:var(--radius-card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow-card)}.card-lift{transition:transform var(--dur) var(--ease-out),border-color var(--dur),box-shadow var(--dur)}.card-lift:hover{border-color:#8291ff84;transform:translateY(-3px)}@supports (color:color-mix(in lab,red,red)){.card-lift:hover{border-color:color-mix(in srgb,var(--color-accent) 45%,var(--color-line))}}.card-lift:hover{box-shadow:var(--shadow-lift)}.checker{background-color:var(--color-surface-2);background-image:linear-gradient(45deg,#f1f3ff14 25%,#0000 25% 75%,#f1f3ff14 75%),linear-gradient(45deg,#f1f3ff14 25%,#0000 25% 75%,#f1f3ff14 75%)}@supports (color:color-mix(in lab,red,red)){.checker{background-image:linear-gradient(45deg,color-mix(in srgb,var(--color-text) 8%,transparent) 25%,transparent 25%,transparent 75%,color-mix(in srgb,var(--color-text) 8%,transparent) 75%),linear-gradient(45deg,color-mix(in srgb,var(--color-text) 8%,transparent) 25%,transparent 25%,transparent 75%,color-mix(in srgb,var(--color-text) 8%,transparent) 75%)}}.checker{background-position:0 0,10px 10px;background-size:20px 20px}.dropzone{border:1.5px dashed #8392ff79}@supports (color:color-mix(in lab,red,red)){.dropzone{border:1.5px dashed color-mix(in srgb,var(--color-accent) 40%,var(--color-line))}}.dropzone{transition:border-color var(--dur),background-color var(--dur),transform var(--dur)}.dropzone:hover,.dropzone[data-over=true]{border-color:var(--color-accent);background:#7c8cff12}@supports (color:color-mix(in lab,red,red)){.dropzone:hover,.dropzone[data-over=true]{background:color-mix(in srgb,var(--color-accent) 7%,transparent)}}.dropzone[data-over=true]{transform:scale(1.01)}.icon-tile{border-radius:var(--radius-ctl);width:3rem;height:3rem;color:var(--color-on-accent);background:linear-gradient(135deg,var(--color-accent),var(--color-accent-2));place-items:center;display:grid;box-shadow:0 14px 30px -14px #7c8cffcc}@supports (color:color-mix(in lab,red,red)){.icon-tile{box-shadow:0 14px 30px -14px color-mix(in srgb,var(--color-accent) 80%,transparent)}}.btn{border-radius:var(--radius-ctl);height:2.75rem;transition:transform var(--dur-fast),background-color var(--dur),border-color var(--dur),opacity var(--dur);border:1px solid var(--color-line);background:var(--color-surface-2);color:var(--color-text);justify-content:center;align-items:center;gap:.5rem;padding:0 1.25rem;font-size:.9rem;font-weight:650;display:inline-flex}.btn:hover:not(:disabled){border-color:#7c8cff8c}@supports (color:color-mix(in lab,red,red)){.btn:hover:not(:disabled){border-color:color-mix(in srgb,var(--color-accent) 55%,transparent)}}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{color:var(--color-on-accent);background:linear-gradient(135deg,var(--color-accent),var(--color-accent-2));border-color:#0000;box-shadow:0 14px 30px -14px #7c8cffcc}@supports (color:color-mix(in lab,red,red)){.btn-primary{box-shadow:0 14px 30px -14px color-mix(in srgb,var(--color-accent) 80%,transparent)}}.btn-primary:hover:not(:disabled){filter:brightness(1.08);border-color:#0000}.btn-ghost{color:var(--color-muted);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){color:var(--color-text);border-color:var(--color-line)}.btn-sm{height:2.25rem;padding:0 .9rem;font-size:.82rem}.btn-icon{width:2.5rem;height:2.5rem;padding:0}@media (pointer:coarse){.btn-icon{width:2.75rem;height:2.75rem}}.seg{border-radius:var(--radius-ctl);border:1px solid var(--color-line);background:var(--color-surface-2);gap:.25rem;padding:.25rem;display:inline-flex}.seg>button{border-radius:calc(var(--radius-ctl) - 4px);height:2.25rem;color:var(--color-muted);transition:background-color var(--dur),color var(--dur);padding:0 .9rem;font-size:.85rem;font-weight:650;position:relative}.seg>button:hover:not(:disabled):not([aria-pressed=true]):not([aria-selected=true]){color:var(--color-text)}.seg>button[aria-pressed=true],.seg>button[aria-selected=true]{background:var(--color-accent);color:var(--color-on-accent)}.seg>button:disabled{opacity:.45;cursor:not-allowed}.chip{border-radius:var(--radius-pill);border:1px solid var(--color-line);background:var(--color-surface-2);height:2rem;color:var(--color-muted);transition:border-color var(--dur),color var(--dur),background-color var(--dur);align-items:center;padding:0 .85rem;font-size:.8rem;font-weight:650;display:inline-flex}.chip:hover{border-color:#7c8cff8c}@supports (color:color-mix(in lab,red,red)){.chip:hover{border-color:color-mix(in srgb,var(--color-accent) 55%,transparent)}}.chip:hover{color:var(--color-text)}.chip[aria-pressed=true]{background:#7c8cff2e}@supports (color:color-mix(in lab,red,red)){.chip[aria-pressed=true]{background:color-mix(in srgb,var(--color-accent) 18%,transparent)}}.chip[aria-pressed=true]{border-color:var(--color-accent);color:var(--color-text)}.field{gap:.4rem;display:grid}.field-label{letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted);font-size:.72rem;font-weight:700}.field-hint{color:var(--color-muted);font-size:.8rem}.input,.select{border-radius:var(--radius-ctl);border:1px solid var(--color-line);background:var(--color-surface-2);height:2.75rem;color:var(--color-text);min-width:0;transition:border-color var(--dur);padding:0 .9rem;font-size:.85rem;font-weight:600}.input:hover,.select:hover{border-color:#8291ff84}@supports (color:color-mix(in lab,red,red)){.input:hover,.select:hover{border-color:color-mix(in srgb,var(--color-accent) 45%,var(--color-line))}}.input::placeholder{color:var(--color-muted)}.select{padding-right:2rem}.slider{gap:.25rem;display:grid}.slider-head{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.slider-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:.85rem;font-weight:600}input[type=range]{accent-color:var(--color-accent);height:2.75rem}.choice-group{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:.5rem;display:grid}.choice-group>.choice:last-child:nth-child(odd){grid-column:1/-1}@media (min-width:40rem) and (max-width:63.99rem){.choice-group{grid-template-columns:repeat(auto-fit,minmax(6.5rem,1fr))}.choice-group>.choice:last-child:nth-child(odd){grid-column:auto}}.choice{border-radius:var(--radius-ctl);border:1px solid var(--color-line);background:var(--color-surface-2);min-width:2.75rem;min-height:4.25rem;color:var(--color-muted);text-align:center;transition:border-color var(--dur),background-color var(--dur),color var(--dur);align-content:center;justify-items:center;gap:.4rem;padding:.75rem .5rem;display:grid;position:relative}.choice:hover{color:var(--color-text);border-color:#8291ff84}@supports (color:color-mix(in lab,red,red)){.choice:hover{border-color:color-mix(in srgb,var(--color-accent) 45%,var(--color-line))}}.choice[aria-checked=true]{color:var(--color-text);border-color:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-accent);background:#1f2543}@supports (color:color-mix(in lab,red,red)){.choice[aria-checked=true]{background:color-mix(in srgb,var(--color-accent) 10%,var(--color-surface-2))}}.choice-icon{color:var(--color-muted)}.choice[aria-checked=true] .choice-icon{color:var(--color-accent)}.choice-label{font-size:.82rem;font-weight:650;line-height:1.2}.choice[aria-checked=true] .choice-label{font-weight:750}.choice-check{border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-on-accent);opacity:0;transition:opacity var(--dur),transform var(--dur) var(--ease-out);padding:2px;position:absolute;top:.4rem;right:.4rem;transform:scale(.6)}.choice[aria-checked=true] .choice-check{opacity:1;transform:scale(1)}.badge{--badge-color:var(--color-muted);border-radius:var(--radius-pill);white-space:nowrap;height:1.6rem;color:var(--badge-color);border:1px solid var(--badge-color);align-items:center;gap:.35rem;padding:0 .65rem;font-size:.75rem;font-weight:700;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.badge{border:1px solid color-mix(in srgb,var(--badge-color) 40%,transparent)}}.badge{background:var(--badge-color)}@supports (color:color-mix(in lab,red,red)){.badge{background:color-mix(in srgb,var(--badge-color) 14%,var(--color-surface))}}.badge-ok{--badge-color:var(--color-ok)}.badge-warn{--badge-color:var(--color-warn)}.badge-danger{--badge-color:var(--color-danger)}.toast-region{z-index:var(--z-toast);pointer-events:none;justify-items:center;gap:.5rem;padding-inline:1rem;display:grid;position:fixed;inset:auto 0 1rem}.toast{pointer-events:auto;border-radius:var(--radius-ctl);border:1px solid var(--color-line);background:var(--color-surface-2);max-width:26rem;color:var(--color-text);box-shadow:var(--shadow-lift);padding:.7rem 1.1rem;font-size:.88rem;font-weight:600}.skeleton{border-radius:var(--radius-ctl);background:linear-gradient(100deg,var(--color-surface-2) 30%,#292e41 50%,var(--color-surface-2) 70%);display:block}@supports (color:color-mix(in lab,red,red)){.skeleton{background:linear-gradient(100deg,var(--color-surface-2) 30%,color-mix(in srgb,var(--color-text) 9%,var(--color-surface-2)) 50%,var(--color-surface-2) 70%)}}.skeleton{background-size:200% 100%;animation:shimmer 1.4s linear infinite}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.spinner{border:2px solid var(--color-line);border-top-color:var(--color-accent);border-radius:50%;width:1.1rem;height:1.1rem;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.progress-bar{appearance:none;border-radius:var(--radius-pill);background:var(--color-line);border:0;width:100%;height:6px;overflow:hidden}.progress-bar::-webkit-progress-bar{background:var(--color-line)}.progress-bar::-webkit-progress-value{background:linear-gradient(90deg,var(--color-accent),var(--color-accent-2));border-radius:var(--radius-pill);transition:width .25s}.progress-bar::-moz-progress-bar{background:linear-gradient(90deg,var(--color-accent),var(--color-accent-2));border-radius:var(--radius-pill)}.row-enter{animation:row-in .35s var(--ease-out) both}@keyframes row-in{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:none}}.dialog{width:min(32rem,100% - 2rem);color:var(--color-text);background:var(--color-surface);z-index:var(--z-overlay);margin:auto;padding:0}.dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#04061099}.dialog[open]{animation:row-in .25s var(--ease-out) both}.dialog-body{gap:1rem;padding:1.5rem;display:grid}.tip{display:inline-flex;position:relative}.tip-bubble{background:var(--color-text);color:var(--color-bg);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--dur-fast),transform var(--dur-fast);z-index:var(--z-menu);border-radius:10px;padding:.4rem .7rem;font-size:.75rem;font-weight:650;position:absolute;bottom:calc(100% + .5rem);left:50%;transform:translate(-50%,4px)}.tip:focus-within .tip-bubble,.tip:hover .tip-bubble{opacity:1;transform:translate(-50%)}.site-header{z-index:var(--z-header);position:relative}.nav-link{color:var(--color-muted);transition:color var(--dur-fast);border-radius:12px;align-items:center;gap:.35rem;padding:.5rem .75rem;font-size:.88rem;font-weight:650;display:inline-flex}.nav-link:hover{color:var(--color-text)}.nav-link-wide{display:none}@media (min-width:40rem){.nav-link-wide{display:inline-flex}}.menu{position:relative}.menu>summary{cursor:pointer;list-style:none}.menu>summary::-webkit-details-marker{display:none}.menu[open]>summary .menu-chevron{transform:rotate(180deg)}.menu-chevron{transition:transform var(--dur-fast)}.menu-panel{z-index:var(--z-menu);background:var(--color-surface);width:min(20rem,100vw - 2.5rem);padding:.5rem;position:absolute;top:calc(100% + .5rem);right:0}.menu-item{border-radius:14px;align-items:center;gap:.75rem;padding:.6rem .75rem;font-size:.9rem;font-weight:650;display:flex}a.menu-item:hover{background:var(--color-surface-2)}.menu-item-soon{color:var(--color-muted)}.logo-mark,.menu-item .icon-tile{border-radius:10px;width:2rem;height:2rem}.logo-mark{color:var(--color-on-accent);background:linear-gradient(135deg,var(--color-accent),var(--color-accent-2));place-items:center;display:grid}.logo-mark-sm{border-radius:9px;width:1.75rem;height:1.75rem}.crumbs{color:var(--color-muted);flex-wrap:wrap;align-items:center;gap:.4rem;font-size:.82rem;font-weight:600;display:flex}.crumbs a:hover{color:var(--color-text)}.tool-hero{gap:1rem;padding-block:clamp(1.5rem,4vw,3rem) 1.5rem;display:grid}.tool-title{letter-spacing:-.03em;font-size:clamp(2rem,5vw,3.25rem);font-weight:800;line-height:1.08}.tool-lead{max-width:40rem;color:var(--color-muted);font-size:1.05rem;line-height:1.7}.step-list{counter-reset:step;gap:1rem;display:grid}@media (min-width:48rem){.step-list{grid-template-columns:repeat(2,minmax(0,1fr))}.step-item:last-child:nth-child(odd){grid-column:1/-1}}.step-item{counter-increment:step;isolation:isolate;transition:transform var(--dur) var(--ease-out),border-color var(--dur);align-content:start;gap:1.1rem;padding:1.5rem;display:grid;position:relative;overflow:hidden}.step-item>*{z-index:1;position:relative}.step-item:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(closest-side,#7c8cff33,#0000);border-radius:50%;width:13rem;height:13rem;position:absolute;top:-5rem;right:-5rem}@supports (color:color-mix(in lab,red,red)){.step-item:after{background:radial-gradient(closest-side,color-mix(in srgb,var(--color-accent) 20%,transparent),transparent)}}.step-item:after{opacity:.6;transition:opacity var(--dur)}.step-item:hover{border-color:#8392ff79;transform:translateY(-2px)}@supports (color:color-mix(in lab,red,red)){.step-item:hover{border-color:color-mix(in srgb,var(--color-accent) 40%,var(--color-line))}}.step-item:hover:after{opacity:1}.step-item:before{content:counter(step,decimal-leading-zero);letter-spacing:.02em;width:3rem;height:3rem;color:var(--color-on-accent);background:linear-gradient(135deg,var(--color-accent),var(--color-accent-2));border-radius:16px;place-items:center;font-size:.95rem;font-weight:800;display:grid;box-shadow:inset 0 1px #ffffff59,0 14px 28px -14px #7c8cffd9}@supports (color:color-mix(in lab,red,red)){.step-item:before{box-shadow:inset 0 1px 0 #ffffff59,0 14px 28px -14px color-mix(in srgb,var(--color-accent) 85%,transparent)}}.step-item h3{letter-spacing:-.01em;color:var(--color-text);font-size:1.1rem;font-weight:800}.section-title+.faq-list,.section-title+.step-list{margin-top:2rem}.faq-list details{transition:border-color var(--dur)}.faq-list details:hover,.faq-list details[open]{border-color:#8392ff79}@supports (color:color-mix(in lab,red,red)){.faq-list details:hover,.faq-list details[open]{border-color:color-mix(in srgb,var(--color-accent) 40%,var(--color-line))}}.related-grid{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem;display:grid}.rel-all{color:var(--color-muted);transition:color var(--dur),gap var(--dur);align-items:center;gap:.4rem;font-size:.9rem;font-weight:700;display:inline-flex}.rel-all:hover{color:var(--color-text);gap:.65rem}.rel-card{isolation:isolate;flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex;position:relative;overflow:hidden}.rel-card>*{z-index:1;position:relative}.rel-card:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(closest-side,#7c8cff42,#0000);border-radius:50%;width:14rem;height:14rem;position:absolute;top:-5rem;right:-5rem}@supports (color:color-mix(in lab,red,red)){.rel-card:before{background:radial-gradient(closest-side,color-mix(in srgb,var(--color-accent) 26%,transparent),transparent)}}.rel-card:before{opacity:.45;transition:opacity var(--dur),transform var(--dur) var(--ease-out)}.rel-card:after{content:"";z-index:2;border-radius:inherit;pointer-events:none;background:linear-gradient(145deg,var(--color-accent),transparent 45%,transparent 60%,var(--color-accent-2));opacity:0;transition:opacity var(--dur);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.rel-card:hover:before{opacity:1;transform:scale(1.15)}.rel-card:hover:after{opacity:1}.rel-top{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.rel-card .icon-tile{border-radius:18px;width:3.25rem;height:3.25rem;box-shadow:inset 0 1px #ffffff59,0 16px 32px -14px #7c8cffd9}@supports (color:color-mix(in lab,red,red)){.rel-card .icon-tile{box-shadow:inset 0 1px 0 #ffffff59,0 16px 32px -14px color-mix(in srgb,var(--color-accent) 85%,transparent)}}.rel-arrow{border:1px solid var(--color-line);width:2.25rem;height:2.25rem;color:var(--color-muted);transition:transform var(--dur) var(--ease-out),background-color var(--dur),color var(--dur),border-color var(--dur);border-radius:50%;place-items:center;display:grid}.rel-card:hover .rel-arrow{color:var(--color-on-accent);background:linear-gradient(135deg,var(--color-accent),var(--color-accent-2));border-color:#0000;transform:rotate(-45deg)}.rel-name{letter-spacing:-.01em;font-size:1.1rem;font-weight:800;line-height:1.25}.rel-text{color:var(--color-muted);font-size:.9rem;line-height:1.55}.rel-cta{color:var(--color-accent);margin-top:auto;padding-top:.25rem;font-size:.85rem;font-weight:700}.next-step{grid-template-columns:minmax(0,1fr);align-items:center;gap:1.25rem;margin-top:clamp(2rem,5vw,3.5rem);padding:1.5rem;display:grid}.next-step>*{min-width:0}.next-step-title{letter-spacing:-.015em;font-size:1.25rem;font-weight:800;line-height:1.25}.next-step-cta{justify-self:start}@media (min-width:48rem){.next-step{grid-template-columns:auto minmax(0,1fr) auto;gap:1.5rem;padding:1.75rem}}.brand-card{isolation:isolate;align-items:center;gap:1.5rem;margin-top:clamp(1.5rem,4vw,3rem);margin-bottom:clamp(1.5rem,4vw,3rem);padding:clamp(1.5rem,4vw,2.5rem);display:grid;position:relative;overflow:hidden}.brand-card>*{z-index:1;position:relative}.brand-card:before{content:"";z-index:2;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#7c8cffbf,#0000 38% 62%,#b48cffbf);padding:1px;position:absolute;inset:0}@supports (color:color-mix(in lab,red,red)){.brand-card:before{background:linear-gradient(135deg,color-mix(in srgb,var(--color-accent) 75%,transparent),transparent 38%,transparent 62%,color-mix(in srgb,var(--color-accent-2) 75%,transparent))}}.brand-card:before{-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.brand-card:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(28rem 14rem at 100% 0,#b48cff2e,#0000 70%),radial-gradient(24rem 12rem at 0 100%,#7c8cff24,#0000 70%),radial-gradient(#f1f3ff17 1px,#0000 1.5px) 0 0/18px 18px;position:absolute;inset:0}@supports (color:color-mix(in lab,red,red)){.brand-card:after{background:radial-gradient(28rem 14rem at 100% 0,color-mix(in srgb,var(--color-accent-2) 18%,transparent),transparent 70%),radial-gradient(24rem 12rem at 0 100%,color-mix(in srgb,var(--color-accent) 14%,transparent),transparent 70%),radial-gradient(color-mix(in srgb,var(--color-text) 9%,transparent) 1px,transparent 1.5px) 0 0 /18px 18px}}.brand-card:after{-webkit-mask:linear-gradient(120deg,#000,#0000 85%);mask:linear-gradient(120deg,#000,#0000 85%)}.brand-mark{width:4rem;height:4rem;color:var(--color-on-accent);background:linear-gradient(135deg,var(--color-accent),var(--color-accent-2));border-radius:20px;place-items:center;display:grid;box-shadow:inset 0 1px #fff6,0 22px 40px -16px #7c8cffd9}@supports (color:color-mix(in lab,red,red)){.brand-mark{box-shadow:inset 0 1px 0 #fff6,0 22px 40px -16px color-mix(in srgb,var(--color-accent) 85%,transparent)}}.brand-body{gap:.6rem;min-width:0;display:grid}.brand-eyebrow{border-radius:var(--radius-pill,999px);border:1px solid var(--color-line);background:var(--color-surface-2);letter-spacing:.08em;text-transform:uppercase;width:fit-content;color:var(--color-muted);align-items:center;gap:.5rem;padding:.3rem .75rem;font-size:.72rem;font-weight:700;display:inline-flex}.brand-dot{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-2));border-radius:50%;width:.45rem;height:.45rem}.brand-title{letter-spacing:-.02em;font-size:clamp(1.4rem,3vw,1.9rem);font-weight:800;line-height:1.2}.brand-grad{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-2));color:#0000;-webkit-background-clip:text;background-clip:text}.brand-text{max-width:40rem;color:var(--color-muted);font-size:.95rem;line-height:1.7}.brand-actions{flex-wrap:wrap;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.brand-actions .btn{height:2.9rem;padding-inline:1.25rem}@media (min-width:64rem){.brand-card{grid-template-columns:auto minmax(0,1fr) auto;gap:2rem}.brand-actions{flex-direction:column;align-items:stretch}}.hero{align-items:center;gap:3rem;padding-block:clamp(2rem,6vw,4.5rem);display:grid}.hero-title{letter-spacing:-.035em;font-size:clamp(2.4rem,6.4vw,4.5rem);font-weight:800;line-height:1.04}.gradient-text{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-2));color:#0000;-webkit-background-clip:text;background-clip:text}.hero-fan{--fan:4.2rem;width:100%;max-width:26rem;height:15rem;margin-inline:auto;position:relative;overflow-x:clip}.fan-tile{width:6.2rem;height:8.4rem;color:var(--color-on-accent);background:linear-gradient(150deg,var(--color-accent),var(--color-accent-2));box-shadow:var(--shadow-lift);border:1px solid #f1f3ff24;border-radius:24px;place-items:center;display:grid;position:absolute;top:50%;left:50%}@supports (color:color-mix(in lab,red,red)){.fan-tile{border:1px solid color-mix(in srgb,var(--color-text) 14%,transparent)}}.fan-tile{transition:transform .5s var(--ease-out)}.fan-tile>svg{width:2.1rem;height:2.1rem}.fan-tile:first-child{transform:translate(-50%,-50%) translateX(calc(var(--fan) * -2)) rotate(-14deg)}.fan-tile:nth-child(2){transform:translate(-50%,-50%) translateX(calc(var(--fan) * -1)) translateY(-.5rem) rotate(-7deg)}.fan-tile:nth-child(3){transform:translate(-50%,-50%)translateY(-1rem)}.fan-tile:nth-child(4){transform:translate(-50%,-50%) translateX(var(--fan)) translateY(-.5rem) rotate(7deg)}.fan-tile:nth-child(5){transform:translate(-50%,-50%) translateX(calc(var(--fan) * 2)) rotate(14deg)}.hero-fan:hover .fan-tile:nth-child(3){transform:translate(-50%,-50%)translateY(-1.6rem)}@media (max-width:39.99rem){.hero-fan{--fan:3.5rem}.fan-tile{border-radius:20px;width:5rem;height:6.8rem}.fan-tile>svg{width:1.75rem;height:1.75rem}}.bento{grid-template-columns:repeat(6,minmax(0,1fr));gap:1rem;display:grid}.bento>*{grid-column:span 6}.tool-card{align-content:start;gap:.9rem;padding:1.5rem;display:grid}.tool-card-title{letter-spacing:-.01em;font-size:1.2rem;font-weight:800}.tool-card-text{color:var(--color-muted);font-size:.92rem;line-height:1.65}.tool-card-featured .tool-card-title{font-size:clamp(1.6rem,3vw,2.1rem)}.tool-card-featured .icon-tile{border-radius:20px;width:3.75rem;height:3.75rem}.specimen{grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.5rem;display:grid}.specimen-a,.specimen-b{border:1px solid var(--color-line);letter-spacing:-.03em;border-radius:20px;place-items:center;min-height:7rem;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;display:grid}.specimen-a{background:var(--color-bg);color:var(--color-text)}.specimen-b{background:var(--color-text);color:var(--color-bg)}.specimen-badges{flex-wrap:wrap;grid-column:1/-1;gap:.5rem;display:flex}.principle{gap:.6rem;padding:1.5rem;display:grid}@media (min-width:64rem){.hero{grid-template-columns:1.15fr .85fr}.bento>:first-child{grid-area:span 2/span 4}.bento>:nth-child(2),.bento>:nth-child(3){grid-column:span 2}.bento>:nth-child(4),.bento>:nth-child(5){grid-column:span 3}}@media (min-width:40rem) and (max-width:63.99rem){.bento>:first-child{grid-column:span 6}.bento>:nth-child(n+2){grid-column:span 3}.bento>:nth-child(5){grid-column:span 6}}.contrast-demo{--demo-fg:#4150f5;--demo-bg:#fff;grid-template-columns:minmax(0,1fr);gap:1.5rem;padding:clamp(1.25rem,3vw,2rem);display:grid}.contrast-demo>*{min-width:0}.demo-controls,.demo-result{align-content:start;gap:1rem;display:grid}.demo-sample{border:1px solid var(--color-line);background:var(--demo-bg);color:var(--demo-fg);transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out);border-radius:20px;gap:.35rem;padding:clamp(1.25rem,3vw,1.75rem);display:grid}.demo-sample-large{letter-spacing:-.03em;font-size:clamp(2.5rem,8vw,3.5rem);font-weight:800;line-height:1}.demo-sample-text{font-size:1rem;line-height:1.5}.contrast-demo .ratio-number{font-size:clamp(2.5rem,7vw,4rem)}.demo-ratio-pending .ratio-number{color:var(--color-muted)}@media (min-width:52rem){.contrast-demo{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}}.palette-demo{gap:1.25rem;padding:clamp(1.25rem,3vw,2rem);display:grid}.palette-demo>*{min-width:0}.palette-demo-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1rem;display:flex}.palette-demo-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.strip-cell{border:1px solid var(--color-line);background:var(--swatch,transparent);color:var(--swatch-text,inherit);border-radius:16px;display:block;overflow:hidden}.strip-btn{width:100%;min-height:6.5rem;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:transform var(--dur-fast) var(--ease-out);background:0 0;border:0;align-content:end;gap:.15rem;padding:.75rem;display:grid}.strip-btn:focus-visible{outline:3px solid var(--swatch-text,currentColor);outline-offset:-6px;border-radius:14px}.strip-btn:hover{transform:translateY(-2px)}.strip-name{font-size:.85rem;font-weight:750}.strip-hex{font-size:.8rem;font-weight:650}@media (min-width:40rem){.palette-demo-strip{grid-template-columns:repeat(6,minmax(0,1fr))}.strip-btn{min-height:9rem}}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.sr-only-live{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.contrast-tool{--spec-fg:#4150f5;--spec-bg:#fff;gap:1.25rem;display:grid}.contrast-stage{align-content:start;gap:1.5rem;padding:clamp(1.25rem,3vw,2rem);display:grid}.ratio-block{gap:.35rem;display:grid}.ratio-number{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:clamp(3rem,10vw,5.5rem);font-weight:800;line-height:1}.ratio-summary{color:var(--color-muted);font-size:.95rem;line-height:1.5}.contrast-specimen{border:1px solid var(--color-line);background:var(--spec-bg);color:var(--spec-fg);border-radius:20px;gap:1rem;padding:clamp(1.25rem,3vw,2rem);display:grid}.specimen-large{font-size:1.5rem;font-weight:700;line-height:1.25}.specimen-normal{font-size:1rem;line-height:1.6}.specimen-ui{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.specimen-button{border:2px solid var(--spec-fg);border-radius:var(--radius-ctl);align-items:center;height:2.75rem;padding:0 1.25rem;font-weight:700;display:inline-flex}.contrast-controls{align-content:start;gap:1rem;padding:clamp(1.25rem,3vw,2rem);display:grid}.color-row{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.5rem;display:grid}.color-row:not(:has(.btn)){grid-template-columns:auto minmax(0,1fr)}.color-native{border-radius:var(--radius-ctl);border:1px solid var(--color-line);background:var(--color-surface-2);cursor:pointer;width:2.75rem;height:2.75rem;padding:.25rem}.color-native::-webkit-color-swatch-wrapper{padding:0}.color-native::-webkit-color-swatch{border:0;border-radius:10px}.color-native::-moz-color-swatch{border:0;border-radius:10px}.field-error{color:var(--color-danger);font-size:.8rem}.swap-row{flex-wrap:wrap;gap:.5rem;display:flex}.verdict-list{gap:.5rem;display:grid}.verdict-item{border-radius:var(--radius-ctl);border:1px solid var(--color-line);background:var(--color-surface-2);justify-content:space-between;align-items:center;gap:1rem;padding:.6rem .9rem;display:flex}.verdict-name{font-size:.9rem;font-weight:650;display:grid}.verdict-threshold{color:var(--color-muted);font-size:.75rem;font-weight:600}.contrast-modes{grid-column:1/-1;justify-self:start}.panel-title{letter-spacing:-.01em;font-size:1.05rem;font-weight:750}.swatch{border:1px solid var(--color-line);background:var(--swatch,transparent);border-radius:12px;flex:none;width:2.25rem;height:2.25rem;display:inline-block}.swatch-sm{vertical-align:middle;border-radius:8px;width:1.25rem;height:1.25rem;margin-inline-end:.4rem}.copy-bar,.fix-panel,.vision-panel{border-top:1px solid var(--color-line);gap:.75rem;padding-top:1.25rem;display:grid}.fix-group{gap:.5rem;display:grid}.fix-group-title{color:var(--color-muted);font-size:.85rem;font-weight:650}.fix-list{gap:.5rem;display:grid}.fix-item{border-radius:var(--radius-ctl);border:1px solid var(--color-line);background:var(--color-surface-2);width:100%;color:var(--color-text);text-align:left;transition:border-color var(--dur);align-items:center;gap:.75rem;padding:.55rem .75rem;display:flex}.fix-item:hover{border-color:#8090ff9a}@supports (color:color-mix(in lab,red,red)){.fix-item:hover{border-color:color-mix(in srgb,var(--color-accent) 55%,var(--color-line))}}.fix-text{flex:1;min-width:0;display:grid}.fix-hex{font-size:.9rem;font-weight:700}.fix-meta{color:var(--color-muted);font-size:.75rem}.fix-use{color:var(--color-accent);font-size:.8rem;font-weight:700}.fix-pass{color:var(--color-ok);align-items:center;gap:.5rem;font-size:.9rem;font-weight:650;display:flex}.vision-list{gap:.75rem;display:grid}.vision-item{border-radius:var(--radius-ctl);background:var(--color-surface-2);gap:.5rem;padding:.75rem;display:grid}.vision-item,.vision-sample{border:1px solid var(--color-line)}.vision-sample{background:var(--spec-bg);color:var(--spec-fg);border-radius:12px;padding:.85rem 1rem;font-weight:700;display:block}.vision-name{font-size:.9rem;font-weight:650;display:grid}.vision-note{color:var(--color-muted);font-size:.75rem;font-weight:500}.vision-result{justify-content:space-between;align-items:center;gap:.75rem;font-size:.85rem;font-weight:650;display:flex}.copy-actions{flex-wrap:wrap;gap:.5rem;display:flex}.copy-bar [role=status]{min-height:1.25rem}.grid-editor{gap:1rem;display:grid}.grid-editor-row{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:.5rem;display:grid}.grid-editor-row>.btn{margin-top:1.7rem}.grid-count{align-self:center;margin-inline-start:auto}.grid-scroll{border-radius:var(--radius-ctl);overflow-x:auto}.contrast-grid{border-collapse:separate;border-spacing:.4rem}.grid-corner{min-width:6rem;color:var(--color-muted);font-size:.75rem}.grid-corner,.grid-head{text-align:left;font-weight:650}.grid-head{white-space:nowrap;min-width:6.5rem;font-size:.8rem}.grid-cell{border-radius:var(--radius-ctl);border:1px solid var(--color-line);background:var(--color-surface-2);width:100%;min-width:6.5rem;color:var(--color-text);text-align:left;transition:border-color var(--dur);justify-items:start;gap:.35rem;padding:.5rem;display:grid}.grid-cell:hover{border-color:#8090ff9a}@supports (color:color-mix(in lab,red,red)){.grid-cell:hover{border-color:color-mix(in srgb,var(--color-accent) 55%,var(--color-line))}}.grid-sample{border:1px solid var(--color-line);background:var(--spec-bg);width:100%;color:var(--spec-fg);border-radius:10px;padding:.35rem .6rem;font-weight:800;display:block}.grid-ratio{font-size:.8rem;font-weight:650}.grid-cell-empty{text-align:center;color:var(--color-muted)}.pair-links{gap:1rem;display:grid}.pair-link{color:var(--color-text);gap:.6rem;padding:1rem;display:grid}.pair-link-name{font-size:.95rem;font-weight:700}.pair-link-ratio{color:var(--color-muted);font-size:.8rem;font-weight:650}.pair-intro{max-width:48rem;color:var(--color-muted);line-height:1.7}@media (min-width:40rem){.pair-links{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (pointer:coarse){.contrast-tool .seg>button{height:2.75rem}}@media (min-width:40rem){.vision-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:64rem){.contrast-tool{grid-template-columns:1.1fr .9fr;align-items:start}.contrast-tool-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}}.placeholder-tool{align-items:start;gap:1.25rem;display:grid}.placeholder-rail{align-content:start;gap:.5rem;padding:1.25rem;display:grid}.preset-group{border-top:1px solid var(--color-line)}.preset-summary{cursor:pointer;align-items:center;gap:.75rem;min-height:2.75rem;font-size:.9rem;font-weight:700;list-style:none;display:flex}.preset-summary::-webkit-details-marker{display:none}.preset-summary:after{content:"";border-right:2px solid var(--color-muted);border-bottom:2px solid var(--color-muted);width:.5rem;height:.5rem;transition:transform var(--dur) var(--ease-out);flex:none;transform:rotate(45deg)}.preset-group[open]>.preset-summary:after{transform:rotate(-135deg)}.preset-count{color:var(--color-muted);margin-inline-start:auto;font-size:.75rem;font-weight:650}.preset-list{gap:.35rem;padding-bottom:.75rem;display:grid}.preset-item{border-radius:var(--radius-ctl);border:1px solid var(--color-line);background:var(--color-surface-2);width:100%;min-height:2.75rem;color:var(--color-text);text-align:left;transition:border-color var(--dur),background-color var(--dur);justify-content:space-between;align-items:center;gap:.75rem;padding:.4rem .75rem;font-size:.85rem;font-weight:650;display:flex}.preset-item:hover{border-color:#7c8cff8c}@supports (color:color-mix(in lab,red,red)){.preset-item:hover{border-color:color-mix(in srgb,var(--color-accent) 55%,transparent)}}.preset-item[aria-pressed=true]{background:#7c8cff2e}@supports (color:color-mix(in lab,red,red)){.preset-item[aria-pressed=true]{background:color-mix(in srgb,var(--color-accent) 18%,transparent)}}.preset-item[aria-pressed=true]{border-color:var(--color-accent)}.preset-size{color:var(--color-muted);flex:none;font-size:.75rem}.preset-item[aria-pressed=true] .preset-size{color:var(--color-text)}.placeholder-work{gap:1.25rem;min-width:0;display:grid}.placeholder-stage{gap:1rem;padding:clamp(1.25rem,3vw,2rem);display:grid}.stage-head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.placeholder-canvas-wrap{border:1px solid var(--color-line);border-radius:20px;place-items:center;min-height:14rem;padding:clamp(.75rem,2vw,1.5rem);display:grid;overflow:hidden}.placeholder-canvas{width:auto;max-width:100%;height:auto;max-height:min(55vh,26rem);box-shadow:var(--shadow-soft);transition:opacity var(--dur);border-radius:6px;display:block}.placeholder-canvas.is-stale{opacity:.35}.placeholder-canvas.is-hidden{display:none}.stage-meta{text-align:center;overflow-wrap:anywhere}.export-bar{border-top:1px solid var(--color-line);gap:.5rem;padding-top:1rem;display:grid}.export-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.export-name{overflow-wrap:anywhere}.placeholder-controls{gap:1.5rem;padding:clamp(1.25rem,3vw,2rem);display:grid}.controls-column{align-content:start;gap:1rem;display:grid}.size-block,.size-row{gap:.5rem;display:grid}.size-row{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start}.size-actions{gap:.35rem;margin-top:1.5rem;display:flex}.color-panel,.file-settings,.style-panel{gap:1rem;display:grid}.swatch-grid{flex-wrap:wrap;gap:.5rem;display:flex}.swatch-btn{border:1px solid var(--color-line);background:var(--swatch,transparent);width:2.25rem;height:2.25rem;transition:transform var(--dur) var(--ease-out);border-radius:12px}.swatch-btn:hover{transform:scale(1.08)}.swatch-btn[aria-pressed=true]{outline:2px solid var(--color-accent);outline-offset:2px}@media (pointer:coarse){.swatch-btn{width:2.75rem}.placeholder-tool .seg>button,.swatch-btn{height:2.75rem}}@media (min-width:48rem){.placeholder-controls{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:64rem){.placeholder-tool{grid-template-columns:16rem minmax(0,1fr);grid-template-areas:"rail work"}.placeholder-work{grid-area:work}.placeholder-rail{grid-area:rail;max-height:calc(100vh - 6.5rem);position:sticky;top:5rem;overflow:auto}}.queue-panel,.snippet-panel{gap:1rem;padding:clamp(1.25rem,3vw,2rem);display:grid}.queue-actions,.queue-add,.snippet-actions{flex-wrap:wrap;gap:.5rem;display:flex}.queue-head,.snippet-manual{gap:.35rem;display:grid}.queue-empty{border:1px dashed var(--color-line);text-align:center;border-radius:14px;padding:1rem}.queue-list{gap:.35rem;max-height:20rem;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.queue-item{border:1px solid var(--color-line);background:var(--color-surface-2);border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.5rem .5rem .5rem .75rem;display:grid}.queue-swatch{border:1px solid var(--color-line);background:var(--swatch,transparent);border-radius:8px;width:1.75rem;height:1.75rem;display:block}.queue-text{min-width:0;display:grid}.queue-name{overflow-wrap:anywhere;font-size:.85rem;font-weight:650}.queue-foot{border-top:1px solid var(--color-line);flex-wrap:wrap;justify-content:space-between;padding-top:1rem}.queue-foot,.queue-progress-row{align-items:center;gap:.75rem;display:flex}.queue-progress{min-width:0;height:.6rem;accent-color:var(--color-accent);flex:1}.size-intro{max-width:48rem;color:var(--color-muted);margin-bottom:1.5rem;line-height:1.7}.size-group{gap:.75rem;margin-top:1.5rem;display:grid}.size-group-title{font-size:1rem;font-weight:700}.size-links{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.size-link{height:100%;color:var(--color-text);gap:.25rem;padding:.9rem 1rem;display:grid}.size-link-name{font-size:.95rem;font-weight:700}.size-link-size{color:var(--color-muted);font-size:.8rem;font-weight:650}@media (min-width:40rem){.size-links{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:64rem){.size-links{grid-template-columns:repeat(3,minmax(0,1fr))}}.dropzone{border:2px dashed var(--color-line);background:var(--color-surface);transition:border-color var(--dur),background var(--dur);border-radius:24px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;padding:clamp(1.5rem,4vw,3rem);display:flex}.dropzone.is-over{border-color:var(--color-accent);background:var(--color-surface-2)}.dropzone-compact{border-width:1px;border-radius:16px;padding:.9rem 1.1rem}.dropzone-text{gap:.25rem;min-width:0;display:grid}.dropzone-title{font-size:1.15rem;font-weight:700}.dropzone-compact .dropzone-title{font-size:.95rem}.dropzone-actions{flex-wrap:wrap;gap:.5rem;display:flex}.palette-tool{gap:1.25rem}.palette-panel,.palette-stage,.palette-tool{grid-template-columns:minmax(0,1fr);min-width:0;display:grid}.palette-panel,.palette-stage{gap:1rem;padding:clamp(1rem,3vw,1.75rem)}.palette-figure{border:1px solid var(--color-line);background:var(--color-surface-2);border-radius:20px;place-items:center;min-height:12rem;margin:0;display:grid;position:relative;overflow:hidden}.palette-skeleton{border-radius:0;position:absolute;inset:0}.palette-strip{height:2.75rem;box-shadow:var(--shadow-soft);border:2px solid var(--color-surface);border-radius:14px;display:flex;position:absolute;inset:auto .75rem .75rem;overflow:hidden}.palette-strip-part{flex:var(--share,1) 1 0;background:var(--swatch,transparent);min-width:.35rem}.palette-meta{overflow-wrap:anywhere}.palette-toolbar{gap:.75rem;display:grid}.palette-options{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.swatch-dock{gap:1rem;margin:0;padding:0;list-style:none;display:grid}.swatch-dock.is-stale{opacity:.45;transition:opacity var(--dur)}.swatch-card{padding:0;display:grid;overflow:hidden}.swatch-tile{background:var(--swatch,transparent);min-height:6.5rem;color:var(--swatch-text,inherit);justify-content:space-between;align-items:flex-end;gap:.75rem;padding:.9rem 1rem;display:flex}.swatch-name{font-size:1rem;font-weight:750}.swatch-share{font-size:.9rem;font-weight:700}.swatch-body{gap:.75rem;padding:.9rem 1rem 1rem;display:grid}.swatch-code-row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.swatch-code{overflow-wrap:anywhere;min-width:0;font-size:.85rem;font-weight:650}.swatch-meta{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;display:flex}.swatch-link{color:var(--color-accent);text-underline-offset:3px;margin-left:auto;font-size:.85rem;font-weight:650;text-decoration:underline}@media (min-width:40rem){.swatch-dock{grid-template-columns:repeat(2,minmax(0,1fr))}.palette-toolbar{grid-template-columns:auto 1fr;align-items:center}.palette-options{justify-content:flex-end}}@media (min-width:64rem){.swatch-dock{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (pointer:coarse){.palette-tool .seg>button{height:2.75rem}}.picker{justify-items:center;gap:.5rem;max-width:100%;padding:.5rem;display:grid}.picker-box{width:fit-content;max-width:100%;line-height:0;position:relative}.picker-canvas{cursor:crosshair;touch-action:none;border-radius:12px;max-width:100%;max-height:min(60vh,32rem);display:block}.picker-canvas:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}.picker-marker{left:var(--mx,50%);top:var(--my,50%);border:2px solid #fff;border-radius:50%;width:1.1rem;height:1.1rem;transform:translate(-50%,-50%);box-shadow:0 0 0 1.5px #000,inset 0 0 0 1.5px #000}.picker-loupe,.picker-marker{pointer-events:none;position:absolute}.picker-loupe{left:var(--loupe-left,0);top:var(--loupe-top,0);z-index:2;border:3px solid var(--color-surface);width:154px;height:154px;box-shadow:var(--shadow-lift);border-radius:16px;overflow:hidden}.picker-loupe.is-hidden{visibility:hidden}.picker-loupe-canvas{width:100%;height:100%;display:block}.picker-loupe-label{background:var(--color-surface);color:var(--color-text);border-radius:8px;padding:.15rem .4rem;font-size:.72rem;font-weight:700;line-height:1.3;position:absolute;inset:auto .35rem .35rem auto}.picker-readout{min-height:1.4em}.picked-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.picked-card{grid-template-columns:6rem minmax(0,1fr);align-items:center;gap:1rem;display:grid}.picked-tile{aspect-ratio:1;border:1px solid var(--color-line);background:var(--swatch,transparent);border-radius:18px;display:block}.picked-info{gap:.5rem;min-width:0;display:grid}.picked-actions{flex-wrap:wrap;gap:.5rem;display:flex}.extras{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.extras-item{border:1px solid var(--color-line);background:var(--color-surface-2);border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.4rem .5rem .4rem .75rem;display:grid}.extras-swatch{border:1px solid var(--color-line);background:var(--swatch,transparent);border-radius:8px;width:1.75rem;height:1.75rem;display:block}.extras-text{min-width:0;display:grid}.scale-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.scale-tile{border:1px solid var(--color-line);background:var(--color-surface-2);width:100%;color:var(--color-text);text-align:left;cursor:pointer;transition:transform var(--dur-fast);border-radius:14px;gap:.35rem;padding:.35rem;display:grid}.scale-tile:hover{transform:translateY(-2px)}.scale-color{background:var(--swatch,transparent);min-height:3.5rem;color:var(--swatch-text,inherit);border-radius:10px;align-items:flex-end;padding:.4rem .5rem;display:flex}.scale-step{font-size:.8rem;font-weight:750}.scale-code{overflow-wrap:anywhere;padding:0 .15rem .1rem;font-size:.72rem;font-weight:650}.export-code{border:1px solid var(--color-line);background:var(--color-surface-2);white-space:pre;border-radius:14px;max-height:18rem;margin:0;padding:1rem;font-size:.8rem;line-height:1.6;overflow:auto}.export-code:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.palette-tool .seg{flex-wrap:wrap;max-width:100%}.swatch-scale{cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit}@media (min-width:40rem){.scale-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:64rem){.scale-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (max-width:30rem){.picked-card{grid-template-columns:1fr}.picked-tile{aspect-ratio:3}}.favicon-tool{grid-template-columns:minmax(0,1fr);gap:1.25rem;min-width:0;display:grid}.favicon-controls,.favicon-stage,.outputs-panel,.site-panel{grid-template-columns:minmax(0,1fr);gap:1rem;min-width:0;padding:clamp(1.25rem,3vw,2rem);display:grid}.favicon-controls{gap:1.5rem}.site-fields,.source-panel,.style-panel{grid-template-columns:minmax(0,1fr);gap:1rem;min-width:0;display:grid}.favicon-tool .seg{flex-wrap:wrap;max-width:100%}.icon-preview-grid{grid-template-columns:minmax(0,1fr);gap:1rem;display:grid}.icon-preview-panel{--preview-bg:#fff;--preview-text:#374151;border:1px solid var(--color-line);background:var(--preview-bg);color:var(--preview-text);border-radius:20px;gap:.75rem;min-width:0;margin:0;padding:1.25rem 1rem 1rem;display:grid}.icon-preview-panel[data-surface=dark]{--preview-bg:#1f2937;--preview-text:#e5e7eb}.icon-preview-row{min-height:7rem;transition:opacity var(--dur);flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:1.5rem;display:flex}.icon-preview-row.is-stale{opacity:.4}.icon-preview-item{justify-items:center;gap:.5rem;display:grid}.icon-preview-img{max-width:100%;height:auto;display:block}.icon-preview-label{font-size:.75rem}.icon-preview-caption{text-align:center;font-size:.8rem;font-weight:650}.icon-preview-empty{text-align:center;place-items:center;min-height:8rem;display:grid}.emoji-grid{grid-template-columns:repeat(auto-fill,minmax(2.75rem,1fr));gap:.5rem;display:grid}.emoji-btn{border-radius:var(--radius-ctl);border:1px solid var(--color-line);background:var(--color-surface-2);cursor:pointer;min-height:2.75rem;transition:border-color var(--dur);font-size:1.4rem;line-height:1}.emoji-btn:hover,.emoji-btn[aria-pressed=true]{border-color:var(--color-accent)}.emoji-btn[aria-pressed=true]{box-shadow:0 0 0 2px var(--color-accent)}.emoji-btn:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.source-notes{gap:.35rem;padding-left:1.1rem;list-style:outside;display:grid}.file-grid{grid-template-columns:minmax(0,1fr);gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.file-card{border:1px solid var(--color-line);background:var(--color-surface-2);border-radius:20px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.75rem 1rem;min-width:0;padding:.9rem;display:grid}.file-card>.btn{grid-column:1/-1;justify-self:start}.file-thumb{background:#f1f3ff1a;border-radius:12px;place-items:center;width:3.5rem;height:3.5rem;display:grid}@supports (color:color-mix(in lab,red,red)){.file-thumb{background:color-mix(in srgb,var(--color-text) 10%,transparent)}}.file-thumb{color:var(--color-muted);font-size:.8rem;font-weight:700;overflow:hidden}.file-thumb img{object-fit:contain;max-width:100%;max-height:100%;display:block}.file-thumb.is-small img{image-rendering:pixelated}.file-name{overflow-wrap:anywhere;font-size:.9rem;font-weight:700}.code-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin:.75rem 0;display:flex}@media (pointer:coarse){.favicon-tool .seg>button{height:2.75rem}}@media (min-width:40rem){.file-grid,.icon-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:48rem){.favicon-controls{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:64rem){.file-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.wall-panel{grid-template-columns:minmax(0,1fr);gap:1rem;min-width:0;padding:clamp(1.25rem,3vw,2rem);display:grid}.wall-empty{text-align:center;place-items:center;min-height:8rem;display:grid}.wall-grid{transition:opacity var(--dur);grid-template-columns:minmax(0,1fr);gap:1.25rem;display:grid}.wall-grid.is-stale{opacity:.4}.wall-item{--wall-bg:#fff;--wall-bar:#dee1e6;--wall-tab:#fff;--wall-text:#1f2937;--wall-muted:#4b5563;--wall-line:#c7ccd3;align-content:start;gap:.6rem;min-width:0;margin:0;display:grid}.wall-item[data-surface=dark]{--wall-bg:#1f2937;--wall-bar:#111827;--wall-tab:#1f2937;--wall-text:#f3f4f6;--wall-muted:#d1d5db;--wall-line:#4b5563}.wall-item figcaption{color:var(--color-muted);text-align:center;font-size:.8rem;font-weight:650}.wall-browser,.wall-installed,.wall-result{border:1px solid var(--wall-line);background:var(--wall-bg);color:var(--wall-text);border-radius:14px;overflow:hidden}.wall-tabstrip{background:var(--wall-bar);align-items:flex-end;gap:.5rem;padding:.6rem .6rem 0;display:flex}.wall-tab{background:var(--wall-tab);border-radius:10px 10px 0 0;align-items:center;gap:.5rem;min-width:0;max-width:14rem;padding:.5rem .75rem;font-size:.8rem;display:flex}.wall-tab img{flex:none}.wall-tab-title{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.wall-tab-close,.wall-tab-new{color:var(--wall-muted);font-size:1rem;line-height:1}.wall-tab-new{align-self:center;padding:0 .25rem}.wall-bookmarks{background:var(--wall-tab);border-top:1px solid var(--wall-line);color:var(--wall-muted);flex-wrap:wrap;gap:.25rem 1rem;padding:.6rem .9rem;font-size:.78rem;display:flex}.wall-bookmark{align-items:center;gap:.4rem;display:inline-flex}.wall-phone{color:#f8fafc;background:linear-gradient(160deg,#1e293b,#0b1230);border:1px solid #334155;border-radius:28px;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:.75rem .5rem;padding:1.5rem 1rem;display:grid}.wall-phone[data-os=android]{grid-template-columns:repeat(3,minmax(0,1fr))}.wall-app{justify-items:center;gap:.4rem;min-width:0;display:grid}.wall-app-tile{object-fit:cover;width:3.5rem;max-width:100%;height:3.5rem;display:block}.wall-app-tile.is-neighbour{background:#475569}.wall-app-tile.is-ios{border-radius:22.37%}.wall-app-tile.is-circle{border-radius:50%}.wall-app-tile.is-squircle{border-radius:34%}.wall-app-tile.is-rounded{border-radius:18%}.wall-app-name{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.72rem;overflow:hidden}.wall-result{gap:.35rem;padding:1rem;display:grid}.wall-result-site{align-items:center;gap:.6rem;display:flex}.wall-result-icon{border:1px solid var(--wall-line);border-radius:50%;flex:none}.wall-result-name{font-size:.85rem;line-height:1.2}.wall-result-url{color:var(--wall-muted);font-size:.72rem}.wall-result-title{color:#1a0dab;font-size:1.05rem;font-weight:600}.wall-result-text{color:var(--wall-muted);font-size:.82rem}.wall-installed{justify-items:center;gap:.4rem;padding:1.5rem 1rem;display:grid}.wall-installed-icon{border-radius:22%;display:block}.wall-installed-name{overflow-wrap:anywhere;text-align:center;font-size:.95rem;font-weight:700}.wall-installed-hint{color:var(--wall-muted);font-size:.78rem}@media (min-width:40rem){.wall-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:64rem){.wall-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.mockup-tool{align-items:start;gap:1.25rem;display:grid}.mockup-work{gap:1.25rem;min-width:0;display:grid}.mockup-stage{gap:1rem;padding:clamp(1.25rem,3vw,2rem);display:grid}.mockup-stage .stage-head{flex-wrap:wrap}.mockup-export{gap:1rem;min-width:0;padding:clamp(1.25rem,3vw,2rem);display:grid}.mockup-export .export-row{align-items:center}.mockup-export .export-actions{justify-content:flex-start}.mockup-export .export-name{min-width:0}.mockup-actions{flex-wrap:wrap;gap:.5rem;width:100%;display:flex}.mockup-inspector{align-content:start;gap:1.25rem;padding:clamp(1.25rem,3vw,2rem);display:grid}.inspector-section{gap:.6rem;display:grid}.background-controls{gap:.9rem;display:grid}.size-controls{gap:.75rem;display:grid}.size-controls .select{text-overflow:ellipsis;width:100%}.custom-size{grid-template-columns:minmax(0,1fr);gap:.5rem;display:grid}.custom-size-row{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:.6rem;display:grid}.custom-size-row .field{min-width:0}.custom-size .field-error,.custom-size .field-hint{overflow-wrap:anywhere}.size-summary{border-radius:var(--radius-ctl);border:1px solid var(--color-line);background:var(--color-surface-2);gap:.2rem;padding:.75rem .9rem;display:grid}.size-summary-title{font-size:.9rem;font-weight:750}.size-summary-size{overflow-wrap:anywhere;font-size:.8rem;font-weight:650}@media (pointer:coarse){.mockup-export .seg>button,.mockup-inspector .seg>button{height:2.75rem}}.mockup-canvas-wrap{border:1px solid var(--color-line);border-radius:20px;place-items:center;min-height:18rem;padding:clamp(.75rem,2vw,1.5rem);display:grid;position:relative;overflow:hidden}.mockup-empty{text-align:center;border:1.5px dashed #8392ff79;border-radius:20px;justify-items:center;gap:.75rem;width:min(100%,24rem);padding:2rem 1.5rem;display:grid}@supports (color:color-mix(in lab,red,red)){.mockup-empty{border:1.5px dashed color-mix(in srgb,var(--color-accent) 40%,var(--color-line))}}.mockup-empty{background:var(--color-surface)}.mockup-empty-icon{color:var(--color-accent)}.mockup-empty-title{letter-spacing:-.01em;font-size:1.05rem;font-weight:750}.mockup-error{text-align:center;border:1.5px solid #f4829984;border-radius:20px;justify-items:center;gap:.75rem;width:min(100%,26rem);padding:2rem 1.5rem;display:grid}@supports (color:color-mix(in lab,red,red)){.mockup-error{border:1.5px solid color-mix(in srgb,var(--color-danger) 45%,var(--color-line))}}.mockup-error{background:var(--color-surface)}.mockup-error-icon{color:var(--color-danger)}.mockup-error-title{letter-spacing:-.01em;font-size:1.05rem;font-weight:750}.mockup-busy{background:#0e1220e6;place-content:center;justify-items:center;gap:.6rem;display:grid;position:absolute;inset:0}@supports (color:color-mix(in lab,red,red)){.mockup-busy{background:color-mix(in srgb,var(--color-surface) 90%,transparent)}}.mockup-busy{animation:mockup-busy-in .2s .25s both}@keyframes mockup-busy-in{0%{opacity:0}to{opacity:1}}.mockup-canvas{width:auto;max-width:100%;height:auto;max-height:min(70vh,40rem);box-shadow:var(--shadow-soft);border-radius:12px;display:block}.mockup-canvas[hidden]{display:none}.mockup-canvas[data-see-through=true]{box-shadow:none;outline:1.5px dashed #7c8cff99}@supports (color:color-mix(in lab,red,red)){.mockup-canvas[data-see-through=true]{outline:1.5px dashed color-mix(in srgb,var(--color-accent) 60%,transparent)}}.mockup-meta{text-align:center;overflow-wrap:anywhere}@media (min-width:40rem){.mockup-canvas-wrap{min-height:26rem}.mockup-actions{width:auto}}@media (min-width:64rem){.mockup-tool{grid-template-columns:minmax(0,1fr) 20rem}.mockup-inspector{max-height:calc(100vh - 6.5rem);position:sticky;top:5rem;overflow:auto}}.sf-grad{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-2));color:#0000;-webkit-background-clip:text;background-clip:text}.sf-glow{pointer-events:none;background:linear-gradient(90deg,#0000,#7c8cffb3 30%,#b48cffb3 70%,#0000) top/100% 1px no-repeat,radial-gradient(40rem 16rem at 50% 0,#7c8cff21,#0000 70%);height:22rem;position:absolute;inset:0 0 auto}@supports (color:color-mix(in lab,red,red)){.sf-glow{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--color-accent) 70%,transparent) 30%,color-mix(in srgb,var(--color-accent-2) 70%,transparent) 70%,transparent) top /100% 1px no-repeat,radial-gradient(40rem 16rem at 50% 0,color-mix(in srgb,var(--color-accent) 13%,transparent),transparent 70%)}}.sf-cta{position:relative;overflow:hidden}.sf-cta:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#7c8cffbf,#0000 38% 62%,#b48cffbf);padding:1px;position:absolute;inset:0}@supports (color:color-mix(in lab,red,red)){.sf-cta:before{background:linear-gradient(135deg,color-mix(in srgb,var(--color-accent) 75%,transparent),transparent 38%,transparent 62%,color-mix(in srgb,var(--color-accent-2) 75%,transparent))}}.sf-cta:before{-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.sf-cta:after{content:"";pointer-events:none;background:radial-gradient(closest-side,#b48cff38,#0000);border-radius:50%;width:22rem;height:22rem;position:absolute;top:-8rem;right:-6rem}@supports (color:color-mix(in lab,red,red)){.sf-cta:after{background:radial-gradient(closest-side,color-mix(in srgb,var(--color-accent-2) 22%,transparent),transparent)}}.sf-cta>*{z-index:1;position:relative}.sf-logo{width:2.25rem;height:2.25rem;color:var(--color-on-accent);background:linear-gradient(135deg,var(--color-accent),var(--color-accent-2));border-radius:12px;place-items:center;display:grid;box-shadow:inset 0 1px #ffffff59,0 12px 26px -12px #7c8cffd9}@supports (color:color-mix(in lab,red,red)){.sf-logo{box-shadow:inset 0 1px 0 #ffffff59,0 12px 26px -12px color-mix(in srgb,var(--color-accent) 85%,transparent)}}.sf-link{color:var(--color-muted);transition:color .2s,transform .2s;display:inline-block}.sf-link:hover{color:var(--color-text);transform:translate(3px)}.sf-dot{background:var(--color-ok);border-radius:50%;width:.5rem;height:.5rem;box-shadow:0 0 #5be3b599}@supports (color:color-mix(in lab,red,red)){.sf-dot{box-shadow:0 0 0 0 color-mix(in srgb,var(--color-ok) 60%,transparent)}}.sf-dot{animation:sf-ring 2.2s ease-out infinite}@keyframes sf-ring{to{box-shadow:0 0 0 .5rem #0000}}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:#f1f3ff6b transparent}@supports (color:color-mix(in lab,red,red)){*{scrollbar-color:color-mix(in srgb,var(--color-text) 42%,transparent) transparent}}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-corner,::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:#f1f3ff6b;background-clip:padding-box;border:2px solid #0000;border-radius:999px}@supports (color:color-mix(in lab,red,red)){::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,var(--color-text) 42%,transparent)}}::-webkit-scrollbar-thumb{transition:background-color .2s}::-webkit-scrollbar-thumb:hover{background-color:#f1f3ffb3}@supports (color:color-mix(in lab,red,red)){::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb,var(--color-text) 70%,transparent)}}::-webkit-scrollbar-thumb:active{background-color:#f1f3ffd9}@supports (color:color-mix(in lab,red,red)){::-webkit-scrollbar-thumb:active{background-color:color-mix(in srgb,var(--color-text) 85%,transparent)}}.ah-head{z-index:40;position:sticky;top:0}.ah-head:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#0709138c,#07091340);position:absolute;inset:0}@supports (color:color-mix(in lab,red,red)){.ah-head:before{background:linear-gradient(180deg,color-mix(in srgb,var(--color-bg) 55%,transparent),color-mix(in srgb,var(--color-bg) 25%,transparent))}}.ah-head:before{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);transition:background-color .3s,box-shadow .3s;box-shadow:inset 0 1px #ffffff12}.ah-head[data-scrolled]:before{background:#070913b3}@supports (color:color-mix(in lab,red,red)){.ah-head[data-scrolled]:before{background:color-mix(in srgb,var(--color-bg) 70%,transparent)}}.ah-head[data-scrolled]:before{box-shadow:0 14px 34px -22px #000000b3,inset 0 1px #ffffff14}.ah-inner{width:100%;height:4rem;max-width:var(--site-w);padding-inline:var(--site-pad);gap:1rem;margin-inline:auto;position:relative}.ah-brand,.ah-inner{align-items:center;display:flex}.ah-brand{white-space:nowrap;letter-spacing:-.02em;gap:.65rem;font-size:1.1rem;font-weight:800}.ah-nav{justify-content:center;align-items:center;gap:.25rem;margin-inline:auto;display:none}.ah-rel{position:relative}.ah-ntab{cursor:pointer;color:var(--color-muted);border-radius:999px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.95rem;transition:color .2s,background-color .2s;display:inline-flex}.ah-ntab:hover,.ah-ntab[aria-expanded=true]{color:var(--color-text);background:#f1f3ff12}@supports (color:color-mix(in lab,red,red)){.ah-ntab:hover,.ah-ntab[aria-expanded=true]{background:color-mix(in srgb,var(--color-text) 7%,transparent)}}.ah-right{gap:.75rem;margin-left:auto;display:flex}.ah-cta,.ah-right{align-items:center}.ah-cta{background:var(--color-accent);height:2.5rem;color:var(--color-on-accent);border-radius:999px;padding-inline:1.25rem;font-size:.95rem;font-weight:600;transition:filter .2s;display:none}.ah-cta:hover{filter:brightness(1.1)}.ah-menu{border:1px solid var(--color-line);background:#0e122099;border-radius:999px;align-items:center;height:2.5rem;padding-inline:1rem;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.ah-menu{background:color-mix(in srgb,var(--color-surface) 60%,transparent)}}.ah-menu{cursor:pointer;font-size:.95rem;font-weight:500}.ah-drop{z-index:50;border:1px solid #f1f3ff1f;border-radius:22px;width:21rem;padding:.85rem;position:absolute;top:calc(100% + .75rem);left:50%;transform:translate(-50%)}@supports (color:color-mix(in lab,red,red)){.ah-drop{border:1px solid color-mix(in srgb,var(--color-text) 12%,transparent)}}.ah-drop{background:linear-gradient(160deg,#151a2ecc,#0e1220b8)}@supports (color:color-mix(in lab,red,red)){.ah-drop{background:linear-gradient(160deg,color-mix(in srgb,var(--color-surface-2) 80%,transparent),color-mix(in srgb,var(--color-surface) 72%,transparent))}}.ah-drop{-webkit-backdrop-filter:blur(28px)saturate(180%);backdrop-filter:blur(28px)saturate(180%);animation:ah-drop-in .22s cubic-bezier(.2,.8,.2,1) both;box-shadow:0 40px 80px -32px #000000a6,inset 0 1px #ffffff14}.ah-drop:before{content:"";height:.8rem;position:absolute;top:-.8rem;left:0;right:0}@keyframes ah-drop-in{0%{opacity:0;transform:translate(-50%,-8px)scale(.985)}to{opacity:1;transform:translate(-50%)}}.ah-mh{letter-spacing:.16em;text-transform:uppercase;color:var(--color-muted);padding:0 .65rem .5rem;font-size:.72rem;font-weight:600}.ah-mh-2{border-top:1px solid var(--color-line);margin-top:.75rem;padding-top:.75rem}.ah-drop ul,.ah-sheet ul{margin:0;padding:0;list-style:none}.ah-row{min-width:0;color:var(--color-text);border-radius:14px;align-items:flex-start;gap:.75rem;padding:.6rem .65rem;font-size:.95rem;transition:background-color .2s;display:flex}.ah-row:focus-visible,.ah-row:hover,.ah-row[aria-current=page]{background:#7c8cff1c}@supports (color:color-mix(in lab,red,red)){.ah-row:focus-visible,.ah-row:hover,.ah-row[aria-current=page]{background:color-mix(in srgb,var(--color-accent) 11%,transparent)}}.ah-row-flat{align-items:center;padding-block:.75rem;font-weight:600}.ah-rtext{min-width:0;display:grid}.ah-rname{font-weight:500}.ah-rdesc{color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.ah-mi{width:2rem;height:2rem;color:var(--c);background:linear-gradient(145deg,var(--c),var(--c));border-radius:10px;flex:none;place-items:center;display:grid;position:relative}@supports (color:color-mix(in lab,red,red)){.ah-mi{background:linear-gradient(145deg,color-mix(in srgb,var(--c) 26%,var(--color-surface-2)),color-mix(in srgb,var(--c) 7%,var(--color-surface)))}}.ah-mi{box-shadow:inset 0 0 0 1px var(--c),inset 0 1px 0 #ffffff14}@supports (color:color-mix(in lab,red,red)){.ah-mi{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 32%,transparent),inset 0 1px 0 #ffffff14}}.ah-mi{transition:transform .2s,box-shadow .2s}.ah-row:hover .ah-mi{box-shadow:inset 0 0 0 1px var(--c),0 6px 16px -8px var(--c);transform:scale(1.06)}@supports (color:color-mix(in lab,red,red)){.ah-row:hover .ah-mi{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 55%,transparent),0 6px 16px -8px var(--c)}}.ah-mega{z-index:50;border:1px solid #f1f3ff1f;border-radius:26px;padding:1.25rem;display:none;position:absolute;top:calc(100% + .5rem);left:.5rem;right:.5rem}@supports (color:color-mix(in lab,red,red)){.ah-mega{border:1px solid color-mix(in srgb,var(--color-text) 12%,transparent)}}.ah-mega{background:linear-gradient(160deg,#151a2ecc,#0e1220b8)}@supports (color:color-mix(in lab,red,red)){.ah-mega{background:linear-gradient(160deg,color-mix(in srgb,var(--color-surface-2) 80%,transparent),color-mix(in srgb,var(--color-surface) 72%,transparent))}}.ah-mega{-webkit-backdrop-filter:blur(28px)saturate(180%);backdrop-filter:blur(28px)saturate(180%);animation:ah-mega-in .22s cubic-bezier(.2,.8,.2,1) both;box-shadow:0 40px 80px -32px #000000a6,inset 0 1px #ffffff14}.ah-mega:before{content:"";height:.6rem;position:absolute;top:-.6rem;left:0;right:0}@keyframes ah-mega-in{0%{opacity:0;transform:translateY(-8px)scale(.985)}to{opacity:1;transform:none}}.ah-mega-grid{grid-template-columns:repeat(3,minmax(0,1fr)) 15rem;gap:1.5rem;display:grid}.ah-mega ul{margin:0;padding:0;list-style:none}.ah-mcta{border:1px solid #7c8cff47;border-radius:20px;flex-direction:column;justify-content:space-between;gap:1.5rem;padding:1.25rem;display:flex;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.ah-mcta{border:1px solid color-mix(in srgb,var(--color-accent) 28%,transparent)}}.ah-mcta{background:radial-gradient(120% 90% at 0 0,#7c8cff3d,#0000 65%),#0e12208c}@supports (color:color-mix(in lab,red,red)){.ah-mcta{background:radial-gradient(120% 90% at 0 0,color-mix(in srgb,var(--color-accent) 24%,transparent),transparent 65%),color-mix(in srgb,var(--color-surface) 55%,transparent)}}.ah-mcta-title{letter-spacing:-.02em;font-size:1.25rem;font-weight:800}.ah-mcta-text{color:var(--color-muted);margin-top:.5rem;font-size:.875rem}.ah-cta-solid{justify-content:center;display:inline-flex}.ah-row-market{justify-content:space-between;align-items:center}.ah-market-tag{color:var(--color-accent);font-size:.72rem;font-weight:600}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ah-sheet{border:1px solid #f1f3ff1f;border-radius:22px;max-height:calc(100dvh - 5rem);padding:.75rem;position:absolute;top:calc(100% + .35rem);left:.5rem;right:.5rem;overflow-y:auto}@supports (color:color-mix(in lab,red,red)){.ah-sheet{border:1px solid color-mix(in srgb,var(--color-text) 12%,transparent)}}.ah-sheet{background:#0e1220e0}@supports (color:color-mix(in lab,red,red)){.ah-sheet{background:color-mix(in srgb,var(--color-surface) 88%,transparent)}}.ah-sheet{-webkit-backdrop-filter:blur(26px)saturate(170%);backdrop-filter:blur(26px)saturate(170%);animation:ah-sheet-in .2s cubic-bezier(.2,.8,.2,1) both;box-shadow:0 30px 60px -30px #000000b3}@keyframes ah-sheet-in{0%{opacity:0;transform:translateY(-8px)scale(.985)}to{opacity:1;transform:none}}.ah-acc{border-bottom:1px solid var(--color-line);padding-block:.25rem}.ah-acc>summary{cursor:pointer;justify-content:space-between;align-items:center;padding:.75rem .65rem;font-weight:600;list-style:none;display:flex}.ah-acc>summary::-webkit-details-marker{display:none}.ah-acc[open]>summary svg{transform:rotate(180deg)}.ah-sheet-cta{padding:.75rem .25rem .25rem}.ah-sheet .ah-cta{justify-content:center;height:2.75rem;display:flex}.ah-brand .brand-mark,.ah-brand .icon-tile,.ah-brand .logo-mark{border-radius:12px;width:2.25rem;height:2.25rem;font-size:.9rem}@media (min-width:64rem){.ah-nav{display:flex}.ah-mega{display:block}.ah-menu,.ah-sheet{display:none}}@media (min-width:40rem){.ah-cta{display:inline-flex}}@media (max-width:63.99rem){.ah-cta:not(.ah-cta-block){display:none}}@media (prefers-reduced-motion:reduce){.ah-drop,.ah-mega,.ah-sheet{animation:none}}.sw{--sw-t:56px;--sw-s:46px;--sw-r:150px;z-index:55;top:50%;right:calc(env(safe-area-inset-right,0px) + 14px + var(--sw-t) / 2);width:0;height:0;position:fixed}@media (min-width:64rem) and (min-height:640px){.sw{--sw-s:50px;--sw-r:168px}}@media (max-height:520px){.sw{--sw-s:44px;--sw-r:124px}}@media (max-height:400px){.sw{--sw-t:48px;--sw-s:38px;--sw-r:104px}}.sw [data-app=adjusi]{--c:#5be3b5}.sw [data-app=conversi]{--c:#b58bff}.sw [data-app=tools]{--c:#ff9f6b}.sw [data-app=contrast]{--c:#5be3b5}.sw [data-app=placeholder]{--c:#7b8bff}.sw [data-app=palette]{--c:#ffc857}.sw [data-app=favicon]{--c:#ff8fb1}.sw [data-app=mockup]{--c:#4ea6dc}.sw-item[data-app=adjusi]{--i:0;--ux:0;--uy:-1}.sw-item[data-app=conversi]{--i:1;--ux:-.4339;--uy:-.901}.sw-item[data-app=tools]{--i:2;--ux:-.7818;--uy:-.6235}.sw-item[data-app=contrast]{--i:3;--ux:-.9749;--uy:-.2225}.sw-item[data-app=placeholder]{--i:4;--ux:-.9749;--uy:.2225}.sw-item[data-app=palette]{--i:5;--ux:-.7818;--uy:.6235}.sw-item[data-app=favicon]{--i:6;--ux:-.4339;--uy:.901}.sw-item[data-app=mockup]{--i:7;--ux:0;--uy:1}.sw-scrim{z-index:-1;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:radial-gradient(circle at 100%,#0000008c,#00000038 60%,#0000001f);transition:opacity .25s;position:fixed;inset:0}.sw[data-open] .sw-scrim{opacity:1;pointer-events:auto}.sw-trigger{z-index:4;width:var(--sw-t);height:var(--sw-t);margin:calc(var(--sw-t) / -2) 0 0 calc(var(--sw-t) / -2);cursor:pointer;touch-action:none;color:var(--color-on-accent,#080a16);background:linear-gradient(145deg,var(--color-accent),var(--color-accent-2,var(--color-accent)));border:0;border-radius:50%;place-items:center;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;display:grid;position:absolute;top:0;left:0;box-shadow:0 14px 30px -12px #0009,inset 0 0 0 1px #ffffff1f}.sw-trigger:hover{transform:scale(1.08)}.sw-trigger:active{transform:scale(.94)}.sw-link:focus-visible,.sw-trigger:focus-visible{outline:2px solid var(--color-text);outline-offset:3px}.sw-trigger:before{content:"";pointer-events:none;border:2px solid var(--color-accent);opacity:0;border-radius:50%;animation:sw-pulse 2.8s ease-out 1.5s infinite;position:absolute;inset:0}.sw[data-open] .sw-trigger:before{animation:none}@keyframes sw-pulse{0%{opacity:.55;transform:scale(1)}70%,to{opacity:0;transform:scale(1.55)}}.sw-ico{transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .2s;position:absolute}.sw-ico-x{opacity:0;transform:rotate(-90deg)scale(.5)}.sw[data-open] .sw-ico-grid{opacity:0;transform:rotate(90deg)scale(.5)}.sw[data-open] .sw-ico-x{opacity:1;transform:none}.sw-trigger-tip{white-space:nowrap;color:var(--color-text);background:var(--color-surface-2);border:1px solid var(--color-line);opacity:0;pointer-events:none;border-radius:999px;padding:.35rem .65rem;font-size:.75rem;font-weight:650;transition:opacity .15s,transform .15s;position:absolute;top:50%;right:calc(100% + 10px);transform:translate(6px,-50%)}@media (hover:hover){.sw:not([data-open]) .sw-trigger:focus-visible .sw-trigger-tip,.sw:not([data-open]) .sw-trigger:hover .sw-trigger-tip{opacity:1;transform:translateY(-50%)}}.sw-list{margin:0;padding:0;list-style:none}.sw-item{z-index:1;width:var(--sw-s);height:var(--sw-s);margin:calc(var(--sw-s) / -2) 0 0 calc(var(--sw-s) / -2);--push:0px;--sc:1;opacity:0;visibility:hidden;transition:transform .2s ease calc((7 - var(--i)) * 18ms),opacity .15s ease calc((7 - var(--i)) * 18ms),visibility 0s linear .35s;position:absolute;top:0;left:0;transform:translate(0)scale(.3)}.sw[data-open] .sw-item{opacity:1;visibility:visible;transform:translate(calc(var(--ux) * (var(--sw-r) + var(--push))),calc(var(--uy) * (var(--sw-r) + var(--push)))) scale(var(--sc));transition:transform .5s cubic-bezier(.34,1.56,.64,1) calc(var(--i) * 30ms),opacity .2s ease calc(var(--i) * 30ms),visibility 0s}.sw[data-open][data-settled] .sw-item{transition:transform .24s cubic-bezier(.3,1.4,.5,1),opacity .2s}.sw-item[data-d="0"]{--push:14px;--sc:1.3;z-index:3}.sw-item[data-d="1"]{--push:5px;--sc:1.1;z-index:2}.sw-item[data-d="2"]{--sc:1.03}.sw-link{width:100%;height:100%;color:var(--c);border-radius:50%;place-items:center;text-decoration:none;display:grid}@supports (color:color-mix(in lab,red,red)){.sw-link{color:color-mix(in srgb,var(--c) 78%,var(--color-text))}}.sw-link{background:linear-gradient(145deg,var(--c),var(--c))}@supports (color:color-mix(in lab,red,red)){.sw-link{background:linear-gradient(145deg,color-mix(in srgb,var(--c) 24%,var(--color-surface-2)),color-mix(in srgb,var(--c) 7%,var(--color-surface)))}}.sw-link{border:1px solid var(--c)}@supports (color:color-mix(in lab,red,red)){.sw-link{border:1px solid color-mix(in srgb,var(--c) 38%,var(--color-line))}}.sw-link{transition:border-color .2s,box-shadow .2s;box-shadow:0 10px 24px -10px #0000008c}.sw-item[data-d="0"] .sw-link{border-color:var(--c);box-shadow:0 0 0 4px var(--c),0 14px 28px -10px #0009}@supports (color:color-mix(in lab,red,red)){.sw-item[data-d="0"] .sw-link{box-shadow:0 0 0 4px color-mix(in srgb,var(--c) 24%,transparent),0 14px 28px -10px #0009}}.sw-link[aria-current=page]{border-color:var(--c);box-shadow:0 0 0 2px var(--color-bg),0 0 0 4px var(--c)}.sw-item[data-go] .sw-link{animation:sw-burst .22s ease-out both}@keyframes sw-burst{to{transform:scale(1.12);box-shadow:0 0 0 16px #0000}}.sw[data-going] .sw-item:not([data-go]){opacity:0;transition:opacity .15s}.sw[data-going] .sw-tether{opacity:0}.sw-tip{text-align:left;width:max-content;max-width:min(15rem,70vw);color:var(--color-text);background:var(--color-surface-2);border:1px solid var(--c);border-radius:14px;gap:.1rem;padding:.55rem .75rem;font-size:.78rem;line-height:1.3;display:grid;position:absolute;bottom:calc(100% + 12px);right:0}@supports (color:color-mix(in lab,red,red)){.sw-tip{border:1px solid color-mix(in srgb,var(--c) 45%,var(--color-line))}}.sw-tip{opacity:0;transform-origin:100% 100%;pointer-events:none;transition:opacity .16s,transform .2s cubic-bezier(.34,1.56,.64,1);transform:translateY(6px)scale(.96);box-shadow:0 16px 32px -14px #0009}.sw-tip:after{content:"";right:calc(var(--sw-s) / 2 - 6px);background:var(--color-surface-2);border:solid var(--c);width:10px;height:10px;position:absolute;bottom:-6px;rotate:45deg}@supports (color:color-mix(in lab,red,red)){.sw-tip:after{border:solid color-mix(in srgb,var(--c) 45%,var(--color-line))}}.sw-tip:after{border-width:0 1px 1px 0}.sw-tip strong{font-weight:700}.sw-tip span{color:var(--color-muted)}.sw-tip em{color:var(--c);font-size:.7rem;font-style:normal;font-weight:700}@supports (color:color-mix(in lab,red,red)){.sw-tip em{color:color-mix(in srgb,var(--c) 78%,var(--color-text))}}.sw-item[data-d="0"] .sw-tip{opacity:1;transform:none}.sw-tethers{z-index:0;pointer-events:none;left:calc(var(--sw-r) * -1);top:calc(var(--sw-r) * -1);width:calc(var(--sw-r) * 2);height:calc(var(--sw-r) * 2);position:absolute;overflow:visible}.sw-tether{fill:none;stroke:var(--c);stroke-width:.012px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;opacity:.5;transition:stroke-dashoffset .2s,opacity .2s,stroke-width .2s}.sw[data-open] .sw-tether{stroke-dashoffset:0;transition:stroke-dashoffset .55s 80ms,opacity .2s,stroke-width .2s}.sw[data-open] .sw-tether[data-d="0"]{opacity:1;stroke-width:.024px}@media (prefers-reduced-motion:reduce){.sw *,.sw :after,.sw :before{transition-duration:.01ms!important;transition-delay:0s!important;animation:none!important}}@media print{.sw{display:none}}@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-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}