@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking: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-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:var(--font-dm-sans),"DM Sans",sans-serif;--color-red-100:#ffe2e2;--color-red-400:#ff6568;--color-red-500:#fb2c36;--color-red-600:#e40014;--color-red-700:#bf000f;--color-orange-400:#ff8b1a;--color-orange-500:#fe6e00;--color-orange-600:#f05100;--color-yellow-100:#fef9c2;--color-yellow-400:#fac800;--color-yellow-500:#edb200;--color-yellow-600:#cd8900;--color-green-50:#f0fdf4;--color-green-100:#dcfce7;--color-green-200:#b9f8cf;--color-green-400:#05df72;--color-green-500:#00c758;--color-green-600:#00a544;--color-green-700:#008138;--color-emerald-500:#00bb7f;--color-emerald-600:#009767;--color-teal-400:#00d3bd;--color-teal-500:#00baa7;--color-teal-600:#009588;--color-cyan-500:#00b7d7;--color-cyan-600:#0092b5;--color-cyan-700:#007492;--color-sky-400:#00bcfe;--color-sky-500:#00a5ef;--color-sky-600:#0084cc;--color-blue-50:#eff6ff;--color-blue-100:#dbeafe;--color-blue-200:#bedbff;--color-blue-400:#54a2ff;--color-blue-500:#3080ff;--color-blue-600:#155dfc;--color-blue-700:#1447e6;--color-blue-800:#193cb8;--color-indigo-100:#e0e7ff;--color-indigo-200:#c7d2ff;--color-indigo-400:#7d87ff;--color-indigo-500:#625fff;--color-indigo-600:#4f39f6;--color-purple-100:#f3e8ff;--color-purple-400:#c07eff;--color-purple-500:#ac4bff;--color-purple-600:#9810fa;--color-pink-100:#fce7f3;--color-pink-400:#fb64b6;--color-pink-500:#f6339a;--color-pink-600:#e30076;--color-rose-500:#ff2357;--color-rose-600:#e70044;--color-slate-400:#90a1b9;--color-slate-500:#62748e;--color-slate-600:#45556c;--color-slate-700:#314158;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5dc;--color-gray-400:#99a1af;--color-gray-500:#6a7282;--color-gray-600:#4a5565;--color-gray-700:#364153;--color-gray-800:#1e2939;--color-gray-900:#101828;--color-neutral-500:#737373;--color-neutral-600:#525252;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-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;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-wide:.025em;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--ease-in:cubic-bezier(.4,0,1,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--blur-3xl:64px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-dm-sans),"DM Sans",sans-serif;--default-mono-font-family:var(--font-geist-mono),ui-monospace,monospace;--font-display:var(--font-space-grotesk),"Space Grotesk",sans-serif}@supports (color:lab(0% 0 0)){:root,:host{--color-red-100:lab(92.243% 10.2865 3.83865);--color-red-400:lab(63.7053% 60.745 31.3109);--color-red-500:lab(55.4814% 75.0732 48.8528);--color-red-600:lab(48.4493% 77.4328 61.5452);--color-red-700:lab(40.4273% 67.2623 53.7441);--color-orange-400:lab(70.0429% 42.5156 75.8207);--color-orange-500:lab(64.272% 57.1788 90.3583);--color-orange-600:lab(57.1026% 64.2584 89.8886);--color-yellow-100:lab(97.3564% -4.51407 27.344);--color-yellow-400:lab(83.2664% 8.65132 106.895);--color-yellow-500:lab(76.3898% 14.5258 98.4589);--color-yellow-600:lab(62.7799% 22.4197 86.1544);--color-green-50:lab(98.1563% -5.60117 2.75915);--color-green-100:lab(96.1861% -13.8464 6.52365);--color-green-200:lab(92.4222% -26.4702 12.9427);--color-green-400:lab(78.503% -64.9265 39.7492);--color-green-500:lab(70.5521% -66.5147 45.8073);--color-green-600:lab(59.0978% -58.6621 41.2579);--color-green-700:lab(47.0329% -47.0239 31.4788);--color-emerald-500:lab(66.9756% -58.27 19.5419);--color-emerald-600:lab(55.0481% -49.9246 15.93);--color-teal-400:lab(76.0109% -53.3483 -2.27906);--color-teal-500:lab(67.3859% -49.0983 -2.63511);--color-teal-600:lab(55.0223% -41.0774 -3.90277);--color-cyan-500:lab(67.805% -35.3952 -30.2018);--color-cyan-600:lab(55.1767% -26.7496 -30.5139);--color-cyan-700:lab(44.7267% -21.5987 -26.118);--color-sky-400:lab(70.687% -23.6078 -45.9483);--color-sky-500:lab(63.3038% -18.433 -51.0407);--color-sky-600:lab(51.7754% -11.4712 -49.8349);--color-blue-50:lab(96.492% -1.14644 -5.11479);--color-blue-100:lab(92.0301% -2.24757 -11.6453);--color-blue-200:lab(86.15% -4.04379 -21.0797);--color-blue-400:lab(65.0361% -1.42065 -56.9802);--color-blue-500:lab(54.1736% 13.3369 -74.6839);--color-blue-600:lab(44.0605% 29.0279 -86.0352);--color-blue-700:lab(36.9089% 35.0961 -85.6872);--color-blue-800:lab(30.2514% 27.7853 -70.2699);--color-indigo-100:lab(91.6577% 1.04591 -12.7199);--color-indigo-200:lab(84.4329% 3.18977 -23.9688);--color-indigo-400:lab(59.866% 22.4834 -64.4485);--color-indigo-500:lab(48.295% 38.3129 -81.9673);--color-indigo-600:lab(38.4009% 52.6132 -92.3857);--color-purple-100:lab(93.3333% 6.97437 -9.83434);--color-purple-400:lab(63.6946% 47.6127 -59.2066);--color-purple-500:lab(52.0183% 66.11 -78.2316);--color-purple-600:lab(43.0295% 75.21 -86.5669);--color-pink-100:lab(93.5864% 9.01193 -3.15079);--color-pink-400:lab(64.5597% 64.3615 -12.7988);--color-pink-500:lab(56.9303% 76.8162 -8.07021);--color-pink-600:lab(49.5493% 79.8381 2.31768);--color-rose-500:lab(56.101% 79.4328 31.4532);--color-rose-600:lab(49.1882% 81.577 36.0311);--color-slate-400:lab(65.5349% -2.25151 -14.5072);--color-slate-500:lab(48.0876% -2.03595 -16.5814);--color-slate-600:lab(35.5623% -1.74978 -15.4316);--color-slate-700:lab(26.9569% -1.47016 -15.6993);--color-gray-50:lab(98.2596% -.247031 -.706708);--color-gray-100:lab(96.1596% -.0823438 -1.13575);--color-gray-200:lab(91.6229% -.159115 -2.26791);--color-gray-300:lab(85.1236% -.612259 -3.7138);--color-gray-400:lab(65.9269% -.832707 -8.17473);--color-gray-500:lab(47.7841% -.393182 -10.0268);--color-gray-600:lab(35.6337% -1.58697 -10.8425);--color-gray-700:lab(27.1134% -.956401 -12.3224);--color-gray-800:lab(16.1051% -1.18239 -11.7533);--color-gray-900:lab(8.11897% .811279 -12.254);--color-neutral-500:lab(48.496% 0 0);--color-neutral-600:lab(34.924% 0 0)}}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-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{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.top-0\.5{top:calc(var(--spacing)*.5)}.top-1{top:calc(var(--spacing)*1)}.top-3{top:calc(var(--spacing)*3)}.top-full{top:100%}.right-1{right:calc(var(--spacing)*1)}.bottom-0{bottom:calc(var(--spacing)*0)}.left-0{left:calc(var(--spacing)*0)}.left-0\.5{left:calc(var(--spacing)*.5)}.left-3{left:calc(var(--spacing)*3)}.-z-10{z-index:calc(10*-1)}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-4{margin-inline:calc(var(--spacing)*4)}.mx-auto{margin-inline:auto}.my-6{margin-block:calc(var(--spacing)*6)}.my-10{margin-block:calc(var(--spacing)*10)}.-mt-4{margin-top:calc(var(--spacing)*-4)}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.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-12{margin-top:calc(var(--spacing)*12)}.mt-auto{margin-top:auto}.mr-2{margin-right:calc(var(--spacing)*2)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.mb-10{margin-bottom:calc(var(--spacing)*10)}.mb-12{margin-bottom:calc(var(--spacing)*12)}.mb-14{margin-bottom:calc(var(--spacing)*14)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-6{margin-left:calc(var(--spacing)*6)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-\[6\/5\]{aspect-ratio:6/5}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-14{height:calc(var(--spacing)*14)}.h-20{height:calc(var(--spacing)*20)}.h-32{height:calc(var(--spacing)*32)}.max-h-96{max-height:calc(var(--spacing)*96)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-10{width:calc(var(--spacing)*10)}.w-11{width:calc(var(--spacing)*11)}.w-12{width:calc(var(--spacing)*12)}.w-14{width:calc(var(--spacing)*14)}.w-20{width:calc(var(--spacing)*20)}.w-24{width:calc(var(--spacing)*24)}.w-48{width:calc(var(--spacing)*48)}.w-52{width:calc(var(--spacing)*52)}.w-60{width:calc(var(--spacing)*60)}.w-fit{width:fit-content}.w-full{width:100%}.w-px{width:1px}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-xl{max-width:var(--container-xl)}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.translate-x-0{--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-1{--tw-translate-x:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-5{--tw-translate-x:calc(var(--spacing)*5);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-6{--tw-translate-x:calc(var(--spacing)*6);translate:var(--tw-translate-x)var(--tw-translate-y)}.rotate-180{rotate:180deg}.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-inside{list-style-position:inside}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.gap-1{gap:calc(var(--spacing)*1)}.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-8{gap:calc(var(--spacing)*8)}.gap-10{gap:calc(var(--spacing)*10)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}.gap-x-6{column-gap:calc(var(--spacing)*6)}:where(.space-x-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*4)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-10>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*10)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*10)*calc(1 - var(--tw-space-x-reverse)))}.gap-y-8{row-gap:calc(var(--spacing)*8)}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-black\/20{border-color:#0003}@supports (color:color-mix(in lab, red, red)){.border-black\/20{border-color:color-mix(in oklab,var(--color-black)20%,transparent)}}.border-blue-500{border-color:var(--color-blue-500)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.bg-black{background-color:var(--color-black)}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.bg-black\/80{background-color:#000c}@supports (color:color-mix(in lab, red, red)){.bg-black\/80{background-color:color-mix(in oklab,var(--color-black)80%,transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-green-50{background-color:var(--color-green-50)}.bg-green-100{background-color:var(--color-green-100)}.bg-green-600{background-color:var(--color-green-600)}.bg-indigo-100{background-color:var(--color-indigo-100)}.bg-pink-100{background-color:var(--color-pink-100)}.bg-purple-100{background-color:var(--color-purple-100)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-500\/80{background-color:#fb2c36cc}@supports (color:color-mix(in lab, red, red)){.bg-red-500\/80{background-color:color-mix(in oklab,var(--color-red-500)80%,transparent)}}.bg-white{background-color:var(--color-white)}.bg-yellow-100{background-color:var(--color-yellow-100)}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-blue-100{--tw-gradient-from:var(--color-blue-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-blue-400{--tw-gradient-from:var(--color-blue-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-blue-500{--tw-gradient-from:var(--color-blue-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-blue-600{--tw-gradient-from:var(--color-blue-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-blue-700{--tw-gradient-from:var(--color-blue-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-cyan-600{--tw-gradient-from:var(--color-cyan-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-emerald-500{--tw-gradient-from:var(--color-emerald-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-gray-300{--tw-gradient-from:var(--color-gray-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-gray-400{--tw-gradient-from:var(--color-gray-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-gray-500{--tw-gradient-from:var(--color-gray-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-gray-600{--tw-gradient-from:var(--color-gray-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-green-100{--tw-gradient-from:var(--color-green-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-green-400{--tw-gradient-from:var(--color-green-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-green-500{--tw-gradient-from:var(--color-green-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-green-600{--tw-gradient-from:var(--color-green-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-indigo-100{--tw-gradient-from:var(--color-indigo-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-indigo-400{--tw-gradient-from:var(--color-indigo-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-indigo-500{--tw-gradient-from:var(--color-indigo-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-neutral-500{--tw-gradient-from:var(--color-neutral-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-orange-400{--tw-gradient-from:var(--color-orange-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-orange-500{--tw-gradient-from:var(--color-orange-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-pink-400{--tw-gradient-from:var(--color-pink-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-pink-500{--tw-gradient-from:var(--color-pink-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-purple-400{--tw-gradient-from:var(--color-purple-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-purple-500{--tw-gradient-from:var(--color-purple-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-red-400{--tw-gradient-from:var(--color-red-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-red-500{--tw-gradient-from:var(--color-red-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-red-600{--tw-gradient-from:var(--color-red-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-rose-500{--tw-gradient-from:var(--color-rose-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-sky-400{--tw-gradient-from:var(--color-sky-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-sky-500{--tw-gradient-from:var(--color-sky-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-slate-400{--tw-gradient-from:var(--color-slate-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-slate-500{--tw-gradient-from:var(--color-slate-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-slate-600{--tw-gradient-from:var(--color-slate-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-teal-400{--tw-gradient-from:var(--color-teal-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-teal-500{--tw-gradient-from:var(--color-teal-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-yellow-400{--tw-gradient-from:var(--color-yellow-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-yellow-500{--tw-gradient-from:var(--color-yellow-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-blue-200{--tw-gradient-to:var(--color-blue-200);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-blue-600{--tw-gradient-to:var(--color-blue-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-blue-700{--tw-gradient-to:var(--color-blue-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-blue-800{--tw-gradient-to:var(--color-blue-800);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-cyan-500{--tw-gradient-to:var(--color-cyan-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-cyan-700{--tw-gradient-to:var(--color-cyan-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-emerald-600{--tw-gradient-to:var(--color-emerald-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-gray-500{--tw-gradient-to:var(--color-gray-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-gray-600{--tw-gradient-to:var(--color-gray-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-gray-700{--tw-gradient-to:var(--color-gray-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-green-200{--tw-gradient-to:var(--color-green-200);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-green-600{--tw-gradient-to:var(--color-green-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-green-700{--tw-gradient-to:var(--color-green-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-indigo-200{--tw-gradient-to:var(--color-indigo-200);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-indigo-600{--tw-gradient-to:var(--color-indigo-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-neutral-600{--tw-gradient-to:var(--color-neutral-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-orange-500{--tw-gradient-to:var(--color-orange-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-orange-600{--tw-gradient-to:var(--color-orange-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-pink-600{--tw-gradient-to:var(--color-pink-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-purple-500{--tw-gradient-to:var(--color-purple-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-purple-600{--tw-gradient-to:var(--color-purple-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-red-600{--tw-gradient-to:var(--color-red-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-red-700{--tw-gradient-to:var(--color-red-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-rose-600{--tw-gradient-to:var(--color-rose-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-sky-500{--tw-gradient-to:var(--color-sky-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-sky-600{--tw-gradient-to:var(--color-sky-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-slate-500{--tw-gradient-to:var(--color-slate-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-slate-600{--tw-gradient-to:var(--color-slate-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-slate-700{--tw-gradient-to:var(--color-slate-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-teal-600{--tw-gradient-to:var(--color-teal-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-yellow-600{--tw-gradient-to:var(--color-yellow-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.object-cover{object-fit:cover}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.p-10{padding:calc(var(--spacing)*10)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-10{padding-block:calc(var(--spacing)*10)}.py-12{padding-block:calc(var(--spacing)*12)}.py-24{padding-block:calc(var(--spacing)*24)}.pt-12{padding-top:calc(var(--spacing)*12)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.text-center{text-align:center}.text-left{text-align:left}.font-display{font-family:var(--font-space-grotesk),"Space Grotesk",sans-serif}.font-mono{font-family:var(--font-geist-mono),ui-monospace,monospace}.font-sans{font-family:var(--font-dm-sans),"DM Sans",sans-serif}.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-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-7{--tw-leading:calc(var(--spacing)*7);line-height:calc(var(--spacing)*7)}.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-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.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)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.text-black{color:var(--color-black)}.text-blue-500{color:var(--color-blue-500)}.text-blue-600{color:var(--color-blue-600)}.text-cyan-600{color:var(--color-cyan-600)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-green-500{color:var(--color-green-500)}.text-green-600{color:var(--color-green-600)}.text-indigo-600{color:var(--color-indigo-600)}.text-orange-600{color:var(--color-orange-600)}.text-pink-600{color:var(--color-pink-600)}.text-purple-500{color:var(--color-purple-500)}.text-purple-600{color:var(--color-purple-600)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-white{color:var(--color-white)}.text-yellow-600{color:var(--color-yellow-600)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.not-italic{font-style:normal}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.placeholder-gray-500::placeholder{color:var(--color-gray-500)}.opacity-0{opacity:0}.opacity-80{opacity:.8}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);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,)}.blur-3xl{--tw-blur:blur(var(--blur-3xl));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,)}.grayscale{--tw-grayscale:grayscale(100%);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,)}.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,)}.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-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;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))}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.placeholder\:font-sans::placeholder{font-family:var(--font-dm-sans),"DM Sans",sans-serif}@media (hover:hover){.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-green-700:hover{background-color:var(--color-green-700)}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}@media (min-width:40rem){.sm\:col-span-2{grid-column:span 2/span 2}.sm\:mx-auto{margin-inline:auto}.sm\:mt-0{margin-top:calc(var(--spacing)*0)}.sm\:max-w-xl{max-width:var(--container-xl)}.sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:p-8{padding:calc(var(--spacing)*8)}.sm\:px-6{padding-inline:calc(var(--spacing)*6)}.sm\:py-12{padding-block:calc(var(--spacing)*12)}.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media (min-width:48rem){.md\:hidden{display:none}.md\:aspect-\[4\/3\]{aspect-ratio:4/3}.md\:h-14{height:calc(var(--spacing)*14)}.md\:w-14{width:calc(var(--spacing)*14)}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.md\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.md\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media (min-width:64rem){.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:gap-2{gap:calc(var(--spacing)*2)}.lg\:px-8{padding-inline:calc(var(--spacing)*8)}}}:root{--background:#f5f5f0;--foreground:#1a1a1a}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}html{--bg-color:#fff;--text-color:#000}html.dark{--bg-color:#1f2937;--text-color:#f9fafb}body{background-color:var(--bg-color);color:var(--text-color)}.vertical-timeline:before{height:80%;top:30px!important;bottom:30px!important}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}.site-nav{z-index:50;-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border-bottom:1px solid #e0e0e0;position:sticky;top:0}.nav-shell{justify-content:space-between;align-items:center;width:min(100% - 48px,1140px);max-width:1140px;height:72px;margin:auto;padding:0;display:flex}.brand{color:#0f172a;letter-spacing:-.04em;align-items:center;gap:10px;font-size:22px;font-weight:800;display:flex}.brand-mark{color:#fff;background:linear-gradient(135deg,#dae48d,#cdd97a);border-radius:11px;place-items:center;width:36px;height:36px;display:grid;box-shadow:0 1px 2px #0000000a}.desktop-nav{align-items:center;gap:3px;display:flex}.nav-group{position:relative}.nav-link{color:#475569;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:5px;padding:10px 12px;font-size:14px;font-weight:650;display:flex}.nav-link:hover{color:#1a1a1a;background:#f3f7e0}.nav-link svg{transition:transform .2s}.mega-menu{background:#fff;border:1px solid #e2e8f0;border-radius:18px;width:510px;max-height:calc(100vh - 100px);padding:18px;position:absolute;top:100%;left:50%;overflow-y:auto;transform:translate(-50%);box-shadow:0 22px 60px #0f172a29}.mega-heading{color:#1a1a1a;text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:8px;padding:2px 5px 13px;font-size:13px;font-weight:800;display:flex}.mega-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.tool-nav-item{color:#0f172a;border-radius:12px;gap:11px;padding:11px;display:flex}.tool-nav-item:hover{background:#f3f7e0}.tool-nav-icon{color:#1a1a1a;background:#f3f7e0;border-radius:9px;flex:0 0 35px;place-items:center;height:35px;display:grid}.tool-nav-item strong,.tool-nav-item small{display:block}.tool-nav-item strong{font-size:13px}.tool-nav-item small{color:#64748b;margin-top:2px;font-size:11px;line-height:1.3}.mobile-trigger{color:#1a1a1a;background:#f3f7e0;border:0;border-radius:10px;padding:9px;display:none}.mobile-nav{background:#fff;border-top:1px solid #e2e8f0;padding:10px 20px 22px;display:none}.mobile-nav>a{color:#334155;border-radius:10px;align-items:center;gap:10px;padding:12px;font-weight:650;display:flex}.mobile-nav>a:hover{background:#f3f7e0}.home-page{background:#f5f5f0;overflow:hidden}.hero-section{grid-template-columns:1.08fr .92fr;align-items:center;gap:70px;max-width:1240px;min-height:650px;margin:auto;padding:92px 36px 100px;display:grid;position:relative}.hero-content,.hero-visual{z-index:2;position:relative}.hero-pill,.section-kicker{color:#1a1a1a;letter-spacing:.03em;background:#f3f7e0;border:1px solid #e8efb8;border-radius:999px;align-items:center;gap:7px;padding:7px 12px;font-size:12px;font-weight:800;display:inline-flex}.hero-content h1{color:#0f172a;letter-spacing:-.065em;max-width:720px;margin:22px 0 20px;font-size:clamp(48px,6vw,76px);font-weight:850;line-height:.98}.hero-content h1 span{color:#1a1a1a}.hero-content>p{color:#64748b;max-width:610px;font-size:18px;line-height:1.7}.hero-actions{gap:12px;margin-top:30px;display:flex}.primary-action,.secondary-action{border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:14px 20px;font-weight:750;display:inline-flex}.primary-action{color:#fff;background:#dae48d;box-shadow:0 1px 2px #0000000a}.primary-action:hover{background:#1a1a1a;transform:translateY(-1px)}.secondary-action{color:#334155;background:#fff;border:1px solid #e2e8f0}.hero-trust{color:#64748b;flex-wrap:wrap;gap:18px;margin-top:25px;font-size:13px;font-weight:650;display:flex}.hero-trust span{align-items:center;gap:5px;display:flex}.hero-trust svg{color:#1a1a1a;width:16px}.hero-glow{filter:blur(4px);opacity:.55;border-radius:999px;position:absolute}.hero-glow-one{background:#f3f7e0;width:400px;height:400px;top:30px;right:-170px}.hero-glow-two{background:#f3f7e0;width:260px;height:260px;bottom:-70px;left:-180px}.hero-visual{place-items:center;min-height:430px;display:grid}.visual-card{background:#ffffffeb;border:1px solid #dae48d3d;box-shadow:0 25px 70px #0f172a26}.visual-card-main{border-radius:28px;flex-direction:column;align-items:center;gap:14px;width:350px;padding:30px;display:flex;transform:rotate(2deg)}.visual-card-main>svg{color:#1a1a1a;background:#f3f7e0;border-radius:20px;width:70px;height:70px;padding:14px}.visual-card-main strong{font-size:20px}.visual-kicker{color:#64748b;letter-spacing:.12em;font-size:11px;font-weight:850}.format-row{color:#475569;background:#f5f5f0;border-radius:12px;justify-content:center;align-items:center;gap:12px;width:100%;padding:14px;font-size:12px;font-weight:800;display:flex}.fake-button{text-align:center;color:#fff;background:#dae48d;border-radius:12px;width:100%;padding:13px;font-weight:800}.visual-card-small{color:#334155;border-radius:14px;align-items:center;gap:8px;padding:13px 16px;font-size:13px;font-weight:750;display:flex;position:absolute}.visual-card-small svg{color:#1a1a1a}.visual-top{top:55px;right:-5px;transform:rotate(-3deg)}.visual-bottom{bottom:50px;left:-12px;transform:rotate(3deg)}.tools-section{background:#fff;border-top:1px solid #e2e8f0;padding:95px 28px}.section-intro{text-align:center;max-width:700px;margin:0 auto 70px}.section-intro h2{color:#0f172a;letter-spacing:-.04em;margin:17px 0 12px;font-size:clamp(34px,4vw,50px)}.section-intro p{color:#64748b;font-size:17px;line-height:1.6}.tool-section{max-width:1160px;margin:0 auto 64px}.tool-section-title span{color:#1a1a1a;text-transform:uppercase;letter-spacing:.11em;font-size:12px;font-weight:850}.tool-section-title h3{color:#0f172a;margin:5px 0 20px;font-size:25px}.tool-grid{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}.tool-card{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:18px;flex-direction:column;min-height:190px;padding:23px;transition:all .22s;display:flex;position:relative}.tool-card:hover{border-color:#cdd97a;transform:translateY(-5px);box-shadow:0 1px 2px #0000000a}.tool-card-icon{color:#1a1a1a;background:#f3f7e0;border-radius:13px;place-items:center;width:47px;height:47px;display:grid}.tool-card-copy{margin-top:22px;padding-right:15px}.tool-card-copy strong,.tool-card-copy small{display:block}.tool-card-copy strong{font-size:16px}.tool-card-copy small{color:#64748b;margin-top:7px;font-size:13px;line-height:1.55}.tool-arrow{color:#94a3b8;transition:transform .2s;position:absolute;top:25px;right:18px}.tool-card:hover .tool-arrow{color:#1a1a1a;transform:translate(3px)}.benefits-section{padding:var(--ds-section)var(--ds-gutter);color:var(--ds-text);background:0 0;display:block}.benefits-grid{max-width:var(--ds-content);grid-template-columns:repeat(3,1fr);gap:1rem;margin:0 auto;display:grid}.benefits-grid>article{padding:1.5rem}.benefits-section h3{margin:1.15rem 0 .45rem;font-size:1.1rem}.benefits-section p{color:var(--ds-muted);margin:0;font-size:.9rem;line-height:1.6}.bg-black{background-color:#1a1a1a!important}@media (max-width:1024px){.desktop-nav{display:none}.mobile-trigger,.mobile-nav{display:grid}.hero-section{text-align:center;grid-template-columns:1fr;padding-top:70px}.hero-content>p{margin-left:auto;margin-right:auto}.hero-actions,.hero-trust{justify-content:center}.hero-visual{min-height:380px}.tool-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.nav-shell{height:64px;padding:0 16px}.hero-section{padding:55px 20px 70px}.hero-content h1{font-size:47px}.hero-content>p{font-size:16px}.hero-actions{flex-direction:column}.hero-visual{min-height:330px}.visual-card-main{width:270px;padding:22px}.visual-top{top:30px;right:-12px}.visual-bottom{bottom:25px;left:-10px}.tool-grid{grid-template-columns:1fr}.tools-section{padding:70px 18px}.benefits-grid{grid-template-columns:1fr;gap:1rem}}.brand-mark{background:linear-gradient(135deg,#dae48d,#cdd97a);box-shadow:0 1px 2px #0000000a}.home-page,body{background:#f5f5f0}.site-nav{border-bottom-color:#dae48d3d}.nav-link:hover,.mega-heading,.tool-nav-icon,.hero-pill,.section-kicker,.hero-content h1 span,.hero-trust svg,.visual-card-main>svg,.visual-card-small svg,.tool-card-icon,.tool-card:hover .tool-arrow{color:#1a1a1a}.nav-link:hover,.mobile-trigger,.mobile-nav>a:hover,.tool-nav-item:hover{background:#f3f7e0}.mobile-trigger{color:#1a1a1a}.tool-nav-icon,.hero-pill,.section-kicker,.visual-card-main>svg,.tool-card-icon{background:#f3f7e0}.hero-pill,.section-kicker{border-color:#e8efb8}.primary-action,.bg-black{background:#dae48d!important}.primary-action:hover{background:#1a1a1a}.hero-glow-one{background:#f3f7e0}.hero-glow-two{background:#e0e7ff}.fake-button{background:#dae48d}.visual-card{border-color:#dae48d3d;box-shadow:0 6px 20px #0000000f}.format-row{background:#f5f5f0}.mega-menu,.mobile-nav,.tool-card{border-color:#f3f7e0}.tool-card:hover{border-color:#cdd97a;box-shadow:0 1px 2px #0000000a}.benefits-section{background:0 0}.benefits-section svg{color:var(--ds-ink)}.hover\:text-blue-500:hover{color:#1a1a1a!important}.tool-page-shell{background:0 0;padding:72px 0 86px}.tool-page-heading{text-align:center;max-width:720px;margin:0 auto 34px}.tool-page-badge{color:#1a1a1a;text-transform:uppercase;letter-spacing:.08em;background:#f3f7e0;border:1px solid #e8efb8;border-radius:999px;align-items:center;gap:7px;padding:7px 12px;font-size:12px;font-weight:800;display:inline-flex}.tool-page-heading h1{color:#0f172a;letter-spacing:-.03em;margin:17px 0 12px;font-size:clamp(1.85rem,4vw,2.75rem);font-weight:800;line-height:1.2}.tool-page-heading p{color:#64748b;max-width:560px;margin:0 auto;font-size:1.05rem;line-height:1.55}.tool-workspace-wrap{width:min(100% - 48px,1140px);max-width:1140px;margin:0 auto}.tool-workspace{background:#fff;border:1px solid #e0e0e0;border-radius:22px;flex-direction:column;align-items:center;gap:22px;width:100%;padding:28px;display:flex;position:relative;box-shadow:0 1px 2px #0000000a}.tool-workspace:before{content:"";z-index:0;pointer-events:none;border-radius:inherit;background:linear-gradient(115deg,#dae48d3d,#0000 38%,#38bdf809);position:absolute;inset:0}.tool-workspace>*{z-index:1;position:relative}.tool-dropzone{text-align:center;cursor:pointer;background:#f5f5f0;flex-direction:column;justify-content:center;align-items:center;min-height:270px;display:flex;color:#1e293b!important;border:2px dashed #cdd97a!important;border-radius:16px!important;padding:38px!important}.tool-dropzone>*{text-align:center;margin-left:auto;margin-right:auto}.tool-dropzone .dropzone-icon{margin:0 auto 14px}.tool-dropzone h3,.tool-dropzone .dropzone-formats,.tool-dropzone .dropzone-help{text-align:center;width:100%}.tool-dropzone:hover{background:#f3f7e0!important;border-color:#1a1a1a!important}.dropzone-icon{color:#1a1a1a;background:#f3f7e0;border-radius:18px;place-items:center;width:64px;height:64px;margin-bottom:14px;display:grid}.dropzone-icon svg{width:31px;height:31px}.tool-dropzone h3{color:#0f172a;margin:0;font-size:21px;font-weight:800}.dropzone-formats{color:#64748b;letter-spacing:.04em;margin:7px 0 0;font-size:12px;font-weight:750}.dropzone-help{color:#64748b;margin:13px 0 12px;font-size:14px}.browse-button{cursor:pointer;background:#dae48d;border-radius:10px;justify-content:center;align-items:center;padding:10px 17px;font-size:13px;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex;box-shadow:0 1px 2px #0000000a;color:#fff!important;text-decoration:none!important}.browse-button:hover{background:#1a1a1a;transform:translateY(-2px);box-shadow:0 1px 2px #0000000a}.file-summary{color:#475569;border-top:1px solid #f3f7e0;justify-content:space-between;align-items:center;width:100%;margin-top:18px;padding-top:15px;font-size:13px;font-weight:750;display:flex}.file-summary button{color:#dc2626;cursor:pointer;background:#fef2f2;border:0;border-radius:8px;padding:7px 10px;font-size:12px;font-weight:800}.conversion-control{grid-template-columns:1fr;align-items:stretch;gap:8px;width:100%;display:grid}.conversion-control>label{color:#1e293b;font-size:13px;font-weight:800}.conversion-control>div,.conversion-control button{width:100%}.generic-conversion-note{color:#1e40af;text-align:center;background:#f3f7e0;border:1px solid #e8efb8;border-radius:11px;width:100%;padding:13px 16px;font-size:13px;font-weight:700}.uploader-shell{width:100%}.uploaded-files-panel{background:linear-gradient(#f5f5f0,#f2f7ff);border:1px solid #cbdcfb;border-radius:18px;width:100%;overflow:hidden;box-shadow:inset 0 1px #fff}.uploaded-files-header{color:#334155;background:#ffffffb8;border-bottom:1px solid #f3f7e0;justify-content:space-between;align-items:center;padding:17px 18px;font-size:14px;display:flex}.uploaded-panel-title{align-items:center;gap:11px;display:flex}.uploaded-panel-title>span:last-child{flex-direction:column;gap:2px;display:flex}.uploaded-panel-title strong{color:#0f172a;font-size:14px}.uploaded-panel-title small{color:#7c8da6;font-size:11px}.uploaded-panel-icon{color:#1a1a1a;background:linear-gradient(145deg,#f3f7e0,#f3f7e0);border-radius:11px;place-items:center;width:39px;height:39px;display:grid}.uploaded-panel-icon svg{width:20px}.clear-files-button{cursor:pointer;border-radius:9px;align-items:center;gap:6px;padding:8px 10px;font-weight:800;display:flex;color:#dc2626!important;background:#fff7f7!important;border:1px solid #fecaca!important;font-size:11px!important}.clear-files-button svg{width:14px}.uploaded-files-list{grid-template-columns:1fr 1fr;gap:10px;max-height:380px;padding:12px;display:grid;overflow:auto}.uploaded-file-row{background:#fff;border:1px solid #dce6f5;border-radius:14px;grid-template-columns:58px minmax(0,1fr) 32px;align-items:center;gap:12px;min-width:0;padding:10px;transition:all .2s;display:grid;box-shadow:0 1px 2px #0000000a}.uploaded-file-row:hover{border-color:#a9c7f8;transform:translateY(-2px);box-shadow:0 1px 2px #0000000a}.uploaded-file-preview{background:#f3f7e0;border:1px solid #e2e8f0;border-radius:11px;width:58px;height:58px;overflow:hidden}.uploaded-file-preview img{object-fit:cover;width:100%;height:100%}.uploaded-file-copy{min-width:0}.uploaded-file-copy strong,.uploaded-file-copy small{display:block}.uploaded-file-copy strong{color:#1e293b;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.uploaded-file-copy small{color:#64748b;flex-wrap:wrap;align-items:center;gap:6px;margin-top:7px;font-size:10px;display:flex}.file-type-badge{color:#1a1a1a;background:#f3f7e0;border-radius:5px;padding:3px 5px;font-size:9px;font-weight:900}.ready-status{color:#15803d;align-items:center;gap:3px;font-weight:750;display:inline-flex}.ready-status svg{width:11px;height:11px}.remove-file-button{color:#94a3b8;cursor:pointer;background:#f5f5f0;border:0;border-radius:8px;place-items:center;width:28px;height:28px;line-height:1;transition:all .2s;display:grid}.remove-file-button svg{width:15px}.remove-file-button:hover{color:#dc2626;background:#fef2f2}.uploaded-files-actions{background:#fff;border-top:1px solid #f3f7e0;justify-content:center;gap:10px;padding:14px;display:flex}.uploaded-files-actions button{color:#1a1a1a;cursor:pointer;background:#f3f7e0;border:1px solid #e8efb8;border-radius:9px;align-items:center;gap:6px;padding:9px 14px;font-size:12px;font-weight:800;display:inline-flex}.uploaded-files-actions button svg{width:15px}.uploaded-files-actions button:last-child{color:#475569;background:#f5f5f0;border-color:#e2e8f0}.compression-results{background:linear-gradient(145deg,#f5f5f0,#f3f7e0);border:1px solid #e8efb8;border-radius:18px;width:100%;overflow:hidden;box-shadow:0 1px 2px #0000000a}.compression-results-heading{background:#ffffffd6;border-bottom:1px solid #f3f7e0;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.compression-results-heading>span{color:#1e293b;align-items:center;gap:10px;display:flex}.compression-results-heading>span>svg{color:#fff;background:linear-gradient(135deg,#dae48d,#cdd97a);border-radius:10px;width:34px;height:34px;padding:8px;box-shadow:0 1px 2px #0000000a}.compression-results-heading>span>span strong,.compression-results-heading>span>span small{display:block}.compression-results-heading>span>span strong{font-size:14px;font-weight:850}.compression-results-heading>span>span small{color:#64748b;margin-top:2px;font-size:11px;font-weight:500}.compression-results-meta{align-items:center;gap:9px;display:flex}.compression-results-meta>small{color:#64748b;align-items:center;gap:5px;font-size:10px;font-weight:700;display:flex}.compression-results-meta>small svg{width:13px;height:13px;animation:.8s linear infinite compression-spin}.compression-quality-badge{color:#1a1a1a;white-space:nowrap;background:#f3f7e0;border:1px solid #e8efb8;border-radius:8px;padding:6px 9px;font-size:11px;font-weight:850}.compression-results-list{gap:9px;padding:11px;display:grid}.compression-results.is-updating .compression-results-list{opacity:.55}.compression-result-row{background:linear-gradient(135deg,#fff,#fff);border:1px solid #f3f7e0;border-radius:14px;grid-template-columns:minmax(170px,1fr) minmax(95px,auto) 24px minmax(95px,auto) auto;align-items:center;gap:12px;padding:14px;transition:opacity .2s,transform .2s;display:grid;box-shadow:0 1px 2px #0000000a}.compression-result-name{align-items:center;gap:10px;min-width:0;display:flex}.compression-result-name>svg{color:#1a1a1a;background:#f3f7e0;border:1px solid #e8efb8;border-radius:11px;flex:none;width:40px;height:40px;padding:9px}.compression-result-name span,.compression-result-name strong,.compression-result-name small,.compression-size small,.compression-size strong{display:block}.compression-result-name span{min-width:0}.compression-result-name strong{color:#1e293b;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.compression-result-name small{color:#64748b;margin-top:3px;font-size:10px;font-weight:800}.compression-size{background:#f5f5f0;border:1px solid #e2e8f0;border-radius:10px;min-width:95px;padding:8px 10px}.compression-size small{color:#64748b;text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px;font-size:9px;font-weight:800}.compression-size strong{color:#334155;white-space:nowrap;font-size:14px}.after-size{background:#f3f7e0;border-color:#e8efb8}.after-size strong{color:#1a1a1a}.compression-size-arrow{color:#94a3b8;width:16px}.compression-saved{color:#166534;white-space:nowrap;background:#dcfce7;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:850}@keyframes compression-spin{to{transform:rotate(360deg)}}.converter-bottom-actions{background:0 0;border-top:0;border-radius:12px;width:100%}.converter-bottom-actions button,.converter-bottom-actions button:last-child,.converter-bottom-actions button:hover,.converter-bottom-actions button:last-child:hover{background:0 0}.post-convert-actions{justify-content:center;align-items:center;gap:10px;width:100%;display:flex}.post-convert-actions button{color:#1a1a1a;cursor:pointer;background:#f3f7e0;border:1px solid #e8efb8;border-radius:10px;align-items:center;gap:7px;padding:10px 15px;font-size:12px;font-weight:800;transition:all .2s;display:inline-flex}.post-convert-actions button svg{width:15px}.post-convert-actions button:hover{background:#f3f7e0;border-color:#cdd97a;transform:translateY(-1px)}.post-convert-actions button:last-child{color:#475569;background:#f5f5f0;border-color:#e2e8f0}.all-conversions{border-top:1px solid #f3f7e0;margin-top:38px;padding-top:38px}.conversion-dashboard{background:linear-gradient(145deg,#f5f5f0,#fff);border:1px solid #f3f7e0;border-radius:17px;width:100%;padding:20px;position:relative;overflow:visible;z-index:30!important}.conversion-control,.conversion-control>div{overflow:visible}.converter-format-options{transform-origin:0 0;border:1px solid #f3f7e0;width:var(--button-width)!important;min-width:var(--button-width)!important;z-index:2147483647!important;max-height:none!important;overflow:visible!important;box-shadow:0 1px 2px #0000000a!important}.image-converter-tool .primary-process-button{z-index:0!important}.conversion-dashboard-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:17px;display:flex}.conversion-dashboard-heading>span{color:#0f172a;align-items:center;gap:7px;font-size:14px;font-weight:850;display:flex}.conversion-dashboard-heading svg{color:#1a1a1a;width:18px}.conversion-dashboard-heading small{color:#7c8da6;font-size:11px}.format-pipeline{grid-template-columns:1fr 42px 1fr;align-items:center;gap:10px;margin-bottom:17px;display:grid}.format-node{background:#fff;border:1px solid #f3f7e0;border-radius:12px;padding:13px 15px}.format-node small,.format-node strong{display:block}.format-node small{color:#8290a5;text-transform:uppercase;letter-spacing:.07em;font-size:10px}.format-node strong{color:#1e293b;margin-top:5px;font-size:15px}.output-node{background:#f3f7e0;border-color:#cdd97a}.pipeline-arrow{color:#1a1a1a;background:#f3f7e0;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.pipeline-arrow svg{width:17px}.primary-process-button{color:#fff;cursor:pointer;border:0;border-radius:13px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:50px;padding:12px 20px;font-size:15px;font-weight:850;transition:all .2s;display:flex}.primary-process-button:not(:disabled){box-shadow:0 1px 2px #0000000a;background:linear-gradient(135deg,#dae48d,#cdd97a)!important}.primary-process-button:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 1px 2px #0000000a}.primary-process-button svg{width:19px}.quality-control{background:linear-gradient(145deg,#fff,#f5f5f0);border:1px solid #f3f7e0;border-radius:16px;width:100%;padding:18px 19px}.quality-heading{grid-template-columns:38px 1fr auto;align-items:center;gap:11px;display:grid}.quality-heading>span:nth-child(2){flex-direction:column;gap:2px;display:flex}.quality-heading strong{color:#0f172a;font-size:13px}.quality-heading small{color:#7c8da6;font-size:10px}.quality-icon{color:#1a1a1a;background:#f3f7e0;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.quality-icon svg{width:19px}.quality-value{color:#1a1a1a;text-align:center;background:#f3f7e0;border:1px solid #e8efb8;border-radius:9px;min-width:58px;padding:7px 10px;font-size:13px;font-weight:900}.quality-slider-wrap{margin-top:18px}.quality-slider-wrap input[type=range]{appearance:none;cursor:pointer;border-radius:999px;outline:none;width:100%;height:7px}.quality-slider-wrap input[type=range]::-webkit-slider-thumb{appearance:none;background:#dae48d;border:4px solid #fff;border-radius:50%;width:21px;height:21px;box-shadow:0 1px 2px #0000000a}.quality-slider-wrap input[type=range]::-moz-range-thumb{background:#dae48d;border:4px solid #fff;border-radius:50%;width:14px;height:14px;box-shadow:0 1px 2px #0000000a}.quality-scale{color:#94a3b8;justify-content:space-between;margin-top:8px;font-size:9px;font-weight:700;display:flex}.quality-recommendation{color:#4338ca;background:#f3f7e0;border-radius:7px;align-items:center;gap:5px;width:max-content;margin-top:13px;padding:5px 8px;font-size:10px;font-weight:800;display:flex}.quality-recommendation svg{width:12px}.resize-settings-panel{background:linear-gradient(145deg,#fff,#f5f5f0);border:1px solid #e8efb8;border-radius:20px;width:100%;overflow:hidden;box-shadow:0 1px 2px #0000000a}.resize-settings-heading{background:#ffffffd1;border-bottom:1px solid #f3f7e0;justify-content:space-between;align-items:center;gap:15px;padding:18px 20px;display:flex}.resize-settings-heading>span:first-child{align-items:center;gap:11px;display:flex}.resize-settings-heading>span:first-child>svg{color:#fff;background:linear-gradient(135deg,#dae48d,#cdd97a);border-radius:11px;width:38px;height:38px;padding:9px;box-shadow:0 1px 2px #0000000a}.resize-settings-heading strong,.resize-settings-heading small{display:block}.resize-settings-heading strong{color:#0f172a;font-size:15px}.resize-settings-heading small{color:#718096;margin-top:2px;font-size:11px}.resize-local-badge{color:#166534;background:#ecfdf5;border-radius:8px;align-items:center;gap:5px;padding:6px 9px;font-size:10px;font-weight:800;display:flex}.resize-local-badge svg{width:13px}.resize-mode-tabs{background:#f5f5f0;border-bottom:1px solid #e5edfb;grid-template-columns:1fr 1fr;gap:8px;padding:14px 18px;display:grid}.resize-mode-tabs button{color:#64748b;cursor:pointer;background:#fff;border:1px solid #f3f7e0;border-radius:11px;justify-content:center;align-items:center;gap:7px;min-height:42px;font-size:12px;font-weight:800;transition:all .2s;display:flex}.resize-mode-tabs button svg{width:16px}.resize-mode-tabs button:hover{color:#1a1a1a;border-color:#cdd97a}.resize-mode-tabs button.active{color:#1a1a1a;box-shadow:none;background:#dae48d;border:0;outline:none}.resize-dimensions-grid{grid-template-columns:1fr 38px 1fr;align-items:end;gap:10px;padding:22px 20px 15px;display:grid}.resize-dimensions-grid label>span,.resize-output-format>span{color:#334155;justify-content:space-between;margin-bottom:7px;font-size:11px;font-weight:850;display:flex}.resize-dimensions-grid label>span small{color:#94a3b8;font-size:9px;font-weight:700}.resize-dimensions-grid input,.resize-output-format select{color:#0f172a;background:#fff;border:1px solid #cbdcfb;border-radius:11px;outline:0;width:100%;height:48px;padding:0 14px;font-size:15px;font-weight:800;transition:all .2s}.resize-dimensions-grid input:focus,.resize-output-format select:focus{box-shadow:none;border-color:#e0e0e0;outline:none}.dimension-link{color:#1a1a1a;background:#f3f7e0;border:1px solid #e8efb8;border-radius:50%;place-items:center;width:34px;height:34px;margin-bottom:7px;display:grid}.dimension-link svg{width:14px}.resize-percentage-control{padding:23px 20px 17px}.resize-percentage-control>div:first-child{color:#334155;justify-content:space-between;align-items:center;margin-bottom:17px;font-size:12px;font-weight:800;display:flex}.resize-percentage-control>div:first-child strong{color:#1a1a1a;background:#f3f7e0;border-radius:8px;padding:6px 10px;font-size:13px}.resize-percentage-control input[type=range]{appearance:none;cursor:pointer;border-radius:999px;outline:0;width:100%;height:7px}.resize-percentage-control input[type=range]::-webkit-slider-thumb{appearance:none;background:#dae48d;border:4px solid #fff;border-radius:50%;width:21px;height:21px;box-shadow:0 1px 2px #0000000a}.resize-percentage-scale{color:#94a3b8;justify-content:space-between;margin-top:9px;font-size:9px;font-weight:700;display:flex}.resize-options-row{border-top:1px solid #e5edfb;grid-template-columns:1fr 190px;align-items:end;gap:18px;padding:17px 20px;display:grid}.aspect-toggle{cursor:pointer;grid-template-columns:0 38px 1fr;align-items:center;display:grid}.aspect-toggle input{opacity:0;width:0;height:0}.aspect-toggle>span:nth-child(2){background:#cbd5e1;border-radius:999px;width:38px;height:22px;transition:all .2s;position:relative}.aspect-toggle>span:nth-child(2):after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:all .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0f172a33}.aspect-toggle input:checked+span{background:#dae48d}.aspect-toggle input:checked+span:after{transform:translate(16px)}.aspect-toggle>span:last-child{margin-left:10px}.aspect-toggle strong,.aspect-toggle small{display:block}.aspect-toggle strong{color:#334155;font-size:11px}.aspect-toggle small{color:#94a3b8;margin-top:2px;font-size:9px}.resize-output-format select{height:42px;padding:0 10px;font-size:12px}.resize-preset-row{border-top:1px solid #e5edfb;flex-wrap:wrap;align-items:center;gap:7px;padding:15px 20px 19px;display:flex}.resize-preset-row>span{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-right:3px;font-size:10px;font-weight:850}.resize-preset-row button{color:#1a1a1a;cursor:pointer;background:#f3f7e0;border:1px solid #f3f7e0;border-radius:8px;padding:7px 9px;font-size:10px;font-weight:800;transition:all .2s}.resize-preset-row button:hover{background:#f3f7e0;border-color:#cdd97a;transform:translateY(-1px)}.image-resizer-tool .tool-workspace{max-width:900px}.image-resizer-tool .primary-process-button:not(:disabled){background:linear-gradient(135deg,#dae48d,#cdd97a)!important}.image-resizer-tool .resize-settings-panel{box-shadow:none;background:0 0;border:0;position:relative}.image-resizer-tool .resize-settings-panel:before{display:none}.image-resizer-tool .resize-settings-heading{background:0 0;padding:22px 24px 18px}.image-resizer-tool .resize-settings-heading strong{letter-spacing:-.01em;font-size:16px}.image-resizer-tool .resize-settings-heading small{margin-top:4px;font-size:11px}.image-resizer-tool .resize-local-badge{border:1px solid #bbf7d0;border-radius:999px;padding:7px 10px;box-shadow:inset 0 1px #fff}.image-resizer-tool .resize-mode-tabs{background:#f3f7e0;border:1px solid #f3f7e0;border-radius:14px;margin:18px 20px 0;padding:5px}.image-resizer-tool .resize-mode-tabs.three-tabs{grid-template-columns:repeat(3,1fr)}.image-resizer-tool .resize-mode-tabs button{background:0 0;border-color:#0000;min-height:46px}.image-resizer-tool .resize-mode-tabs button:not(.active):hover{color:#fff;background:linear-gradient(135deg,#dae48d,#cdd97a);border-color:#1a1a1a;box-shadow:0 1px 2px #0000000a}.image-resizer-tool .resize-mode-tabs button.active{color:#1a1a1a!important;box-shadow:none!important;background:#dae48d!important;border:0!important;outline:none!important}.image-resizer-tool .resize-dimensions-grid{background:#ffffffd1;border:1px solid #f3f7e0;border-radius:16px;margin:16px 20px 0;padding:19px;box-shadow:inset 0 1px #fff}.image-resizer-tool .resize-dimensions-grid label>span{color:#1e293b;margin-bottom:9px;font-size:12px}.image-resizer-tool .resize-dimensions-grid label>span small{color:#64748b;text-transform:uppercase;letter-spacing:.05em;background:#f1f5f9;border-radius:5px;padding:3px 6px}.image-resizer-tool .resize-dimensions-grid input{color:#0f172a;background:#fff;border-width:2px;border-color:#f3f7e0;border-radius:13px;height:55px;font-size:18px;box-shadow:inset 0 1px 2px #0000000a}.image-resizer-tool .resize-dimensions-grid input::placeholder{color:#a8b5c8}.image-resizer-tool .resize-dimensions-grid input:focus{box-shadow:none;background:#fff;border-color:#e0e0e0;outline:none}.image-resizer-tool .dimension-link{border-width:2px;width:40px;height:40px;margin:0 auto 8px;box-shadow:0 1px 2px #0000000a}.image-resizer-tool .resize-percentage-control{background:#ffffffd1;border:1px solid #f3f7e0;border-radius:16px;margin:16px 20px 0;padding:22px}.resize-target-control{background:#ffffffdb;border:1px solid #f3f7e0;border-radius:16px;grid-template-columns:minmax(220px,.8fr) 1fr;align-items:end;gap:20px;margin:16px 20px 0;padding:21px;display:grid}.resize-target-control label>span{color:#1e293b;margin-bottom:8px;font-size:12px;font-weight:850;display:block}.resize-target-control label>div{background:#fff;border:2px solid #f3f7e0;border-radius:13px;grid-template-columns:1fr 58px;display:grid;overflow:hidden}.resize-target-control input{color:#0f172a;background:0 0;border:0;outline:0;width:100%;height:52px;padding:0 14px;font-size:18px;font-weight:850}.resize-target-control label strong{color:#1a1a1a;background:#f3f7e0;border-left:1px solid #f3f7e0;place-items:center;font-size:12px;display:grid}.resize-target-control p{color:#64748b;margin:0 0 4px;font-size:11px;line-height:1.6}.image-resizer-tool .resize-options-row{background:#fff;border:1px solid #f3f7e0;border-radius:16px;margin:18px 20px 0;padding:18px}.image-resizer-tool .aspect-toggle{border-radius:11px;min-height:50px;padding:8px 10px;transition:all .2s}.image-resizer-tool .aspect-toggle:hover{background:#f5f5f0}.image-resizer-tool .aspect-toggle strong{color:#0f172a;font-size:12px}.image-resizer-tool .aspect-toggle small{font-size:10px}.image-resizer-tool .resize-output-format>span{color:#1e293b;text-transform:uppercase;letter-spacing:.05em;font-size:11px}.image-resizer-tool .resize-output-format select{color:#1a1a1a;cursor:pointer;background-color:#f5f5f0;border-width:2px;border-color:#f3f7e0;border-radius:12px;height:48px;font-size:13px}.image-resizer-tool .resize-preset-row{background:#eff6ffb8;border:1px dashed #aac9fb;border-radius:15px;margin:18px 20px 20px;padding:17px}.image-resizer-tool .resize-preset-row>span{color:#1e293b;width:100%;margin:0 0 5px;font-size:11px}.image-resizer-tool .resize-preset-row button{background:#fff;border-color:#e8efb8;border-radius:9px;min-height:35px;padding:8px 11px;box-shadow:0 1px 2px #0000000a}.image-resizer-tool .resize-preset-row button:hover{color:#fff;background:#dae48d;border-color:#1a1a1a;box-shadow:0 1px 2px #0000000a}.resize-results{background:linear-gradient(145deg,#f5f5f0,#eef6ff);border:1px solid #a7c7f8;border-radius:19px;width:100%;overflow:hidden;box-shadow:0 1px 2px #0000000a}.resize-results-heading{background:#ffffffdb;border-bottom:1px solid #f3f7e0;justify-content:space-between;align-items:center;gap:12px;padding:17px 19px;display:flex}.resize-results-heading>span:first-child{align-items:center;gap:10px;display:flex}.resize-results-heading>span:first-child>svg{color:#fff;background:linear-gradient(135deg,#dae48d,#cdd97a);border-radius:10px;width:36px;height:36px;padding:8px}.resize-results-heading strong,.resize-results-heading small{display:block}.resize-results-heading strong{color:#0f172a;font-size:14px}.resize-results-heading small{color:#64748b;margin-top:2px;font-size:10px}.resize-complete-badge{color:#166534;background:#dcfce7;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:850}.resize-results-list{gap:10px;padding:12px;display:grid}.resize-result-card{background:#fff;border:1px solid #f3f7e0;border-radius:14px;grid-template-columns:minmax(180px,1fr) minmax(350px,1.4fr);align-items:center;gap:16px;padding:14px;display:grid;box-shadow:0 1px 2px #0000000a}.resize-result-file{align-items:center;gap:10px;min-width:0;display:flex}.resize-result-file>svg{color:#1a1a1a;background:#f3f7e0;border:1px solid #e8efb8;border-radius:11px;flex:none;width:40px;height:40px;padding:9px}.resize-result-file span{min-width:0}.resize-result-file strong,.resize-result-file small{display:block}.resize-result-file strong{color:#1e293b;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.resize-result-file small{color:#64748b;margin-top:3px;font-size:9px;font-weight:850}.resize-result-comparison{grid-template-columns:1fr 28px 1fr;align-items:center;gap:8px;display:grid}.resize-result-value{background:#f5f5f0;border:1px solid #e2e8f0;border-radius:11px;padding:10px 12px}.resize-result-value small,.resize-result-value strong,.resize-result-value span{display:block}.resize-result-value small{color:#64748b;text-transform:uppercase;letter-spacing:.06em;font-size:9px;font-weight:850}.resize-result-value strong{color:#334155;margin-top:4px;font-size:14px}.resize-result-value span{color:#64748b;margin-top:3px;font-size:10px}.resize-result-value.after{background:#f3f7e0;border-color:#cdd97a}.resize-result-value.after strong{color:#1a1a1a}.resize-result-arrow{color:#1a1a1a;background:#f3f7e0;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.resize-result-arrow svg{width:14px}.resize-link-sections{gap:48px;max-width:900px;margin:58px auto 0;display:grid}.resize-link-sections section{background:linear-gradient(145deg,#fff,#f5f5f0);border:1px solid #f3f7e0;border-radius:22px;padding:25px;box-shadow:0 1px 2px #0000000a}.resize-links-heading{margin-bottom:19px}.resize-links-heading>span{color:#1a1a1a;text-transform:uppercase;letter-spacing:.08em;background:#f3f7e0;border-radius:7px;padding:5px 8px;font-size:9px;font-weight:900;display:inline-flex}.resize-links-heading h2{color:#0f172a;letter-spacing:-.03em;margin:9px 0 5px;font-size:25px}.resize-links-heading p{color:#64748b;margin:0;font-size:12px}.resize-preset-links{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.resize-preset-links a{color:#334155;background:#fff;border:1px solid #f3f7e0;border-radius:13px;grid-template-columns:34px 1fr 18px;align-items:center;gap:9px;min-height:74px;padding:13px;transition:all .2s;display:grid;box-shadow:0 1px 2px #0000000a}.resize-preset-links a>svg:first-child{color:#1a1a1a;background:#f3f7e0;border-radius:9px;width:34px;height:34px;padding:8px}.resize-preset-links a>svg:last-child{color:#93a4bb;width:15px}.resize-preset-links a strong{white-space:nowrap;font-size:12px}.resize-preset-links a:hover{color:#1a1a1a;background:#f5f5f0;border-color:#cdd97a;transform:translateY(-2px);box-shadow:0 1px 2px #0000000a}.resize-preset-links a:hover>svg:last-child{color:#1a1a1a;transform:translate(2px)}.target-links a:first-child,.dimension-links a:nth-child(3){background:linear-gradient(145deg,#fff,#f3f7e0);border-color:#cdd97a}.resize-link-sections{width:100%;max-width:900px}.resize-link-sections .resize-simple-links{width:100%;max-width:900px;box-shadow:none;box-sizing:border-box;background:0 0;border:0;border-radius:0;margin:0;padding:0;overflow:visible}.resize-link-sections .resize-simple-links>div{width:100%}.image-resizer-tool .resize-target-control{background:linear-gradient(135deg,#fff 0%,#f0f7ff 100%);grid-template-columns:1fr 230px;align-items:center;padding:22px;box-shadow:inset 0 1px #fff,0 1px 2px #0000000a}.resize-target-copy{align-items:center;gap:12px;display:flex}.resize-target-icon{color:#fff;background:linear-gradient(135deg,#dae48d,#cdd97a);border-radius:13px;flex:none;place-items:center;width:46px;height:46px;display:grid;box-shadow:0 1px 2px #0000000a}.resize-target-icon svg{width:21px}.resize-target-copy>span:last-child strong,.resize-target-copy>span:last-child small{display:block}.resize-target-copy>span:last-child strong{color:#0f172a;font-size:14px}.resize-target-copy>span:last-child small{color:#64748b;max-width:360px;margin-top:4px;font-size:10px;line-height:1.55}.resize-target-field>span{color:#1e293b;text-transform:uppercase;letter-spacing:.06em;margin-bottom:7px;font-size:10px;font-weight:850;display:block}.resize-target-field>div{background:#fff;border:2px solid #cdd97a;border-radius:13px;grid-template-columns:1fr 58px;display:grid;overflow:hidden;box-shadow:0 0 0 4px #dae48d3d}.resize-target-field input{height:54px}.resize-target-field>div>strong{color:#fff;background:linear-gradient(135deg,#dae48d,#cdd97a);border-left:0;font-size:13px}.resizer-action-buttons{grid-template-columns:1fr 1fr;gap:13px;width:100%;padding:5px 0;display:grid}.resizer-resize-button,.resizer-download-button{letter-spacing:-.01em;border-radius:15px;justify-content:center;align-items:center;gap:10px;min-height:60px;padding:10px 18px;font-size:15px;font-weight:900;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.resizer-resize-button:before,.resizer-download-button:before{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 20%,#ffffff2e 48%,#0000 75%);transition:transform .55s;position:absolute;inset:0;transform:translate(-120%)}.resizer-resize-button:not(:disabled):hover:before,.resizer-download-button:not(:disabled):hover:before{transform:translate(120%)}.image-resizer-tool .resizer-resize-button:not(:disabled){border:1px solid #1a1a1a;box-shadow:0 1px 2px #0000000a,inset 0 1px #ffffff3d;background:linear-gradient(135deg,#dae48d,#cdd97a)!important}.image-resizer-tool .resizer-resize-button:not(:disabled):hover{transform:translateY(-3px);box-shadow:0 1px 2px #0000000a,inset 0 1px #ffffff47}.resizer-download-button{color:#1a1a1a;cursor:pointer;background:linear-gradient(145deg,#fff,#f3f7e0);border:2px solid #cdd97a;box-shadow:0 1px 2px #0000000a,inset 0 1px #fff}.resizer-download-button:not(:disabled):hover{color:#fff;background:linear-gradient(135deg,#dae48d,#cdd97a);border-color:#1a1a1a;transform:translateY(-3px);box-shadow:0 1px 2px #0000000a}.resizer-download-button:disabled{color:#94a3b8;box-shadow:none;cursor:not-allowed;opacity:.72;background:#f5f5f0;border-color:#dbe3ef}.resizer-button-icon{z-index:1;background:#ffffff2e;border-radius:9px;place-items:center;width:32px;height:32px;display:grid;position:relative}.resizer-download-button .resizer-button-icon{background:#f3f7e0}.resizer-download-button:not(:disabled):hover .resizer-button-icon{background:#ffffff2e}.resizer-button-icon svg{width:17px;height:17px}.resizer-button-arrow{z-index:1;width:17px;margin-left:3px;transition:transform .2s;position:relative}.resizer-resize-button:hover .resizer-button-arrow,.resizer-download-button:not(:disabled):hover .resizer-button-arrow{transform:translate(3px)}.resizer-button-spinner{width:19px;animation:.8s linear infinite compression-spin}.resize-link-sections section{box-shadow:none;background:0 0;border:0;padding:28px;position:relative;overflow:hidden}.resize-link-sections section:before{display:none}.resize-links-heading{align-items:center;gap:14px;display:flex}.resize-links-heading>.resize-links-icon{color:#fff;background:linear-gradient(135deg,#dae48d,#cdd97a);border-radius:14px;flex:none;place-items:center;width:48px;height:48px;padding:0;display:grid;box-shadow:0 1px 2px #0000000a}.dimension-presets-section .resize-links-icon{background:linear-gradient(135deg,#dae48d,#cdd97a)}.resize-links-icon svg{width:22px}.resize-links-heading>div>span{color:#1a1a1a;text-transform:uppercase;letter-spacing:.09em;background:#f3f7e0;border-radius:6px;padding:4px 7px;font-size:8px;font-weight:900;display:inline-flex}.resize-links-heading h2{margin:6px 0 3px}.target-presets-section .resize-preset-links a>svg:first-child{color:#1a1a1a;background:#f3f7e0}.dimension-presets-section .resize-preset-links a>svg:first-child{color:#0284c7;background:#f0f9ff}.resize-link-sections .resize-preset-links a,.resize-link-sections .resize-preset-links a:hover{border:0;box-shadow:0 1px 2px #0000000a}.tool-benefits{grid-template-columns:repeat(3,1fr);gap:12px;max-width:900px;margin:22px auto 0;display:grid}.tool-benefits>div,.tool-benefits>article{background:#fff;border:1px solid #f3f7e0;border-radius:14px;align-items:center;gap:12px;padding:17px 18px;display:flex}.tool-benefits svg{color:#1a1a1a;flex:none;width:22px}.tool-benefits strong,.tool-benefits small{display:block}.tool-benefits strong{color:#1e293b;font-size:14px}.tool-benefits small{color:#718096;margin-top:3px;font-size:12px}.popular-conversions{max-width:900px;margin:55px auto 0}.popular-conversions h2{color:#0f172a;text-align:center;letter-spacing:-.025em;margin:0 0 18px;font-size:25px;font-weight:900;line-height:1.2}.popular-conversions>div{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.popular-conversions a{color:#334155;text-transform:uppercase;background:#fff;border:1px solid #f3f7e0;border-radius:12px;justify-content:space-between;align-items:center;padding:14px 16px;font-size:13px;font-weight:750;display:flex}.popular-conversions a:hover{color:#1a1a1a;background:#f5f5f0;border-color:#cdd97a}.popular-conversions a span{color:#1a1a1a;font-size:17px}@media (max-width:700px){.tool-page-shell{padding:48px 15px 65px}.tool-workspace{padding:16px}.tool-dropzone{min-height:235px;padding:26px 15px!important}.tool-benefits{grid-template-columns:1fr}.popular-conversions>div{grid-template-columns:1fr 1fr}.conversion-control{grid-template-columns:1fr;gap:7px}.uploaded-files-list{grid-template-columns:1fr}.conversion-dashboard-heading{flex-direction:column;align-items:flex-start}.format-pipeline{grid-template-columns:1fr 34px 1fr}.uploaded-panel-title small{display:none}.compression-results-heading{flex-direction:column;align-items:flex-start}.compression-results-meta{justify-content:space-between;width:100%}.compression-result-row{grid-template-columns:minmax(0,1fr) auto 18px auto}.compression-result-name{grid-column:1/-1}.compression-saved{grid-column:1/-1;justify-self:start}.resize-settings-heading{flex-direction:column;align-items:flex-start}.resize-local-badge{align-self:flex-start}.resize-mode-tabs{grid-template-columns:1fr}.resize-dimensions-grid{grid-template-columns:1fr 28px 1fr;padding-left:14px;padding-right:14px}.resize-options-row{grid-template-columns:1fr}.resize-preset-row{padding-left:14px;padding-right:14px}.image-resizer-tool .resize-settings-heading{padding:20px 16px 16px}.image-resizer-tool .resize-mode-tabs,.image-resizer-tool .resize-dimensions-grid,.image-resizer-tool .resize-percentage-control,.image-resizer-tool .resize-options-row,.image-resizer-tool .resize-preset-row{margin-left:12px;margin-right:12px}.image-resizer-tool .resize-dimensions-grid{grid-template-columns:1fr}.image-resizer-tool .dimension-link{margin:0 auto;transform:rotate(90deg)}.resize-results-heading{flex-direction:column;align-items:flex-start}.resize-result-card{grid-template-columns:1fr}.resize-result-comparison{grid-template-columns:1fr 24px 1fr}.resize-result-value{padding:9px}.resize-result-value strong{font-size:12px}.image-resizer-tool .resize-mode-tabs.three-tabs{grid-template-columns:1fr}.resize-target-control{grid-template-columns:1fr;margin-left:12px;margin-right:12px}.resize-link-sections{gap:28px;margin-top:42px}.resize-link-sections section{padding:18px 14px}.resize-preset-links{grid-template-columns:1fr 1fr}.resize-links-heading h2{font-size:21px}}@media (max-width:520px){.resizer-action-buttons{grid-template-columns:1fr}}.image-converter-page{color:#0f172a;background:linear-gradient(#fff 0%,#f5f5f0 42%,#fff 100%)}.image-converter-page .tool-features-section{background:0 0;min-height:0;padding:96px 24px}.image-converter-page .tool-section-heading{text-align:center;max-width:760px;margin-bottom:48px;margin-left:auto;margin-right:auto}.image-converter-page .tool-section-heading h2,.image-converter-page .tool-timeline-section>h2,.image-converter-page .image-conversion-copy h2,.image-converter-page .tool-faq-section h2{color:#0f172a;text-align:center;letter-spacing:-.035em;font-size:clamp(28px,4vw,40px);font-weight:900;line-height:1.15}.image-converter-page .tool-section-heading p,.image-converter-page .tool-timeline-section>p,.image-converter-page .tool-faq-section>div>p{color:#64748b;max-width:680px;margin:14px auto 0;font-size:16px;line-height:1.7}.image-converter-page .tool-feature-grid{gap:18px}.image-converter-page .tool-feature-card{background:linear-gradient(145deg,#fff,#f5f5f0);border:1px solid #f3f7e0;border-radius:19px;min-height:185px;padding:24px;transition:transform .25s,box-shadow .25s,border-color .25s;box-shadow:0 1px 2px #0000000a}.image-converter-page .tool-feature-card:hover{z-index:2;border-color:#cdd97a;transform:translateY(-5px);box-shadow:0 1px 2px #0000000a}.image-converter-page .tool-feature-card .relative.z-10>div:first-child>div:first-child{box-shadow:0 1px 2px #0000000a;color:#fff!important;background:linear-gradient(135deg,#dae48d,#cdd97a)!important}.image-converter-page .affiliate-cloud-section{padding-top:20px;padding-bottom:40px}.image-converter-page .affiliate-cloud-card{border:1px solid #f3f7e0;box-shadow:0 1px 2px #0000000a;background:linear-gradient(145deg,#f3f7e0,#fff)!important}.image-converter-page .affiliate-cloud-card img{border-radius:14px;box-shadow:0 12px 30px #0f172a1f}.image-converter-page .affiliate-cloud-card a.bg-green-600{background:#dae48d}.image-converter-page .affiliate-cloud-card a.bg-green-600:hover{background:#1a1a1a}.image-converter-page .tool-timeline-section{padding-top:var(--ds-section);padding-bottom:var(--ds-section);margin-top:0}.image-converter-page .tool-timeline-card{border-radius:18px;box-shadow:0 1px 2px #0000000a;border:1px solid #f3f7e0!important;border-left:5px solid #dae48d!important}.image-converter-page .tool-timeline-card h3{color:#0f172a;font-weight:850}.image-converter-page .tool-timeline-card p{color:#64748b;line-height:1.65}.image-converter-page .image-conversion-explainer{margin-top:20px;padding:96px 24px;background:linear-gradient(135deg,#f3f7e0,#f5f5f0)!important}.image-converter-page .image-conversion-visual{background:#fff;border:1px solid #e8efb8;border-radius:25px;padding:12px;box-shadow:0 1px 2px #0000000a}.image-converter-page .image-conversion-visual>div{background:linear-gradient(135deg,#e8efb8,#c7d2fe)!important}.image-converter-page .image-conversion-visual img{width:100%;box-shadow:none;border-radius:18px}.image-converter-page .image-conversion-copy h2{text-align:left}.image-converter-page .image-conversion-copy>p{color:#64748b;font-size:15px;line-height:1.75}.image-converter-page .image-conversion-points{gap:10px;display:grid}.image-converter-page .image-conversion-points li{color:#475569;background:#ffffffd1;border:1px solid #f3f7e0;border-radius:12px;align-items:center;margin:0;padding:12px 14px}.image-converter-page .image-conversion-points li svg{flex:none;margin:0;color:#1a1a1a!important}.image-converter-page .tool-blog-section{padding-top:72px;padding-bottom:72px}.image-converter-page .tool-blog-section article{border:1px solid #f3f7e0;border-radius:22px;box-shadow:0 1px 2px #0000000a}.image-converter-page .tool-blog-section h3{color:#0f172a}.image-converter-page .tool-blog-section p{line-height:1.7}.image-converter-page .tool-blog-section a{border-radius:11px;box-shadow:0 1px 2px #0000000a;background:#dae48d!important}.image-converter-page .tool-use-cases-section,.image-converter-page .tool-privacy-section{padding:96px 24px}.image-converter-page .tool-use-cases-section{background:#f5f5f0}.image-converter-page .tool-use-case-grid,.image-converter-page .tool-privacy-grid{gap:16px}.image-converter-page .tool-use-case-card,.image-converter-page .tool-privacy-card{background:#fff;border:1px solid #f3f7e0;border-radius:17px;min-height:145px;margin:0;padding:20px;transition:all .22s;box-shadow:0 1px 2px #0000000a}.image-converter-page .tool-use-case-card:hover,.image-converter-page .tool-privacy-card:hover{border-color:#cdd97a;transform:translateY(-3px);box-shadow:0 1px 2px #0000000a}.image-converter-page .tool-use-case-card>div:first-child,.image-converter-page .tool-privacy-card>div:first-child{flex:none;color:#1a1a1a!important;background:#f3f7e0!important}.image-converter-page .tool-use-case-card svg,.image-converter-page .tool-privacy-card svg{color:#1a1a1a!important}.image-converter-page .tool-use-case-card h3,.image-converter-page .tool-privacy-card h3{color:#0f172a}.image-converter-page .tool-use-case-card p,.image-converter-page .tool-privacy-card p{color:#64748b;line-height:1.6}.image-converter-page .tool-cross-cta{color:#fff;border-radius:24px;padding:72px 24px;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000000a;background:linear-gradient(135deg,#dae48d,#cdd97a)!important}.image-converter-page .tool-cross-cta:before{content:"";background:#ffffff1a;border-radius:50%;width:300px;height:300px;position:absolute;top:-160px;right:-100px}.image-converter-page .tool-cross-cta>div{color:#fff;position:relative}.image-converter-page .tool-cross-cta h2{letter-spacing:-.03em;font-weight:900}.image-converter-page .tool-cross-cta p{color:#f3f7e0}.image-converter-page .tool-cross-cta a{color:#1a1a1a;border-radius:12px;box-shadow:0 10px 25px #0f172a2e}.image-converter-page .tool-why-section{background:#fff;padding:96px 24px}.image-converter-page .tool-why-grid{gap:14px}.image-converter-page .tool-why-card>div:first-child{color:#1a1a1a;background:#f3f7e0;border:0;box-shadow:0 1px 2px #0000000a}.image-converter-page .tool-why-card>div:last-child{background:#f5f5f0;border:1px solid #f3f7e0;border-radius:15px;min-height:170px}.image-converter-page .tool-why-card>div:nth-child(2){border-color:#e8efb8}.image-converter-page .tool-why-card svg{color:#1a1a1a!important}.image-converter-page .tool-faq-section{background:#f5f5f0;padding:96px 24px}.image-converter-page .tool-faq-section>div{max-width:850px}.image-converter-page .tool-faq-section .border-b{background:#fff;border:1px solid #f3f7e0;border-radius:14px;margin-bottom:10px;padding:18px 20px;box-shadow:0 1px 2px #0000000a}.image-converter-page .tool-faq-section button span{color:#0f172a;font-size:16px;font-weight:800}.image-converter-page .tool-faq-section button svg{color:#1a1a1a}.image-converter-page .tool-faq-section .border-b>p{color:#64748b;font-size:14px;line-height:1.7}@media (max-width:700px){.image-converter-page .tool-features-section,.image-converter-page .tool-use-cases-section,.image-converter-page .tool-privacy-section,.image-converter-page .tool-why-section,.image-converter-page .tool-faq-section,.image-converter-page .image-conversion-explainer{padding:65px 16px}.image-converter-page .tool-section-heading{margin-bottom:34px}.image-converter-page .tool-section-heading p,.image-converter-page .tool-timeline-section>p{font-size:14px}.image-converter-page .image-conversion-copy h2{text-align:center}.image-converter-page .tool-cross-cta{border-radius:19px;margin-left:14px;margin-right:14px}.image-converter-page .tool-use-case-card,.image-converter-page .tool-privacy-card{min-height:0}.image-converter-page .tool-blog-section{margin-left:14px;margin-right:14px}}.image-tool-content-page{color:#1a1a1a;background:#f5f5f0}.tool-editorial-content{width:min(1140px,calc(100% - 2*var(--ds-gutter,24px)));max-width:1140px;margin:82px auto 20px}.editorial-introduction{text-align:center;background:#fff;border:0;border-radius:22px;max-width:900px;margin:0 auto 34px;padding:45px 52px;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000000a}.editorial-introduction:before,.editorial-introduction:after{content:"";pointer-events:none;border-radius:50%;position:absolute}.editorial-introduction:before{background:#dae48d3d;width:220px;height:220px;top:-150px;left:-80px}.editorial-introduction:after{background:#38bdf814;width:180px;height:180px;bottom:-125px;right:-95px}.editorial-introduction>*{z-index:1;position:relative}.editorial-eyebrow{color:#1a1a1a;text-transform:uppercase;letter-spacing:.09em;background:#f3f7e0;border:1px solid #e8efb8;border-radius:999px;align-items:center;gap:6px;width:max-content;margin:0 auto 15px;padding:8px 12px;font-size:10px;font-weight:900;display:flex;box-shadow:inset 0 1px #fff}.editorial-eyebrow svg{width:14px}.editorial-introduction h2{color:#0f172a;letter-spacing:-.045em;max-width:720px;margin:0 auto;font-size:clamp(30px,4vw,44px);font-weight:950;line-height:1.1}.editorial-introduction p{color:#64748b;max-width:740px;margin:17px auto 0;font-size:15px;line-height:1.8}.editorial-introduction p:last-child{color:#475569;border-top:1px solid #f3f7e0;max-width:680px;padding-top:15px;font-size:13px}.editorial-card-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.editorial-card{background:#fff;border:1px solid #f3f7e0;border-radius:19px;min-height:220px;padding:26px 24px 24px;transition:transform .22s,box-shadow .22s,border-color .22s;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000000a}.editorial-card:before{content:"";opacity:.85;background:linear-gradient(135deg,#dae48d,#cdd97a);height:4px;position:absolute;inset:0 0 auto}.editorial-card:hover{border-color:#cdd97a;transform:translateY(-4px);box-shadow:0 1px 2px #0000000a}.editorial-card>span{color:#fff;background:linear-gradient(135deg,#dae48d,#cdd97a);border-radius:11px;place-items:center;width:38px;height:38px;font-size:12px;font-weight:900;display:grid;box-shadow:0 1px 2px #0000000a}.editorial-card h3{color:#0f172a;letter-spacing:-.015em;margin:19px 0 9px;font-size:17px;font-weight:900}.editorial-card p{color:#64748b;margin:0;font-size:12px;line-height:1.75}.editorial-reference{margin-top:62px}.editorial-reference-heading{text-align:center;margin-bottom:20px}.editorial-reference-heading>span{color:#1a1a1a;text-transform:uppercase;letter-spacing:.09em;background:#f3f7e0;border-radius:7px;align-items:center;gap:6px;padding:6px 9px;font-size:9px;font-weight:900;display:inline-flex}.editorial-reference-heading>span svg{width:14px}.editorial-reference-heading h2{color:#0f172a;letter-spacing:-.035em;margin:10px 0 0;font-size:29px;font-weight:950}.editorial-table-wrap{background:#fff;border:1px solid #e8efb8;border-radius:19px;overflow-x:auto;box-shadow:0 1px 2px #0000000a}.editorial-table-wrap table{border-collapse:collapse;text-align:left;width:100%}.editorial-table-wrap th,.editorial-table-wrap td{color:#64748b;border-bottom:1px solid #e5edfb;padding:16px 18px;font-size:12px;line-height:1.6}.editorial-table-wrap thead th{color:#fff;text-transform:uppercase;letter-spacing:.08em;background:linear-gradient(135deg,#dae48d,#cdd97a);font-size:9px;font-weight:900}.editorial-table-wrap tbody th{color:#0f172a;background:#f5f5f0;width:18%;font-weight:900}.editorial-table-wrap tbody tr:nth-child(2n) td{background:#fff}.editorial-table-wrap tbody tr:hover>*{background:#f3f7e0}.editorial-table-wrap tbody tr:last-child>*{border-bottom:0}.editorial-checklist{background:linear-gradient(135deg,#0f172a,#1e40af);border-radius:20px;grid-template-columns:1fr 1fr;gap:30px;margin-top:55px;padding:27px;display:grid;box-shadow:0 1px 2px #0000000a}.editorial-checklist>div{align-items:flex-start;gap:13px;display:flex}.editorial-checklist>div>span{color:#fff;background:#ffffff24;border-radius:12px;flex:none;place-items:center;width:42px;height:42px;display:grid}.editorial-checklist>div>span svg{width:20px}.editorial-checklist small{color:#cdd97a;text-transform:uppercase;letter-spacing:.08em;font-size:9px;font-weight:900}.editorial-checklist h2{color:#fff;margin:4px 0 7px;font-size:22px;font-weight:900}.editorial-checklist p{color:#cbd5e1;margin:0;font-size:11px;line-height:1.65}.editorial-checklist ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.editorial-checklist li{color:#e2e8f0;align-items:flex-start;gap:8px;font-size:11px;line-height:1.5;display:flex}.editorial-checklist li svg{color:#c5d06f;flex:none;width:15px}.editorial-transparency-note{color:#475569;background:linear-gradient(135deg,#f3f7e0,#f5f5f0);border:1px solid #e8efb8;border-radius:15px;align-items:flex-start;gap:12px;margin-top:18px;padding:18px 20px;display:flex;box-shadow:0 1px 2px #0000000a}.editorial-transparency-note>svg{color:#fff;background:#dae48d;border-radius:10px;flex:none;width:34px;height:34px;padding:8px}.editorial-transparency-note p{margin:0;font-size:11px;line-height:1.7}.editorial-transparency-note strong{color:#1e293b;font-weight:900}.image-tool-content-page .tool-features-section,.image-tool-content-page .tool-use-cases-section,.image-tool-content-page .tool-privacy-section,.image-tool-content-page .tool-why-section,.image-tool-content-page .tool-faq-section,.image-tool-content-page .tool-timeline-section,.image-converter-page .tool-features-section,.image-converter-page .tool-timeline-section,.image-converter-page .tool-faq-section,.image-converter-page .image-conversion-explainer,.image-flip-page .tool-use-cases-section,.image-flip-page .tool-privacy-section,.image-flip-page .tool-faq-section,.image-flip-explainer{padding:var(--ds-section)0!important;margin-top:0!important;margin-bottom:0!important}.image-tool-content-page .tool-section-heading{text-align:center;max-width:760px;margin-bottom:46px;margin-left:auto;margin-right:auto}.image-tool-content-page .tool-section-heading h2,.image-tool-content-page .tool-timeline-section>h2,.image-tool-content-page .tool-faq-section h2{color:#0f172a;letter-spacing:-.035em;font-size:clamp(28px,4vw,39px);font-weight:900;line-height:1.15}.image-tool-content-page .tool-section-heading p,.image-tool-content-page .tool-timeline-section>p,.image-tool-content-page .tool-faq-section>div>p{color:#64748b;max-width:680px;margin:13px auto 0;font-size:15px;line-height:1.7}.image-tool-content-page .tool-feature-grid{gap:17px}.image-tool-content-page .tool-feature-card{background:#fff;border:0;border-radius:22px;min-height:168px;padding:1.35rem 1.25rem;box-shadow:0 1px 2px #0000000a}.image-tool-content-page .tool-feature-card:hover{border-color:#cdd97a;transform:translateY(-4px);box-shadow:0 1px 2px #0000000a}.image-tool-content-page .tool-feature-card .relative.z-10>div:first-child>div:first-child{color:#fff!important;background:linear-gradient(135deg,#dae48d,#cdd97a)!important}.image-tool-content-page .tool-timeline-section{padding-top:var(--ds-section);padding-bottom:var(--ds-section);margin-top:0}.image-tool-content-page .tool-timeline-card{border-radius:17px;box-shadow:0 1px 2px #0000000a;border:1px solid #f3f7e0!important;border-left:5px solid #dae48d!important}.image-tool-content-page .tool-use-cases-section,.image-tool-content-page .tool-privacy-section,.image-tool-content-page .tool-why-section{padding:var(--ds-section)0}.image-tool-content-page .tool-use-cases-section{background:#f5f5f0}.image-tool-content-page .tool-use-case-grid,.image-tool-content-page .tool-privacy-grid{gap:16px}.image-tool-content-page .tool-use-case-card,.image-tool-content-page .tool-privacy-card{background:#fff;border:0;border-radius:22px;min-height:140px;margin:0;padding:20px;box-shadow:0 1px 2px #0000000a}.image-tool-content-page .tool-use-case-card>div:first-child,.image-tool-content-page .tool-privacy-card>div:first-child{flex:none;color:#1a1a1a!important;background:#f3f7e0!important}.image-tool-content-page .tool-use-case-card svg,.image-tool-content-page .tool-privacy-card svg,.image-tool-content-page .tool-why-card svg{color:#1a1a1a!important}.image-tool-content-page .tool-use-case-card h3,.image-tool-content-page .tool-privacy-card h3{color:#0f172a}.image-tool-content-page .tool-use-case-card p,.image-tool-content-page .tool-privacy-card p{color:#64748b;line-height:1.6}.image-tool-content-page .tool-why-section{background:0 0}.image-tool-content-page .tool-why-card>div:first-child{background:#f3f7e0;border:0;box-shadow:0 1px 2px #0000000a}.image-tool-content-page .tool-why-card>div:last-child{background:#f5f5f0;border:1px solid #f3f7e0;border-radius:14px;min-height:170px}.image-tool-content-page .tool-faq-section{padding:var(--ds-section)0;background:0 0}.image-tool-content-page .tool-faq-section>div{max-width:850px}.image-tool-content-page .tool-faq-section .border-b{background:#fff;border:1px solid #f3f7e0;border-radius:13px;margin-bottom:10px;padding:17px 19px;box-shadow:0 1px 2px #0000000a}.image-tool-content-page .tool-faq-section button span{color:#0f172a;font-size:15px;font-weight:800}.image-tool-content-page .tool-faq-section button svg{color:#1a1a1a}.image-tool-content-page .tool-faq-section .border-b>p{color:#64748b;font-size:13px;line-height:1.7}@media (max-width:760px){.tool-editorial-content{margin-top:58px}.editorial-introduction{border-radius:20px;padding:34px 20px}.editorial-introduction p{font-size:13px}.editorial-card-grid{grid-template-columns:1fr}.editorial-card{min-height:0}.editorial-checklist{grid-template-columns:1fr;padding:22px}.editorial-table-wrap th,.editorial-table-wrap td{min-width:145px;padding:12px}.image-tool-content-page .tool-features-section,.image-tool-content-page .tool-use-cases-section,.image-tool-content-page .tool-privacy-section,.image-tool-content-page .tool-why-section,.image-tool-content-page .tool-faq-section{padding:64px 16px}.image-tool-content-page .tool-section-heading{margin-bottom:34px}.image-tool-content-page .tool-use-case-card,.image-tool-content-page .tool-privacy-card{min-height:0}}@media (max-width:430px){.popular-conversions>div{grid-template-columns:1fr}}.qr-generator-page{color:#0f172a;background:linear-gradient(#f5f5f0 0%,#fff 78%);padding:72px 24px 36px}.qr-generator-heading{text-align:center;max-width:800px;margin:0 auto 34px}.qr-generator-badge{color:#1a1a1a;text-transform:uppercase;letter-spacing:.07em;background:#f3f7e0;border:1px solid #e8efb8;border-radius:999px;align-items:center;gap:7px;width:max-content;margin:0 auto;padding:7px 12px;font-size:11px;font-weight:900;display:flex}.qr-generator-heading h1{color:#0f172a;letter-spacing:-.045em;margin:17px 0 11px;font-size:clamp(38px,5vw,54px);font-weight:950;line-height:1.04}.qr-generator-heading p{color:#64748b;max-width:700px;margin:0 auto;font-size:16px;line-height:1.7}.qr-generator-workspace{background:#fff;border:1px solid #f3f7e0;border-radius:25px;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);max-width:1120px;margin:0 auto;display:grid;overflow:hidden;box-shadow:0 1px 2px #0000000a}.qr-editor-panel,.qr-preview-panel{min-width:0;padding:30px}.qr-editor-panel{background:#fff;flex-direction:column;gap:14px;display:flex}.qr-preview-panel{background:linear-gradient(145deg,#f5f5f0,#f3f7e0);border-left:1px solid #f3f7e0}.qr-editor-panel>.qr-control-group,.qr-editor-panel>.qr-inputs{background:linear-gradient(145deg,#fff,#fff);border:1px solid #e2e8f0;border-radius:15px;padding:18px;box-shadow:0 1px 2px #0000000a}.qr-control-group>label,.qr-inputs label{color:#0f172a;text-transform:uppercase;letter-spacing:.065em;margin-bottom:11px;font-size:12px;font-weight:900;display:block}.qr-type-row{grid-template-columns:1fr 145px;gap:10px;display:grid}.qr-segmented-control{background:#f5f5f0;border:1px solid #f3f7e0;border-radius:12px;grid-template-columns:repeat(2,1fr);gap:4px;padding:4px;display:grid}.qr-segmented-control.four{grid-template-columns:repeat(4,1fr)}.qr-segmented-control button,.qr-style-options button{color:#64748b;cursor:pointer;background:0 0;border:0;font-size:12px;font-weight:800;transition:all .18s}.qr-segmented-control button{border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:36px;display:flex}.qr-segmented-control button.active,.qr-style-options button.active{color:#1a1a1a;box-shadow:none;background:#dae48d;border:0;outline:none}.qr-generator-page select{color:#334155;background:#fff;border:1px solid #f3f7e0;border-radius:11px;outline:0;width:100%;min-height:46px;padding:0 12px;font-size:12px;font-weight:700}.qr-generator-page select:focus,.qr-inputs input:focus,.qr-color-control div:focus-within{box-shadow:none;border-color:#e0e0e0;outline:none}.qr-inputs{gap:17px;display:grid}.qr-inputs>div{padding-block:3px}.qr-inputs input,.qr-inputs select{color:#0f172a;background:#fff;width:100%;min-height:48px;box-shadow:none!important;border:1px solid #f3f7e0!important;border-radius:11px!important;margin:0!important;padding:0 14px!important}.qr-vcard-fields{grid-template-columns:1fr 1fr;gap:17px 13px;display:grid}.qr-vcard-fields>div{min-width:0}.qr-vcard-fields .qr-vcard-wide{grid-column:1/-1}.qr-vcard-fields label{margin-bottom:8px}.qr-vcard-fields input{margin:0!important}.qr-type-dropdown{width:100%;position:relative}.qr-type-dropdown-button{color:#334155;cursor:pointer;background:linear-gradient(145deg,#fff,#f5f5f0);border:1px solid #f3f7e0;border-radius:11px;justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:46px;padding:0 12px;font-size:12px;font-weight:800;transition:all .18s;display:flex;box-shadow:0 1px 2px #0000000a}.qr-type-dropdown-button:hover,.qr-type-dropdown-button[data-open]{color:#1a1a1a;border-color:#cdd97a;box-shadow:0 0 0 3px #dae48d3d}.qr-type-dropdown-button>span{align-items:center;gap:7px;min-width:0;display:flex}.qr-type-dropdown-button>span>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.qr-type-chevron{flex:none;transition:transform .18s}.qr-type-dropdown-button[data-open] .qr-type-chevron{transform:rotate(180deg)}.qr-type-menu{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffffa;border:1px solid #e8efb8;border-radius:16px;outline:0;width:min(470px,100vw - 28px);padding:11px;overflow:hidden;box-shadow:0 1px 2px #0000000a}.qr-type-menu-heading{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:6px 7px 11px;display:flex}.qr-type-menu-heading span{color:#0f172a;text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:900}.qr-type-menu-heading small{color:#94a3b8;font-size:9px}.qr-type-menu-grid{grid-template-columns:1fr 1fr;gap:5px;padding-top:9px;display:grid}.qr-type-option{color:#475569;cursor:pointer;border-radius:9px;grid-template-columns:28px minmax(0,1fr) 16px;align-items:center;gap:7px;min-height:41px;padding:8px 9px;font-size:11px;font-weight:750;transition:all .15s;display:grid}.qr-type-option>svg:first-child{color:#1a1a1a;background:#f3f7e0;border-radius:8px;width:28px;height:28px;padding:6px}.qr-type-option[data-focus]{color:#1a1a1a;background:#f3f7e0;transform:translate(2px)}.qr-type-option[data-selected]{color:#fff;background:linear-gradient(135deg,#dae48d,#cdd97a);box-shadow:0 1px 2px #0000000a}.qr-type-option[data-selected]>svg:first-child{color:#fff;background:#ffffff2b}.qr-option-check{opacity:0;width:15px}.qr-type-option[data-selected] .qr-option-check{opacity:1}.qr-color-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.qr-color-control>span,.qr-field-label{color:#64748b;text-transform:none;letter-spacing:0;margin-bottom:7px;font-size:11px;font-weight:750;display:block}.qr-color-control>div{background:#fff;border:1px solid #f3f7e0;border-radius:11px;align-items:center;gap:9px;height:46px;padding:5px 10px;display:flex}.qr-color-control input[type=color]{cursor:pointer;border:0;border-radius:7px;width:28px;height:28px;padding:0;overflow:hidden}.qr-color-control input:not([type=color]){color:#334155;background:0 0;border:0;outline:0;width:100%;min-width:0;font-family:monospace;font-size:12px}.qr-style-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.qr-style-options.compact{grid-template-columns:repeat(3,minmax(0,118px))}.qr-style-options button{text-align:left;background:#fff;border:1px solid #f3f7e0;border-radius:9px;justify-content:flex-start;align-items:center;gap:8px;min-height:43px;padding:7px 9px;line-height:1.15;display:flex}.qr-style-options button:hover{color:#1a1a1a;border-color:#cdd97a;transform:translateY(-1px)}.qr-style-options button.active{color:#fff;border-color:#0000}.qr-style-options+.qr-field-label{margin-top:17px}.qr-dot-sample{background:currentColor;flex:none;width:15px;height:15px;display:block}.qr-dot-sample.dots{border-radius:50%;transform:scale(.72)}.qr-dot-sample.rounded{border-radius:4px}.qr-dot-sample.extra-rounded{border-radius:7px}.qr-dot-sample.classy{border-radius:7px 1px}.qr-dot-sample.classy-rounded{border-radius:7px 2px;transform:rotate(12deg)}.qr-corner-sample{background:currentColor;border:4px solid;flex:none;width:17px;height:17px;display:block;box-shadow:inset 0 0 0 2px #fff}.qr-corner-sample.dot{border-radius:50%}.qr-corner-sample.round{border-radius:5px}.qr-style-options button.active .qr-corner-sample{box-shadow:inset 0 0 0 2px #4055e8}.qr-preview-title{color:#0f172a;text-transform:uppercase;letter-spacing:.055em;border-bottom:1px solid #f3f7e0;justify-content:space-between;align-items:center;gap:10px;padding-bottom:15px;font-size:12px;font-weight:900;display:flex}.qr-preview-title>span:last-child{color:#64748b;text-transform:none;letter-spacing:0;align-items:center;gap:5px;font-size:9px;font-weight:700;display:flex}.qr-live-dot{background:#22c55e;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #22c55e21}.qr-canvas-wrap{aspect-ratio:1;background:#fff;border:1px solid #f3f7e0;border-radius:20px;place-items:center;width:min(100%,330px);margin:22px auto 26px;padding:19px;display:grid;box-shadow:0 1px 2px #0000000a}.qr-canvas-wrap canvas{border-radius:5px;width:100%;height:auto;display:block}.qr-download-settings{grid-template-columns:1.45fr .8fr;align-items:end;gap:12px;display:grid}.qr-format-control{background:#ffffffc7;min-height:52px;padding:5px}.qr-format-control button{flex-direction:column;gap:2px;min-width:0;min-height:40px}.qr-format-control button svg{opacity:.75;width:13px;height:13px}.qr-format-control button span{font-size:10px}.qr-format-control button.active svg{opacity:1}.qr-size-dropdown{width:100%;position:relative}.qr-size-dropdown-button{color:#334155;cursor:pointer;background:#ffffffe0;border:1px solid #f3f7e0;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:52px;padding:7px 10px;transition:all .18s;display:flex;box-shadow:0 1px 2px #0000000a}.qr-size-dropdown-button:hover,.qr-size-dropdown-button[data-open]{color:#1a1a1a;border-color:#c5d06f;box-shadow:0 0 0 3px #dae48d3d}.qr-size-dropdown-button>span{align-items:center;gap:8px;min-width:0;display:flex}.qr-size-dropdown-button>span>svg{color:#1a1a1a;flex:none;width:17px}.qr-size-dropdown-button>span>span{text-align:left;min-width:0}.qr-size-dropdown-button strong,.qr-size-dropdown-button small{white-space:nowrap;display:block}.qr-size-dropdown-button strong{color:#0f172a;font-size:11px}.qr-size-dropdown-button small{color:#94a3b8;margin-top:1px;font-size:8px}.qr-size-dropdown-button>svg{width:15px;transition:transform .18s}.qr-size-dropdown-button[data-open]>svg{transform:rotate(180deg)}.qr-size-menu{z-index:101;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffffa;border:1px solid #e8efb8;border-radius:14px;outline:0;width:210px;padding:9px;box-shadow:0 1px 2px #0000000a}.qr-size-menu-heading{color:#0f172a;text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid #e2e8f0;padding:5px 7px 9px;font-size:9px;font-weight:900}.qr-size-option{color:#475569;cursor:pointer;border-radius:9px;justify-content:space-between;align-items:center;min-height:45px;margin-top:4px;padding:7px 9px;transition:all .15s;display:flex}.qr-size-option strong,.qr-size-option small{display:block}.qr-size-option strong{color:inherit;font-size:12px}.qr-size-option small{color:#94a3b8;margin-top:2px;font-size:8px}.qr-size-option>svg{opacity:0;width:15px}.qr-size-option[data-focus]{color:#1a1a1a;background:#f3f7e0}.qr-size-option[data-selected]{color:#fff;background:linear-gradient(135deg,#dae48d,#cdd97a);box-shadow:0 1px 2px #0000000a}.qr-size-option[data-selected] small{color:#f3f7e0}.qr-size-option[data-selected]>svg{opacity:1}.qr-download-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#dae48d,#cdd97a);border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:51px;margin-top:18px;font-size:14px;font-weight:900;transition:all .2s;display:flex;box-shadow:0 1px 2px #0000000a}.qr-download-button:hover{transform:translateY(-2px);box-shadow:0 1px 2px #0000000a}.qr-ready-note{color:#64748b;justify-content:center;align-items:center;gap:5px;margin:12px 0 0;font-size:10px;display:flex}.qr-ready-note svg{color:#22c55e}.qr-benefits{grid-template-columns:repeat(4,1fr);gap:10px;max-width:1050px;margin:18px auto 0;display:grid}.qr-benefits>div{background:#fff;border:1px solid #f3f7e0;border-radius:13px;align-items:center;gap:10px;padding:14px;display:flex;box-shadow:0 1px 2px #0000000a}.qr-benefits svg{color:#1a1a1a;flex:none;width:20px}.qr-benefits strong,.qr-benefits small{display:block}.qr-benefits strong{color:#1e293b;text-transform:capitalize;font-size:11px}.qr-benefits small{color:#7c8da6;margin-top:2px;font-size:9px}@media (max-width:860px){.qr-generator-workspace{grid-template-columns:1fr;max-width:650px}.qr-preview-panel{border-top:1px solid #f3f7e0;border-left:0}.qr-benefits{grid-template-columns:1fr 1fr;max-width:650px}}@media (max-width:560px){.qr-generator-page{padding:48px 14px 28px}.qr-generator-heading p{font-size:14px}.qr-editor-panel,.qr-preview-panel{padding:16px}.qr-editor-panel>.qr-control-group,.qr-editor-panel>.qr-inputs{padding:15px}.qr-type-row,.qr-color-grid,.qr-download-settings,.qr-vcard-fields{grid-template-columns:1fr}.qr-vcard-fields .qr-vcard-wide{grid-column:auto}.qr-segmented-control.four,.qr-style-options{grid-template-columns:1fr 1fr}.qr-style-options.compact{grid-template-columns:repeat(3,1fr)}.qr-style-options button{min-width:0}.qr-type-menu-grid{grid-template-columns:1fr}.qr-type-menu{max-height:72vh;overflow-y:auto}.qr-benefits{grid-template-columns:1fr}.qr-generator-workspace{border-radius:19px}.qr-canvas-wrap{padding:14px}}.barcode-generator-page,.bulk-barcode-page{color:#0f172a;background:linear-gradient(#f5f5f0 0%,#fff 78%);padding:72px 24px 38px}.barcode-page-heading{text-align:center;max-width:810px;margin:0 auto 34px}.barcode-page-badge{color:#1a1a1a;text-transform:uppercase;letter-spacing:.07em;background:#f3f7e0;border:1px solid #e8efb8;border-radius:999px;align-items:center;gap:7px;width:max-content;margin:0 auto;padding:7px 12px;font-size:11px;font-weight:900;display:flex}.barcode-page-badge svg{width:14px}.barcode-page-heading h1{color:#0f172a;letter-spacing:-.045em;margin:17px 0 11px;font-size:clamp(36px,5vw,53px);font-weight:950;line-height:1.04}.barcode-page-heading p{color:#64748b;max-width:710px;margin:0 auto;font-size:16px;line-height:1.7}.barcode-workspace{background:#fff;border:1px solid #f3f7e0;border-radius:25px;grid-template-columns:minmax(0,1.08fr) minmax(400px,.92fr);max-width:1120px;margin:0 auto;display:grid;overflow:hidden;box-shadow:0 1px 2px #0000000a}.barcode-editor-panel,.barcode-preview-panel{min-width:0;padding:30px}.barcode-editor-panel{flex-direction:column;gap:14px;display:flex}.barcode-preview-panel{background:linear-gradient(145deg,#f5f5f0,#f3f7e0);border-left:1px solid #f3f7e0}.barcode-setting-card{background:linear-gradient(145deg,#fff,#fff);border:1px solid #e2e8f0;border-radius:15px;padding:18px;box-shadow:0 1px 2px #0000000a}.barcode-setting-card>label:first-child,.barcode-export-label{color:#0f172a;text-transform:uppercase;letter-spacing:.065em;margin-bottom:11px;font-size:12px;font-weight:900;display:block}.barcode-setting-card>input{color:#0f172a;background:#fff;border:1px solid #f3f7e0;border-radius:11px;outline:0;width:100%;min-height:49px;padding:0 14px}.barcode-setting-card>input:focus{box-shadow:none;border-color:#e0e0e0;outline:none}.barcode-setting-card>input.has-error{border-color:#fca5a5}.barcode-input-note{color:#16a34a;align-items:center;gap:5px;min-height:18px;margin-top:8px;font-size:9px;display:flex}.barcode-input-note svg{width:13px}.barcode-input-note.error{color:#dc2626}.barcode-number-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.barcode-number-grid label>span,.barcode-color-grid label>span{color:#64748b;margin-bottom:7px;font-size:10px;font-weight:750;display:block}.barcode-number-grid input{color:#0f172a;background:#fff;border:1px solid #f3f7e0;border-radius:10px;outline:0;width:100%;min-height:43px;padding:0 11px}.barcode-number-grid input:focus{box-shadow:none;border-color:#e0e0e0;outline:none}.barcode-color-grid{grid-template-columns:1fr 1fr;gap:11px;display:grid}.barcode-color-grid label>div{background:#fff;border:1px solid #f3f7e0;border-radius:10px;align-items:center;gap:8px;height:45px;padding:5px 9px;display:flex}.barcode-color-grid input[type=color]{cursor:pointer;background:0 0;border:0;width:28px;height:28px;padding:0}.barcode-color-grid input:not([type=color]){color:#475569;background:0 0;border:0;outline:0;width:100%;min-width:0;font-family:monospace;font-size:11px}.barcode-check-row{cursor:pointer;align-items:center;gap:9px;text-transform:none!important;letter-spacing:0!important;margin:15px 0 0!important;display:flex!important}.barcode-check-row input{accent-color:#1a1a1a;width:17px;height:17px}.barcode-check-row strong,.barcode-check-row small{display:block}.barcode-check-row strong{color:#334155;font-size:11px}.barcode-check-row small{color:#94a3b8;margin-top:2px;font-size:9px;font-weight:600}.barcode-preview-title{color:#0f172a;text-transform:uppercase;letter-spacing:.055em;border-bottom:1px solid #f3f7e0;justify-content:space-between;padding-bottom:15px;font-size:12px;font-weight:900;display:flex}.barcode-preview-title>span:last-child{color:#64748b;text-transform:none;letter-spacing:0;align-items:center;gap:5px;font-size:9px;font-weight:700;display:flex}.barcode-preview-title i{background:#22c55e;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #22c55e21}.barcode-preview-canvas{background:#fff;border:1px solid #f3f7e0;border-radius:20px;justify-content:center;align-items:center;min-height:300px;margin:22px 0 25px;padding:22px;display:flex;overflow:auto;box-shadow:0 1px 2px #0000000a}.barcode-preview-canvas svg{max-width:100%;height:auto}.barcode-export-formats{background:#fffc;border:1px solid #f3f7e0;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:5px;padding:5px;display:grid}.barcode-export-formats button{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:48px;font-size:10px;font-weight:850;display:flex}.barcode-export-formats svg{width:14px}.barcode-export-formats button.active{color:#1a1a1a;box-shadow:none;background:#dae48d;border:0;outline:none}.barcode-download-button,.bulk-primary-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#dae48d,#cdd97a);border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:51px;margin-top:17px;font-size:14px;font-weight:900;transition:all .2s;display:flex;box-shadow:0 1px 2px #0000000a}.barcode-download-button:hover,.bulk-primary-button:hover{transform:translateY(-2px);box-shadow:0 1px 2px #0000000a}.barcode-download-button svg{width:18px}.barcode-ready{color:#64748b;justify-content:center;align-items:center;gap:5px;margin:11px 0 0;font-size:9px;display:flex}.barcode-ready svg{color:#22c55e;width:14px}.barcode-benefits{grid-template-columns:repeat(3,1fr);gap:10px;max-width:1120px;margin:18px auto 0;display:grid}.barcode-benefits>div{background:#fff;border:1px solid #f3f7e0;border-radius:13px;align-items:center;gap:10px;padding:14px;display:flex}.barcode-benefits svg{color:#1a1a1a;flex:none;width:20px}.barcode-benefits strong,.barcode-benefits small{display:block}.barcode-benefits strong{color:#1e293b;font-size:11px}.barcode-benefits small{color:#7c8da6;margin-top:2px;font-size:9px}.barcode-type-dropdown{width:100%;position:relative}.barcode-type-button{color:#334155;cursor:pointer;background:#fff;border:1px solid #f3f7e0;border-radius:11px;justify-content:space-between;align-items:center;gap:9px;width:100%;min-height:54px;padding:8px 12px;transition:all .18s;display:flex}.barcode-type-button:hover,.barcode-type-button[data-open]{border-color:#c5d06f;box-shadow:0 0 0 3px #dae48d3d}.barcode-type-button>span{align-items:center;gap:9px;min-width:0;display:flex}.barcode-type-button>span>svg{color:#1a1a1a;background:#f3f7e0;border-radius:8px;width:30px;height:30px;padding:7px}.barcode-type-button strong,.barcode-type-button small{text-align:left;display:block}.barcode-type-button strong{color:#0f172a;font-size:12px}.barcode-type-button small{color:#94a3b8;margin-top:2px;font-size:9px}.barcode-type-button>svg{width:16px;transition:transform .18s}.barcode-type-button[data-open]>svg{transform:rotate(180deg)}.barcode-type-menu{z-index:110;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffffa;border:1px solid #e8efb8;border-radius:16px;outline:0;width:min(520px,100vw - 28px);padding:11px;box-shadow:0 1px 2px #0000000a}.barcode-type-menu-heading{border-bottom:1px solid #e2e8f0;justify-content:space-between;padding:6px 7px 11px;display:flex}.barcode-type-menu-heading span{color:#0f172a;text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:900}.barcode-type-menu-heading small{color:#94a3b8;font-size:9px}.barcode-type-grid{grid-template-columns:1fr 1fr;gap:5px;padding-top:9px;display:grid}.barcode-type-option{color:#475569;cursor:pointer;border-radius:9px;grid-template-columns:30px minmax(0,1fr) 15px;align-items:center;gap:8px;min-height:50px;padding:7px 9px;display:grid}.barcode-type-option>svg:first-child{color:#1a1a1a;background:#f3f7e0;border-radius:8px;width:30px;height:30px;padding:7px}.barcode-type-option strong,.barcode-type-option small{display:block}.barcode-type-option strong{font-size:11px}.barcode-type-option small{color:#94a3b8;margin-top:2px;font-size:8px}.barcode-type-option[data-focus]{color:#1a1a1a;background:#f3f7e0}.barcode-type-option[data-selected]{color:#fff;background:linear-gradient(135deg,#dae48d,#cdd97a)}.barcode-type-option[data-selected]>svg:first-child{color:#fff;background:#ffffff29}.barcode-type-option[data-selected] small{color:#f3f7e0}.barcode-type-check{opacity:0;width:14px}.barcode-type-option[data-selected] .barcode-type-check{opacity:1}@media (max-width:880px){.barcode-workspace{grid-template-columns:1fr;max-width:680px}.barcode-preview-panel{border-top:1px solid #f3f7e0;border-left:0}.barcode-benefits{max-width:680px}}@media (max-width:560px){.barcode-generator-page,.bulk-barcode-page{padding:48px 14px 30px}.barcode-editor-panel,.barcode-preview-panel{padding:16px}.barcode-number-grid,.barcode-color-grid,.barcode-type-grid{grid-template-columns:1fr}.barcode-type-menu{max-height:72vh;overflow-y:auto}.barcode-benefits{grid-template-columns:1fr}.barcode-preview-canvas{min-height:230px;padding:14px}}.bulk-workspace{background:#fff;border:1px solid #f3f7e0;border-radius:25px;grid-template-columns:1fr 1fr;gap:0;max-width:1120px;margin:0 auto;display:grid;overflow:hidden;box-shadow:0 1px 2px #0000000a}.bulk-source-panel,.bulk-settings-panel{min-width:0;padding:30px}.bulk-settings-panel{background:linear-gradient(145deg,#f5f5f0,#f3f7e0);border-left:1px solid #f3f7e0}.bulk-panel-heading{align-items:center;gap:11px;margin-bottom:19px;display:flex}.bulk-panel-heading>span{color:#fff;background:linear-gradient(135deg,#dae48d,#cdd97a);border-radius:11px;place-items:center;width:39px;height:39px;display:grid;box-shadow:0 1px 2px #0000000a}.bulk-panel-heading svg{width:19px}.bulk-panel-heading strong,.bulk-panel-heading small{display:block}.bulk-panel-heading strong{color:#0f172a;font-size:14px}.bulk-panel-heading small{color:#94a3b8;margin-top:3px;font-size:9px}.bulk-upload-zone{color:#0f172a;text-align:center;cursor:pointer;background:#f5f5f0;border:2px dashed #cdd97a;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:170px;padding:24px;transition:all .2s;display:flex}.bulk-upload-zone:hover{background:#f3f7e0;border-color:#1a1a1a;transform:translateY(-2px)}.bulk-upload-zone>svg{color:#1a1a1a;background:#f3f7e0;border-radius:12px;width:42px;height:42px;padding:10px}.bulk-upload-zone strong{margin-top:11px;font-size:12px}.bulk-upload-zone small{color:#94a3b8;margin-top:4px;font-size:9px}.bulk-upload-zone span{color:#fff;background:#dae48d;border-radius:8px;margin-top:12px;padding:7px 11px;font-size:9px;font-weight:850}.bulk-file-name{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;align-items:center;gap:7px;margin-top:9px;padding:9px 11px;font-size:10px;display:flex}.bulk-file-name>svg{width:14px}.bulk-file-name span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.bulk-file-name button{color:#64748b;cursor:pointer;background:0 0;border:0}.bulk-file-name button svg{width:14px}.bulk-textarea-heading{justify-content:space-between;align-items:center;margin:20px 0 8px;display:flex}.bulk-textarea-heading label,.bulk-setting-card>label{color:#0f172a;text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:900}.bulk-textarea-heading span{color:#1a1a1a;background:#f3f7e0;border-radius:7px;padding:4px 7px;font-size:9px;font-weight:800}.bulk-textarea-heading span.over{color:#dc2626;background:#fef2f2}.bulk-source-panel textarea{resize:vertical;color:#0f172a;background:#fff;border:1px solid #f3f7e0;border-radius:13px;outline:0;width:100%;min-height:205px;padding:14px;font-family:monospace;font-size:11px;line-height:1.7}.bulk-source-panel textarea:focus{box-shadow:none;border-color:#e0e0e0;outline:none}.bulk-settings-panel{flex-direction:column;gap:13px;display:flex}.bulk-settings-panel>.bulk-panel-heading{margin-bottom:5px}.bulk-setting-card{background:#ffffffc7;border:1px solid #f3f7e0;border-radius:14px;padding:16px}.bulk-setting-card>label{margin-bottom:10px;display:block}.bulk-dimension-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.bulk-dimension-grid label>span{color:#64748b;margin-bottom:6px;font-size:9px;font-weight:750;display:block}.bulk-dimension-grid input{color:#0f172a;background:#fff;border:1px solid #f3f7e0;border-radius:10px;outline:0;width:100%;min-height:43px;padding:0 11px}.bulk-actions{grid-template-columns:1.35fr .65fr;gap:9px;display:grid}.bulk-actions .bulk-primary-button{margin:0}.bulk-primary-button svg,.bulk-reset-button svg{width:17px}.bulk-reset-button{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:12px;justify-content:center;align-items:center;gap:7px;min-height:51px;font-size:11px;font-weight:850;display:flex}.bulk-reset-button:hover{color:#1a1a1a;background:#f3f7e0;border-color:#cdd97a}.bulk-results{background:#fff;border:1px solid #f3f7e0;border-radius:22px;max-width:1120px;margin:24px auto 0;padding:28px;box-shadow:0 1px 2px #0000000a}.bulk-results-heading{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.bulk-results-heading span{color:#1a1a1a;text-transform:uppercase;letter-spacing:.08em;font-size:9px;font-weight:900}.bulk-results-heading h2{color:#0f172a;letter-spacing:-.03em;margin:5px 0 4px;font-size:25px;font-weight:950}.bulk-results-heading p{color:#64748b;margin:0;font-size:10px}.bulk-results-heading button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#16a34a,#059669);border:0;border-radius:10px;align-items:center;gap:7px;min-height:43px;padding:0 15px;font-size:10px;font-weight:850;display:flex;box-shadow:0 8px 18px #16a34a33}.bulk-results-heading button svg{width:16px}.bulk-result-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.bulk-result-grid article{background:#f5f5f0;border:1px solid #f3f7e0;border-radius:13px;grid-template-columns:28px minmax(0,1fr);gap:10px;min-width:0;min-height:125px;padding:13px;display:grid}.bulk-result-grid article.error{background:#fff7f7;border-color:#fecaca}.bulk-result-number{color:#1a1a1a;background:#f3f7e0;border-radius:8px;place-items:center;width:28px;height:28px;font-size:9px;font-weight:900;display:grid}.bulk-result-preview{background:#fff;border-radius:8px;justify-content:center;align-items:center;min-width:0;display:flex;overflow:auto}.bulk-result-preview svg{max-width:100%;height:auto}.bulk-result-error{color:#dc2626;flex-direction:column;justify-content:center;display:flex}.bulk-result-error>svg{width:20px;margin-bottom:6px}.bulk-result-error strong{color:#7f1d1d;font-size:11px}.bulk-result-error small{margin-top:4px;font-size:9px;line-height:1.4}.bulk-private-note{color:#64748b;justify-content:center;align-items:center;gap:6px;margin:17px 0 0;font-size:9px;display:flex}.bulk-private-note svg{color:#22c55e;width:14px}@media (max-width:880px){.bulk-workspace{grid-template-columns:1fr;max-width:680px}.bulk-settings-panel{border-top:1px solid #f3f7e0;border-left:0}.bulk-results{max-width:680px}.bulk-result-grid{grid-template-columns:1fr}}@media (max-width:560px){.bulk-source-panel,.bulk-settings-panel{padding:16px}.bulk-dimension-grid,.bulk-actions{grid-template-columns:1fr}.bulk-results{padding:16px}.bulk-results-heading{flex-direction:column;align-items:flex-start}.bulk-results-heading button{justify-content:center;width:100%}.bulk-result-grid article{grid-template-columns:24px minmax(0,1fr);padding:9px}}.text-html-tool-page,.svg-code-tool-page{color:var(--ds-text,#1a1a1a);background:0 0;padding:72px 0 86px}.utility-tool-heading{width:min(100% - 2*var(--ds-gutter,24px),var(--ds-content,1140px));text-align:center;max-width:720px;margin:0 auto 34px;padding-inline:0}.utility-tool-heading h1{color:var(--ds-text,#1a1a1a);letter-spacing:-.03em;margin:0 0 12px;font-size:clamp(1.85rem,4vw,2.75rem);font-weight:800;line-height:1.2}.utility-tool-heading p{max-width:560px;color:var(--ds-muted,#6b6b6b);margin:0 auto;font-size:1.05rem;font-weight:500;line-height:1.55}.utility-panel-heading{align-items:center;gap:11px;margin-bottom:20px;display:flex}.utility-panel-heading>span{color:#fff;background:linear-gradient(135deg,#dae48d,#cdd97a);border-radius:11px;flex:none;place-items:center;width:40px;height:40px;display:grid;box-shadow:0 1px 2px #0000000a}.utility-panel-heading>span svg{width:19px}.utility-panel-heading strong,.utility-panel-heading small{display:block}.utility-panel-heading strong{color:#0f172a;font-size:14px}.utility-panel-heading small{color:#94a3b8;margin-top:3px;font-size:9px;line-height:1.4}.utility-field-label{color:#0f172a;text-transform:uppercase;letter-spacing:.06em;margin-bottom:9px;font-size:11px;font-weight:900;display:block}.utility-primary-button{width:100%;min-height:50px;color:var(--ds-ink,#1a1a1a);background:var(--ds-primary,#dae48d);cursor:pointer;border:0;border-radius:13px;justify-content:center;align-items:center;gap:9px;padding:12px 20px;font-size:15px;font-weight:800;transition:all .2s;display:flex;box-shadow:0 4px 14px #dae48d73}.utility-primary-button:not(:disabled):hover{background:var(--ds-primary-hover,#cdd97a);transform:translateY(-2px);box-shadow:0 6px 18px #dae48d73}.utility-primary-button:disabled{color:#94a3b8;box-shadow:none;cursor:not-allowed;background:#e2e8f0}.utility-primary-button svg,.utility-reset-button svg{width:19px}.utility-reset-button{border:1px solid var(--ds-control-border,#cfcfc8);width:100%;min-height:50px;color:var(--ds-text,#1a1a1a);cursor:pointer;background:#fff;border-radius:13px;justify-content:center;align-items:center;gap:9px;padding:12px 20px;font-size:15px;font-weight:700;transition:all .18s;display:flex}.utility-reset-button:hover{color:var(--ds-ink,#1a1a1a);border-color:var(--ds-primary-border,#c5d06f);background:var(--ds-primary-soft,#f3f7e0)}.utility-preview-heading{color:#0f172a;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid #f3f7e0;justify-content:space-between;align-items:center;gap:10px;min-height:36px;padding-bottom:14px;font-size:11px;font-weight:900;display:flex}.utility-preview-heading>span:last-child{color:#64748b;text-transform:none;letter-spacing:0;align-items:center;gap:5px;font-size:8px;font-weight:700;display:flex}.utility-preview-heading i{background:#22c55e;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #22c55e21}.utility-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:390px;padding:30px;display:flex}.utility-empty-state>svg{color:#1a1a1a;background:#f3f7e0;border-radius:18px;width:62px;height:62px;padding:15px;box-shadow:0 1px 2px #0000000a}.utility-empty-state strong{color:#0f172a;margin-top:16px;font-size:14px}.utility-empty-state small{color:#94a3b8;max-width:270px;margin-top:6px;font-size:9px;line-height:1.6}.utility-loading{color:#1a1a1a;align-items:center;gap:7px;margin-top:10px;font-size:9px;font-weight:750;display:flex}.utility-loading span{border:2px solid #e8efb8;border-top-color:#1a1a1a;border-radius:50%;width:13px;height:13px;animation:.7s linear infinite utility-spin}@keyframes utility-spin{to{transform:rotate(360deg)}}.text-html-workspace{width:min(100% - 2*var(--ds-gutter,24px),var(--ds-content,1140px));max-width:var(--ds-content,1140px);border:1px solid var(--ds-border,#e0e0e0);background:#fff;border-radius:22px;grid-template-columns:1fr 1fr;margin:0 auto;display:grid;overflow:hidden;box-shadow:0 1px 2px #0000000a}.text-html-input-panel,.text-html-preview-panel{min-width:0;padding:30px}.text-html-input-panel{background:#fff}.text-html-preview-panel{background:linear-gradient(145deg,#f5f5f0,#f3f7e0);border-left:1px solid #f3f7e0}.text-html-input-panel textarea{resize:vertical;color:#0f172a;background:#fff;border:1px solid #f3f7e0;border-radius:13px;outline:0;width:100%;min-height:220px;padding:15px;font-size:12px;line-height:1.7}.text-html-input-panel textarea:focus{background:#fff;border-color:#c5d06f;box-shadow:0 0 0 3px #dae48d3d}.text-html-divider{color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:10px;margin:18px 0;font-size:8px;font-weight:850;display:flex}.text-html-divider:before,.text-html-divider:after{content:"";background:#e2e8f0;flex:1;height:1px}.text-html-upload{color:#0f172a;cursor:pointer;background:#f5f5f0;border:1px dashed #cdd97a;border-radius:13px;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:76px;padding:12px 13px;transition:all .18s;display:grid}.text-html-upload:hover{background:#f3f7e0;border-color:#1a1a1a}.text-html-upload>svg{color:#1a1a1a;background:#f3f7e0;border-radius:10px;width:36px;height:36px;padding:9px}.text-html-upload strong,.text-html-upload small{display:block}.text-html-upload strong{font-size:10px;line-height:1.35}.text-html-upload small{color:#94a3b8;margin-top:3px;font-size:8px}.text-html-upload b{color:var(--ds-ink,#1a1a1a);background:var(--ds-primary,#dae48d);text-transform:none;letter-spacing:0;border-radius:10px;padding:10px 14px;font-size:13px;font-weight:800}.text-html-actions{grid-template-columns:1.3fr .7fr;gap:9px;margin-top:18px;display:grid}.text-html-preview-panel iframe{background:#fff;border:1px solid #f3f7e0;border-radius:14px;width:100%;min-height:420px;margin-top:18px;box-shadow:0 1px 2px #0000000a}.text-html-preview-footer{color:#64748b;justify-content:center;align-items:center;gap:6px;min-height:37px;margin-top:12px;font-size:8px;display:flex}.text-html-preview-footer svg{color:#22c55e;width:13px}.text-html-preview-footer svg:nth-of-type(2){color:#1a1a1a;margin-left:10px}.svg-code-workspace{width:min(100% - 2*var(--ds-gutter,24px),var(--ds-content,1140px));max-width:var(--ds-content,1140px);border:1px solid var(--ds-border,#e0e0e0);background:#fff;border-radius:22px;grid-template-columns:1fr 1fr;margin:0 auto;display:grid;overflow:hidden;box-shadow:0 1px 2px #0000000a}.svg-code-settings-panel,.svg-code-output-panel{min-width:0;box-shadow:none;border-radius:0;padding:30px}.svg-code-settings-panel{background:#fff;border:0}.svg-code-output-panel{background:linear-gradient(145deg,#f5f5f0,#f3f7e0);border:0;border-left:1px solid #f3f7e0}.svg-upload-zone{color:#0f172a;text-align:center;cursor:pointer;background:#f5f5f0;border:2px dashed #cdd97a;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:190px;padding:24px;transition:all .2s;display:flex}.svg-upload-zone:hover{background:#f3f7e0;border-color:#1a1a1a;transform:translateY(-2px)}.svg-upload-zone>svg{color:#1a1a1a;background:#f3f7e0;border-radius:12px;width:43px;height:43px;padding:10px}.svg-upload-zone strong{margin-top:11px;font-size:12px}.svg-upload-zone small{color:#94a3b8;max-width:260px;margin-top:5px;font-size:9px;line-height:1.5}.svg-upload-zone span{color:var(--ds-ink,#1a1a1a);box-shadow:none;text-underline-offset:.2em;text-transform:none;letter-spacing:0;background:0 0;border:0;border-radius:0;margin-top:10px;padding:0;font-size:.95rem;font-weight:700;text-decoration:underline}.svg-options-card{background:#fff;border:1px solid #f3f7e0;border-radius:14px;margin-top:14px;padding:16px}.svg-options-heading{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.svg-options-heading span{color:#0f172a;text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:900}.svg-options-heading small{color:#94a3b8;font-size:8px}.svg-options-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.svg-option{color:#475569;cursor:pointer;background:#fff;border:1px solid #f3f7e0;border-radius:9px;align-items:center;min-height:40px;padding:8px 9px;font-size:9px;font-weight:750;display:flex}.svg-option input{opacity:0;pointer-events:none;position:absolute}.svg-option>span{align-items:center;gap:7px;display:flex}.svg-option i{background:#cbd5e1;border-radius:999px;width:24px;height:14px;transition:all .18s;display:block;position:relative}.svg-option i:after{content:"";background:#fff;border-radius:50%;width:10px;height:10px;transition:all .18s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0f172a40}.svg-option:has(input:checked){color:#1a1a1a;background:#f3f7e0;border-color:#cdd97a}.svg-option:has(input:checked) i{background:#dae48d}.svg-option:has(input:checked) i:after{left:12px}.svg-reset-button{width:100%;margin-top:12px}.svg-private-note{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:11px;align-items:center;gap:8px;margin-top:13px;padding:11px;display:flex}.svg-private-note>svg{width:17px}.svg-private-note strong,.svg-private-note small{display:block}.svg-private-note strong{font-size:9px}.svg-private-note small{color:#65a30d;margin-top:2px;font-size:7px}.svg-code-output-panel pre{width:100%;min-height:420px;max-height:500px;color:var(--ds-text,#1a1a1a);background:#fff;border:1px solid #f3f7e0;border-radius:14px;margin:18px 0 0;padding:18px;overflow:auto;box-shadow:0 1px 2px #0000000a}.svg-code-output-panel code{color:inherit;white-space:pre-wrap;word-break:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.7;display:block}.svg-code-stats{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:11px;display:grid}.svg-code-stats span{text-align:center;background:#fff;border:1px solid #f3f7e0;border-radius:9px;padding:9px}.svg-code-stats b,.svg-code-stats small{display:block}.svg-code-stats b{color:#0f172a;font-size:11px}.svg-code-stats small{color:#94a3b8;margin-top:2px;font-size:7px}.svg-output-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:11px;display:grid}.svg-output-actions button{border:1px solid var(--ds-control-border,#cfcfc8);min-height:50px;color:var(--ds-text,#1a1a1a);cursor:pointer;background:#fff;border-radius:13px;justify-content:center;align-items:center;gap:9px;padding:12px 20px;font-size:15px;font-weight:700;display:flex}.svg-output-actions button:last-child{color:var(--ds-ink,#1a1a1a);background:var(--ds-primary,#dae48d);border:0;font-weight:800;box-shadow:0 4px 14px #dae48d73}.svg-output-actions svg{width:19px}.svg-output-footer{color:#64748b;justify-content:center;align-items:center;gap:6px;min-height:37px;margin-top:12px;font-size:8px;display:flex}.svg-output-footer svg{color:#22c55e;width:13px}.image-flip-tool-page{background:0 0}.image-flip-workspace{max-width:none}.image-flip-workspace .tool-dropzone{align-self:stretch;width:100%}.image-flip-workspace .tool-dropzone>.browse-button{min-width:0}.image-flip-page :where(a,button,[role=button]):focus-visible{outline-offset:3px;outline:3px solid #c5d06f}.image-flip-workspace .tool-dropzone:focus-visible{box-shadow:0 0 0 5px #60a5fa3d;background:#f3f7e0!important;border-color:#1a1a1a!important}.flip-preview-stage{background:linear-gradient(145deg,#f5f5f0,#f3f7e0);border:1px solid #f3f7e0;border-radius:18px;justify-content:center;align-items:center;width:100%;min-height:320px;padding:22px;display:flex;position:relative;overflow:hidden}.flip-preview-image{border:1px solid #e8efb8;border-radius:13px;max-width:100%;max-height:480px;transition:transform .25s;box-shadow:0 1px 2px #0000000a}.flip-reset-button{color:#dc2626;cursor:pointer;background:#fff;border:1px solid #fecaca;border-radius:10px;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:12px;right:12px;box-shadow:0 7px 17px #dc26261a}.flip-controls-card{background:#fff;border:1px solid #f3f7e0;border-radius:16px;gap:10px;width:100%;padding:18px;display:grid}.flip-control-group{border:0;min-width:0;margin:0;padding:0}.flip-control-label{color:#0f172a;text-transform:uppercase;letter-spacing:.06em;margin-top:3px;padding:0;font-size:10px;font-weight:900;display:block}.flip-direction-control,.flip-format-control{gap:7px;margin-top:9px;display:grid}.flip-direction-control{grid-template-columns:1fr 1fr}.flip-format-control{grid-template-columns:repeat(4,1fr)}.flip-direction-control button,.flip-format-control button{color:#64748b;cursor:pointer;background:#f5f5f0;border:1px solid #f3f7e0;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:43px;font-size:10px;font-weight:850;display:flex}.flip-direction-control button.active,.flip-format-control button.active{color:#1a1a1a;box-shadow:none;background:#dae48d;border:0;outline:none}.flip-download-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#dae48d,#cdd97a);border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:50px;font-size:11px;font-weight:900;display:flex;box-shadow:0 1px 2px #0000000a}.flip-download-button:disabled{opacity:.55;cursor:wait}.image-flip-page .tool-timeline-section{margin-top:0;padding-top:88px;padding-bottom:80px}.image-flip-explainer{background:linear-gradient(145deg,#f3f7e0 0%,#f5f5f0 55%,#f3f7e0 100%);padding:96px 24px;overflow:hidden}.image-flip-explainer-inner{max-width:1120px;margin:0 auto}.image-flip-explainer-grid{grid-template-columns:minmax(0,1fr) minmax(0,.95fr);align-items:center;gap:clamp(40px,7vw,82px);display:grid}.image-flip-explainer-visual{background:#ffffffc7;border:1px solid #e8efb8;border-radius:26px;justify-content:center;align-items:center;min-height:390px;padding:28px;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000000a}.image-flip-explainer-visual:before,.image-flip-explainer-visual:after{content:"";filter:blur(45px);opacity:.65;background:#e8efb8;border-radius:999px;width:150px;height:150px;position:absolute}.image-flip-explainer-visual:before{top:-45px;right:-30px}.image-flip-explainer-visual:after{background:#c7d2fe;bottom:-55px;left:-35px}.image-flip-explainer-visual img{z-index:1;border:1px solid #f3f7e0;border-radius:18px;width:100%;height:auto;position:relative;box-shadow:0 1px 2px #0000000a}.image-flip-explainer-copy h2{color:#0f172a;letter-spacing:-.035em;margin:0;font-size:clamp(30px,4vw,42px);font-weight:900;line-height:1.15}.image-flip-explainer-copy>p{color:#475569;margin-top:18px;font-size:16px;line-height:1.75}.image-flip-explainer-points{gap:12px;margin:28px 0 0;padding:0;list-style:none;display:grid}.image-flip-explainer-points li{color:#334155;background:#ffffffd1;border:1px solid #f3f7e0;border-radius:13px;align-items:center;gap:13px;min-height:58px;padding:14px 16px;font-size:14px;line-height:1.55;display:flex}.image-flip-explainer-points svg{flex:none;margin:0;color:#1a1a1a!important}.image-flip-page .tool-use-cases-section{background:#fff}.image-flip-page .tool-privacy-section{background:#f5f5f0}.image-flip-page .tool-faq-section{background:#fff}@media (prefers-reduced-motion:reduce){.image-flip-page *,.image-flip-page :before,.image-flip-page :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:880px){.text-html-workspace,.svg-code-workspace{grid-template-columns:1fr;max-width:680px}.text-html-preview-panel,.svg-code-output-panel{border-top:1px solid #f3f7e0;border-left:0}.image-flip-explainer-grid{grid-template-columns:1fr}.image-flip-explainer-copy{max-width:680px}}@media (max-width:560px){.text-html-tool-page,.svg-code-tool-page{padding:48px 0 30px}.utility-tool-heading p{font-size:.95rem}.text-html-input-panel,.text-html-preview-panel,.svg-code-settings-panel,.svg-code-output-panel{padding:16px}.text-html-actions,.svg-output-actions{grid-template-columns:1fr}.text-html-upload{grid-template-columns:34px minmax(0,1fr)}.text-html-upload b{text-align:center;grid-column:1/-1}.utility-empty-state{min-height:300px}.text-html-preview-panel iframe{min-height:330px}.svg-options-grid{grid-template-columns:1fr}.svg-code-output-panel pre{min-height:320px}.flip-preview-stage{min-height:230px;padding:13px}.flip-direction-control{grid-template-columns:1fr}.flip-format-control{grid-template-columns:1fr 1fr}.image-flip-explainer{padding:64px 16px}.image-flip-explainer-visual{border-radius:19px;min-height:250px;padding:14px}.image-flip-explainer-copy h2,.image-flip-explainer-copy>p{text-align:center}}body{min-width:320px;font-family:var(--font-sans),Arial,sans-serif;color:#0f172a;text-rendering:optimizeLegibility;background:#f5f5f0}::selection{color:#fff;background:#dae48d}:where(a,button,input,select,textarea){transition-property:color,background-color,border-color,box-shadow,transform,opacity;transition-duration:.18s;transition-timing-function:ease}.image-tool-content-page{background:#f5f5f0;overflow:clip}.image-tool-content-page>section,.image-tool-content-page>.tool-editorial-content{scroll-margin-top:88px}.image-tool-content-page .tool-type-section{background:0 0;border-block:0;min-height:0;padding:88px 24px}.image-tool-content-page .tool-type-section>div{max-width:1140px}.image-tool-content-page .tool-type-section>div>.grid{gap:16px}.image-tool-content-page .tool-type-card{background:#fff;border:0;border-radius:22px;min-height:168px;padding:22px;box-shadow:0 1px 2px #0000000a}.image-tool-content-page .tool-type-card:hover{border-color:#cdd97a;box-shadow:0 1px 2px #0000000a}.image-tool-content-page .tool-type-card .h-12.w-12{box-shadow:0 1px 2px #0000000a;color:#fff!important;background:linear-gradient(135deg,#dae48d,#cdd97a)!important}.image-tool-content-page .tool-cross-cta{color:#1a1a1a;border:0;border-radius:22px;width:min(1140px,100% - 32px);margin:72px auto;padding:48px 24px;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000000a;background:#fff!important}.image-tool-content-page .tool-cross-cta:before{content:"";background:#ffffff1f;border-radius:999px;width:260px;height:260px;position:absolute;top:-170px;right:-60px}.image-tool-content-page .tool-cross-cta>div{color:inherit;position:relative}.image-tool-content-page .tool-cross-cta h2{color:#1a1a1a;letter-spacing:-.035em;font-size:clamp(28px,4vw,42px)}.image-tool-content-page .tool-cross-cta p{color:#6b6b6b;max-width:650px;margin:14px auto 28px;font-size:16px;line-height:1.7}.image-tool-content-page .tool-cross-cta a{color:#1a1a1a;border:1px solid #ffffffbf;box-shadow:0 10px 25px #0f172a2e}.image-tool-content-page .tool-cross-cta a:hover{transform:translateY(-2px)}.image-tool-content-page .tool-explainer-section{background:linear-gradient(145deg,#f3f7e0,#f5f5f0 52%,#f3f7e0);padding:96px 24px}.image-tool-content-page .tool-explainer-section>.container{gap:clamp(38px,7vw,82px)}.image-tool-content-page .tool-explainer-visual,.image-tool-content-page .image-conversion-visual{background:#ffffffd1;border:1px solid #e8efb8;border-radius:24px;padding:24px;box-shadow:0 1px 2px #0000000a}.image-tool-content-page .tool-explainer-visual img,.image-tool-content-page .image-conversion-visual img{width:100%;box-shadow:none;border-radius:16px}.image-tool-content-page .tool-explainer-copy h2,.image-tool-content-page .image-conversion-copy h2{color:#0f172a;letter-spacing:-.035em;font-size:clamp(30px,4vw,42px);font-weight:900;line-height:1.15}.image-tool-content-page .tool-explainer-copy>p,.image-tool-content-page .image-conversion-copy>p{color:#475569;font-size:16px;line-height:1.75}.image-tool-content-page .tool-explainer-copy li,.image-tool-content-page .image-conversion-copy li{color:#334155;background:#ffffffd1;border:1px solid #f3f7e0;border-radius:12px;align-items:center;padding:12px 14px}.image-tool-content-page .tool-explainer-copy li svg,.image-tool-content-page .image-conversion-copy li svg{flex:none;margin-top:0;color:#1a1a1a!important}.image-tool-content-page .tool-privacy-section,.image-tool-content-page .tool-faq-section{background:0 0;border-top:0}.content-page{background:#f5f5f0;min-height:70vh}.content-card{color:#475569;background:#fffffff0;border:1px solid #f3f7e0;border-radius:26px;width:min(900px,100%);margin-inline:auto;padding:clamp(28px,5vw,58px);box-shadow:0 1px 2px #0000000a}.content-page-title{letter-spacing:-.045em;margin-bottom:30px;font-size:clamp(36px,6vw,54px);font-weight:900;line-height:1.05;color:#0f172a!important}.content-card p,.content-card li,.content-card address{color:#475569;font-size:15px;line-height:1.75}.content-card h2,.content-card h3{color:#0f172a;letter-spacing:-.02em}.content-feature-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0;list-style:none;display:grid}.content-feature-list li{background:#f5f5f0;border:1px solid #f3f7e0;border-radius:11px;padding:13px 15px}.content-feature-list li:before{content:"✓";color:#1a1a1a;margin-right:9px;font-weight:900}.content-highlight{box-shadow:none;background:linear-gradient(145deg,#f3f7e0,#fff);border:1px solid #e8efb8;border-radius:18px}.legal-page{padding-top:72px;padding-bottom:88px}.legal-card{max-width:940px;overflow:visible}.legal-card>header{margin:0}.legal-sections{gap:18px;margin-top:34px;display:grid}.legal-sections section,.legal-card>section{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:18px 20px}.legal-sections h2,.legal-card>section h2{margin:0 0 8px;font-size:20px}.legal-sections p,.legal-card>section p,.legal-card>section ul{margin-bottom:0}.legal-contact{background:#f3f7e0;border-radius:9px;width:fit-content;margin-top:12px;padding:8px 11px;color:#1a1a1a!important}.site-links-footer{background:#fff;border-color:#e0e0e0}.site-links-footer>div,.site-links-footer .links-footer-shell{width:min(100% - 2*var(--ds-gutter),var(--ds-content));gap:28px 20px;max-width:1140px}.site-links-footer h3{color:#1a1a1a;font-size:13px}.site-links-footer a{color:#6b6b6b;font-size:13px}.site-footer{color:#64748b;background:#fff;border-color:#f3f7e0;padding:28px max(24px,50% - 596px)}.site-footer a,.site-footer button{color:#475569}.utils-page{min-height:70vh;color:var(--ds-text,#1a1a1a);background:0 0}.utils-tool-stage{padding:var(--ds-section,3.25rem)0;background:0 0}.utils-hero{width:min(100% - 2*var(--ds-gutter,24px),var(--ds-content,1140px));text-align:center;max-width:720px;margin:0 auto 34px;padding-inline:0}.utils-hero .tool-page-badge{align-items:center;gap:7px;display:inline-flex}.utils-hero h1{color:var(--ds-text,#1a1a1a);letter-spacing:-.03em;margin:17px 0 12px;font-size:clamp(1.85rem,4vw,2.75rem);font-weight:800;line-height:1.2}.utils-hero>p{max-width:560px;color:var(--ds-muted,#6b6b6b);margin:0 auto;font-size:1.05rem;font-weight:500;line-height:1.55}.utils-workbench{width:min(100% - 2*var(--ds-gutter,24px),var(--ds-content,1140px));max-width:var(--ds-content,1140px);border:1px solid var(--ds-border,#e0e0e0);background:#fff;border-radius:22px;margin:0 auto;padding:1.5rem;box-shadow:0 1px 2px #0000000a}.utils-workbench-bar{color:var(--ds-muted,#6b6b6b);letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;align-items:center;margin:0 0 14px;padding:0;font-size:11px;font-weight:700;display:flex}.utils-workbench-bar span{text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:8px;display:flex}.utils-workbench-bar i{background:#22c55e;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #22c55e1f}.utils-stack{gap:18px;display:grid}.utils-two-column{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px;display:grid}.utils-panel{border:1px solid var(--ds-border,#e0e0e0);background:#fff;border-radius:18px;min-width:0;padding:22px;box-shadow:0 1px 2px #0000000a}.utils-label{color:var(--ds-text,#1a1a1a);margin:0 0 9px;font-size:12px;font-weight:800;display:block}.utils-label:not(:first-child){margin-top:18px}.utils-textarea,.utils-input,.utils-panel select,.utils-panel input[type=number]{border:1px solid var(--ds-control-border,#cfcfc8);width:100%;color:var(--ds-text,#1a1a1a);font:inherit;background:#fff;border-radius:13px;outline:none;transition:border-color .18s,box-shadow .18s}.utils-textarea{resize:vertical;min-height:120px;font-family:var(--font-geist-mono),monospace;padding:14px;font-size:13px;line-height:1.6}.utils-input,.utils-panel select,.utils-panel input[type=number]{height:43px;padding:0 12px}.utils-textarea:focus,.utils-input:focus,.utils-panel select:focus,.utils-panel input[type=number]:focus{border-color:#c5d06f;box-shadow:0 0 0 3px #dae48d3d}.utils-actions{flex-wrap:wrap;gap:10px;margin-top:15px;display:flex}.utils-actions button,.utils-case-buttons button,.utils-tabs button,.utils-file-list button{border:1px solid var(--ds-control-border,#cfcfc8);min-height:50px;color:var(--ds-text,#1a1a1a);cursor:pointer;background:#fff;border-radius:13px;justify-content:center;align-items:center;gap:9px;padding:12px 20px;font-size:15px;font-weight:700;transition:all .18s;display:inline-flex}.utils-actions button:hover,.utils-case-buttons button:hover{border-color:var(--ds-primary-border,#c5d06f);color:var(--ds-ink,#1a1a1a);background:var(--ds-primary-soft,#f3f7e0)}.utils-actions button:disabled,.utils-file-list button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.utils-actions .utils-primary{color:var(--ds-ink,#1a1a1a);background:var(--ds-primary,#dae48d);border:0;font-weight:800;box-shadow:0 4px 14px #dae48d73}.utils-actions .utils-primary:hover{color:var(--ds-ink,#1a1a1a);background:var(--ds-primary-hover,#cdd97a);box-shadow:0 6px 18px #dae48d73}.utils-actions svg{width:19px;height:19px}.utils-centered{justify-content:center}.utils-inline-controls{flex-wrap:wrap;align-items:end;gap:14px;margin-top:13px;display:flex}.utils-inline-controls>label:not(.utils-check){color:#64748b;gap:6px;min-width:150px;font-size:12px;font-weight:700;display:grid}.utils-inline-controls input[type=number]{width:100px}.utils-check{color:#475569;align-items:center;gap:8px;font-size:13px;font-weight:650;display:flex}.utils-check input{accent-color:#1a1a1a;width:16px;height:16px}.utils-error{color:#b91c1c;background:#fef2f2;border-radius:9px;margin:12px 0 0;padding:10px 12px;font-size:12px;line-height:1.5}.utils-note{color:#64748b;align-items:center;gap:7px;margin:14px 0 0;font-size:12px;line-height:1.5;display:flex}.utils-note svg{color:#16a34a;flex:0 0 16px;width:16px}.utils-upload,.utils-dropzone{cursor:pointer;position:relative}.utils-upload{color:#1a1a1a;align-items:center;gap:7px;width:fit-content;margin-top:10px;font-size:12px;font-weight:750;display:flex}.utils-upload svg{width:16px}.utils-upload input,.utils-dropzone input{opacity:0;width:1px;height:1px;position:absolute}.utils-tabs{background:#fff;border:1px solid #f3f7e0;border-radius:12px;width:fit-content;margin:0 auto;padding:4px;display:flex}.utils-tabs button{border:0;min-width:100px}.utils-tabs button.active{color:var(--ds-ink,#1a1a1a);background:var(--ds-primary,#dae48d);font-weight:800}.utils-color-tool{grid-template-columns:280px 1fr;align-items:center;gap:28px;display:grid}.utils-color-preview{border-radius:18px;place-items:center;height:280px;display:grid;box-shadow:inset 0 0 0 1px #0f172a1a}.utils-color-preview input{cursor:pointer;background:#fff;border:5px solid #fff;border-radius:12px;width:52px;height:52px;box-shadow:0 8px 24px #0f172a33}.utils-color-values{gap:8px;margin-top:15px;display:grid}.utils-color-values button,.utils-password-list button{text-align:left;color:#334155;cursor:pointer;background:#f5f5f0;border:1px solid #e2e8f0;border-radius:10px;grid-template-columns:50px 1fr 18px;align-items:center;gap:10px;width:100%;padding:11px 12px;display:grid}.utils-color-values button:hover,.utils-password-list button:hover{border-color:#cdd97a}.utils-color-values small{color:#64748b;font-weight:800}.utils-color-values svg,.utils-password-list svg{color:#1a1a1a;width:15px}.utils-case-buttons{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.utils-range{accent-color:#1a1a1a;width:100%}.utils-option-grid{grid-template-columns:1fr 1fr;gap:13px;margin-top:20px;display:grid}.utils-password-list{gap:9px;display:grid}.utils-password-list button{grid-template-columns:minmax(0,1fr) 18px}.utils-password-list code{overflow-wrap:anywhere;font-size:13px}.utils-empty{color:#94a3b8;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:170px;font-size:13px;display:flex}.utils-empty svg{color:#e8efb8;width:34px;height:34px}.utils-table-wrap{overflow-x:auto}.utils-table{border-collapse:collapse;width:100%;font-size:13px}.utils-table th,.utils-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #e2e8f0;padding:11px 13px}.utils-table th{color:#64748b;text-transform:uppercase;letter-spacing:.06em;font-size:11px}.utils-table .utils-char{font-size:22px}.utils-stats{grid-template-columns:repeat(6,1fr);gap:10px;display:grid}.utils-stats>div{text-align:center;background:#fff;border:1px solid #f3f7e0;border-radius:14px;gap:5px;padding:16px 10px;display:grid}.utils-stats strong{color:#1a1a1a;font-size:21px}.utils-stats span{color:#64748b;font-size:11px;font-weight:700}.utils-keywords{gap:8px;display:grid}.utils-keywords>div:not(.utils-empty){background:#f5f5f0;border-radius:9px;justify-content:space-between;padding:10px 12px;font-size:13px;display:flex}.utils-keywords strong{color:#1a1a1a}.utils-diff-summary{color:#64748b;gap:16px;margin-bottom:12px;font-size:12px;display:flex}.utils-diff-summary span{align-items:center;gap:6px;display:flex}.utils-diff-summary i{border-radius:50%;width:9px;height:9px}.utils-diff-summary i.add{background:#22c55e}.utils-diff-summary i.remove{background:#ef4444}.utils-diff{background:#f5f5f0;border:1px solid #e2e8f0;border-radius:11px;max-height:430px;margin:0;overflow:auto}.utils-diff>span{white-space:pre;min-width:100%;padding:3px 10px;font-size:12px;line-height:1.55;display:block}.utils-diff b{-webkit-user-select:none;user-select:none;width:20px;display:inline-block}.utils-diff .add{color:#166534;background:#dcfce7}.utils-diff .remove{color:#991b1b;background:#fee2e2}.utils-regex-input{color:#64748b;font:18px var(--font-geist-mono),monospace;grid-template-columns:auto 1fr auto 70px;align-items:center;gap:7px;margin-bottom:18px;display:grid}.utils-regex-input input{min-width:0;height:44px;font:14px var(--font-geist-mono),monospace;border:1px solid #cbd5e1;border-radius:9px;outline:none;padding:0 11px}.utils-match-list{gap:8px;max-height:330px;display:grid;overflow:auto}.utils-match-list>div{background:#f3f7e0;border-radius:9px;gap:4px;padding:10px 12px;display:grid}.utils-match-list code{color:#1a1a1a;overflow-wrap:anywhere}.utils-match-list span{color:#64748b;font-size:11px}.utils-dropzone{text-align:center;background:#f5f5f0;border:2px dashed #e8efb8;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:200px;padding:25px;display:flex}.utils-dropzone:hover{background:#f3f7e0;border-color:#c5d06f}.utils-dropzone>svg{color:#1a1a1a;width:38px;height:38px}.utils-dropzone strong{color:#334155;font-size:14px}.utils-dropzone span{color:#64748b;font-size:12px}.utils-file-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.utils-file-list li{border:1px solid #e2e8f0;border-radius:10px;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;padding:11px;display:grid}.utils-file-list li>svg:first-child{color:#1a1a1a}.utils-file-list span{gap:3px;min-width:0;display:grid}.utils-file-list strong{text-overflow:ellipsis;font-size:13px;overflow:hidden}.utils-file-list small{color:#64748b;font-size:11px}.utils-file-list li>svg:last-child{color:#16a34a}.utils-file-list button{width:34px;height:34px;min-height:34px;padding:0}.utils-file-list button svg{width:15px}.utils-assurance{width:min(100% - 2*var(--ds-gutter,24px),var(--ds-content,1140px));max-width:var(--ds-content,1140px);grid-template-columns:repeat(3,1fr);gap:12px;margin:28px auto 0;display:grid}.utils-assurance>div{border:1px solid var(--ds-border,#e0e0e0);background:#fff;border-radius:14px;align-items:center;gap:11px;padding:17px;display:flex;box-shadow:0 1px 2px #0000000a}.utils-assurance>div>svg{color:var(--ds-ink,#1a1a1a);flex:0 0 22px}.utils-assurance span{gap:3px;display:grid}.utils-assurance strong{color:var(--ds-text,#1a1a1a);font-size:12px}.utils-assurance small{color:var(--ds-muted,#6b6b6b);font-size:10px;line-height:1.4}.utility-content{color:var(--ds-text,#1a1a1a);background:0 0}.utility-content>section,.utility-content>aside{width:min(100% - 2*var(--ds-gutter,24px),var(--ds-content,1140px));max-width:var(--ds-content,1140px);padding:var(--ds-section,3rem)0;margin-inline:auto}.utility-section-heading{text-align:center;max-width:720px;margin:0 auto 46px}.utility-section-heading>span,.utility-guide-eyebrow{width:fit-content;color:var(--ds-ink,#1a1a1a);letter-spacing:.11em;text-transform:uppercase;align-items:center;gap:7px;font-size:11px;font-weight:850;display:inline-flex}.utility-section-heading>span{background:var(--ds-primary-soft,#f3f7e0);border-radius:999px;padding:7px 10px}.utility-section-heading svg,.utility-guide-eyebrow svg{width:15px;height:15px}.utility-section-heading h2,.utility-guide-copy h2{color:var(--ds-text,#1a1a1a);letter-spacing:-.03em;margin:13px 0 10px;font-size:clamp(1.75rem,4vw,2.4rem);font-weight:800;line-height:1.2}.utility-section-heading>p{color:var(--ds-muted,#6b6b6b);margin:0;font-size:1.05rem;line-height:1.55}.utility-how-section.professional-steps-section{background:0 0;border-block:0;display:block}.utility-benefit-section{background:0 0}.utility-section-heading.light>span{color:var(--ds-ink,#1a1a1a);background:var(--ds-primary-soft,#f3f7e0)}.utility-section-heading.light h2{color:var(--ds-text,#1a1a1a)}.utility-section-heading.light p{color:var(--ds-muted,#6b6b6b)}.utility-benefit-grid{grid-template-columns:repeat(3,1fr);gap:16px;max-width:none;margin:auto;display:grid}.utility-benefit-grid article{border:1px solid var(--ds-border,#e0e0e0);background:#fff;border-radius:18px;padding:24px;box-shadow:0 1px 2px #0000000a}.utility-benefit-grid article>span{width:44px;height:44px;color:var(--ds-ink,#1a1a1a);background:var(--ds-primary,#dae48d);border-radius:12px;place-items:center;display:grid}.utility-benefit-grid svg{width:20px}.utility-benefit-grid h3{color:var(--ds-text,#1a1a1a);margin:16px 0 8px;font-size:1.05rem;font-weight:800}.utility-benefit-grid p{color:var(--ds-muted,#6b6b6b);margin:0;font-size:.95rem;line-height:1.65}.utility-guide-section{background:0 0;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:center;gap:70px;display:grid}.utility-guide-copy p{color:var(--ds-muted,#6b6b6b);margin:0 0 14px;font-size:15px;line-height:1.78}.utility-tip-card{background:#fff;border:1px solid #f3f7e0;border-radius:22px;padding:28px;box-shadow:0 1px 2px #0000000a}.utility-tip-card>div{align-items:center;gap:13px;display:flex}.utility-tip-card>div>span{width:45px;height:45px;color:var(--ds-ink,#1a1a1a);background:var(--ds-primary,#dae48d);border-radius:13px;place-items:center;display:grid}.utility-tip-card>div svg{width:21px}.utility-tip-card small{color:#1a1a1a;letter-spacing:.09em;text-transform:uppercase;font-size:10px;font-weight:850}.utility-tip-card h3{color:#1e293b;margin:3px 0 0;font-size:18px}.utility-tip-card ul{gap:13px;margin:22px 0 0;padding:0;list-style:none;display:grid}.utility-tip-card li{color:#55667d;align-items:flex-start;gap:9px;font-size:13px;line-height:1.55;display:flex}.utility-tip-card li svg{color:#1a1a1a;flex:0 0 17px;width:17px;margin-top:2px}.utility-usecase-grid{grid-template-columns:1fr 1fr;gap:16px;max-width:none;margin:auto;display:grid}.utility-usecase-grid article{background:#fff;border:1px solid #e2e8f0;border-radius:16px;gap:16px;padding:22px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex}.utility-usecase-grid article:hover{border-color:#cdd97a;transform:translateY(-3px);box-shadow:0 1px 2px #0000000a}.utility-usecase-grid article>span{color:#1a1a1a;background:#f3f7e0;border-radius:10px;flex:0 0 35px;place-items:center;height:35px;font-size:11px;font-weight:850;display:grid}.utility-usecase-grid h3{color:#1e293b;margin:1px 0 6px;font-size:15px}.utility-usecase-grid p{color:#64748b;margin:0;font-size:12px;line-height:1.55}.utility-privacy-callout{border:1px solid var(--ds-border,#e0e0e0);background:#fff;border-radius:22px;align-items:center;gap:20px;max-width:none;margin:0 auto;display:flex;box-shadow:0 1px 2px #0000000a;padding:32px!important}.utility-privacy-callout>span{height:55px;color:var(--ds-ink,#1a1a1a);background:var(--ds-primary,#dae48d);border-radius:16px;flex:0 0 55px;place-items:center;display:grid}.utility-privacy-callout>span svg{width:27px;height:27px}.utility-privacy-callout small{color:var(--ds-ink,#1a1a1a);letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:850}.utility-privacy-callout h2{color:var(--ds-text,#1a1a1a);margin:4px 0 5px;font-size:20px}.utility-privacy-callout p{color:var(--ds-muted,#6b6b6b);margin:0;font-size:13px;line-height:1.6}.utility-related-section{background:0 0}.utility-related-grid{grid-template-columns:repeat(3,1fr);gap:16px;max-width:none;margin:auto;display:grid}.utility-related-grid a{color:#1e293b;background:#fff;border:1px solid #f3f7e0;border-radius:18px;flex-direction:column;min-height:220px;padding:24px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex}.utility-related-grid a:hover{border-color:#c5d06f;transform:translateY(-4px);box-shadow:0 1px 2px #0000000a}.utility-related-grid a>span{color:#1a1a1a;letter-spacing:.09em;text-transform:uppercase;font-size:10px;font-weight:850}.utility-related-grid h3{margin:10px 0 8px;font-size:18px}.utility-related-grid p{color:#64748b;margin:0;font-size:12px;line-height:1.6}.utility-related-grid b{color:#1a1a1a;align-items:center;gap:7px;margin-top:auto;padding-top:18px;font-size:12px;display:flex}.utility-related-grid b svg{width:15px;transition:transform .2s}.utility-related-grid a:hover b svg{transform:translate(4px)}.utility-faq-section{background:0 0}.utility-faq-list{gap:9px;width:100%;max-width:none;margin:0;display:grid}.utility-faq-list details{background:#fff;border:1px solid #f3f7e0;border-radius:14px;overflow:hidden}.utility-faq-list summary{color:#1e293b;cursor:pointer;justify-content:space-between;align-items:center;gap:15px;padding:17px 19px;font-size:14px;font-weight:750;list-style:none;display:flex}.utility-faq-list summary::-webkit-details-marker{display:none}.utility-faq-list summary svg{color:#1a1a1a;flex:0 0 18px;width:18px;transition:transform .2s}.utility-faq-list details[open] summary svg{transform:rotate(180deg)}.utility-faq-list details p{color:#64748b;margin:0;padding:0 19px 18px;font-size:13px;line-height:1.68}@media (max-width:820px){.utils-two-column,.utils-color-tool{grid-template-columns:1fr}.utils-color-preview{height:210px}.utils-stats{grid-template-columns:repeat(3,1fr)}.utils-assurance{grid-template-columns:1fr}.utility-content>section,.utility-content>aside{padding:48px 0}.utils-tool-stage{padding:48px 0 64px}.utility-benefit-grid,.utility-related-grid{grid-template-columns:1fr}.utility-guide-section{grid-template-columns:1fr;gap:35px}.utility-privacy-callout{margin:0 auto}}@media (max-width:520px){.utils-panel{border-radius:16px;padding:17px}.utils-option-grid{grid-template-columns:1fr}.utils-stats{grid-template-columns:repeat(2,1fr)}.utils-actions button{flex:auto}.utils-regex-input{grid-template-columns:auto 1fr auto 48px}.utils-workbench-bar small{display:none}.utility-content>section,.utility-content>aside{padding:40px 0}.utility-usecase-grid{grid-template-columns:1fr}.utility-privacy-callout{align-items:flex-start;margin:0 auto;padding:22px!important}.utility-privacy-callout>span{flex-basis:43px;height:43px}.utility-privacy-callout>span svg{width:21px}}@media (max-width:760px){.image-tool-content-page .tool-type-section,.image-tool-content-page .tool-explainer-section{padding:64px 16px}.image-tool-content-page .tool-cross-cta{border-radius:20px;margin-block:50px;padding:48px 20px}.image-tool-content-page .tool-explainer-visual,.image-tool-content-page .image-conversion-visual{border-radius:19px;padding:14px}.content-page{padding:48px 16px}.content-card{border-radius:20px;padding:26px 20px}.content-feature-list{grid-template-columns:1fr}.legal-sections section,.legal-card>section{padding:15px}}.text-html-features,.svg-features{background:0 0}.text-html-features .tool-feature-grid{gap:16px}.text-html-features .tool-feature-card,.svg-features .tool-feature-card{background:linear-gradient(145deg,#fff,#f5f5f0);border:1px solid #f3f7e0;border-radius:18px;min-height:190px;padding:24px;box-shadow:0 1px 2px #0000000a}.text-html-features .tool-feature-card:hover,.svg-features .tool-feature-card:hover{border-color:#cdd97a;transform:translateY(-4px);box-shadow:0 1px 2px #0000000a}.text-html-features .feature-icon{border-radius:13px;width:48px;height:48px;padding:0;box-shadow:0 1px 2px #0000000a;background:linear-gradient(135deg,#dae48d,#cdd97a)!important}.text-html-features h3,.svg-features h3{color:#0f172a;font-size:17px;font-weight:850}.text-html-features p,.svg-features p{color:#64748b;font-size:14px;line-height:1.7}.text-html-how-to,.svg-how-to{background:0 0;position:relative;overflow:hidden}.text-html-steps{border-color:#e8efb8;border-radius:22px;width:min(760px,100%);box-shadow:0 1px 2px #0000000a}.text-html-steps li{position:relative}.text-html-steps li:not(:last-child):after{content:"";background:#e8efb8;width:1px;height:calc(100% - 34px);position:absolute;top:51px;left:24px}.text-html-steps .step-number{z-index:1;background:linear-gradient(135deg,#dae48d,#cdd97a);position:relative;box-shadow:0 1px 2px #0000000a}.text-html-steps h3{color:#0f172a;font-weight:850}.text-html-steps p{color:#64748b;font-size:14px;line-height:1.7}.text-html-tip{color:#1e40af;background:#f3f7e0;border:1px solid #e8efb8}.text-html-explainer img{border:1px solid #f3f7e0}.svg-how-to{padding:96px 24px}.svg-how-to>div>.grid{gap:18px}.svg-step-card{border-color:#e8efb8;border-radius:20px;min-height:240px;padding:30px;overflow:hidden;box-shadow:0 1px 2px #0000000a}.svg-step-card:hover{border-color:#c5d06f;transform:translateY(-4px);box-shadow:0 1px 2px #0000000a}.svg-step-number{color:#f3f7e0;letter-spacing:-.06em;font-size:44px;top:14px;right:18px}.svg-step-card h3{color:#0f172a;font-size:20px;font-weight:850}.svg-step-card p{color:#64748b;font-size:14px;line-height:1.7}.svg-use-cases{padding:var(--ds-section,3rem)0;background:0 0}.svg-use-cases .ds-content{width:min(100% - 2*var(--ds-gutter,24px),var(--ds-content,1140px));max-width:var(--ds-content,1140px)}.svg-use-case-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.svg-use-case-card{border:1px solid var(--ds-border,#e0e0e0);background:#fff;border-radius:18px;flex-direction:column;gap:16px;min-width:0;padding:22px;transition:border-color .18s,transform .18s;display:flex;box-shadow:0 1px 2px #0000000a}.svg-use-case-card:hover{border-color:var(--ds-primary-border,#c5d06f);transform:translateY(-2px)}.svg-use-case-top{grid-template-columns:44px minmax(0,1fr);align-items:start;gap:14px;display:grid}.svg-use-case-icon{width:44px;height:44px;color:var(--ds-ink,#1a1a1a);background:var(--ds-primary,#dae48d);border-radius:12px;place-items:center;display:grid}.svg-use-case-icon svg{width:20px;height:20px}.svg-use-case-card h3{color:var(--ds-text,#1a1a1a);letter-spacing:-.02em;margin:0;font-size:1.05rem;font-weight:800;line-height:1.3}.svg-use-case-card p{color:var(--ds-muted,#6b6b6b);margin:6px 0 0;font-size:.925rem;line-height:1.6}.svg-use-case-card pre{border:1px solid var(--ds-border,#e0e0e0);color:var(--ds-text,#1a1a1a);background:var(--ds-primary-soft,#f3f7e0);border-radius:12px;margin:0;padding:14px 16px;font-size:.8125rem;line-height:1.55;overflow-x:auto}.svg-use-case-card pre code{white-space:pre-wrap;word-break:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.svg-use-case-card:last-child:nth-child(odd){grid-column:1/-1}@media (max-width:800px){.svg-use-case-grid{grid-template-columns:1fr}.svg-use-case-card:last-child:nth-child(odd){grid-column:auto}}.svg-tips{width:100%;max-width:none;padding:var(--ds-section,3rem)0;box-shadow:none;background:0 0;border:0;border-radius:0;margin:0}.svg-tips .ds-content{width:min(100% - 2*var(--ds-gutter,24px),var(--ds-content,1140px));max-width:var(--ds-content,1140px)}.svg-tips .tool-section-heading h2,.svg-explainer h2{color:var(--ds-text,#1a1a1a);letter-spacing:-.03em;font-size:clamp(1.75rem,4vw,2.4rem);font-weight:800;line-height:1.2}.svg-tips-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.svg-tip-card{border:1px solid var(--ds-border,#e0e0e0);min-height:88px;color:var(--ds-text,#1a1a1a);background:#fff;border-radius:16px;grid-template-columns:36px minmax(0,1fr);align-items:start;gap:12px;padding:18px;font-size:.95rem;line-height:1.55;transition:border-color .18s,transform .18s;display:grid;box-shadow:0 1px 2px #0000000a}.svg-tip-card:hover{border-color:var(--ds-primary-border,#c5d06f);transform:translateY(-2px)}.svg-tip-icon{width:36px;height:36px;color:var(--ds-ink,#1a1a1a);background:var(--ds-primary,#dae48d);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.svg-tip-icon svg{width:18px;height:18px}.svg-tips-grid .svg-tip-card:last-child:nth-child(odd){grid-column:1/-1}@media (max-width:800px){.svg-tips-grid{grid-template-columns:1fr}.svg-tips-grid .svg-tip-card:last-child:nth-child(odd){grid-column:auto}}.svg-explainer{padding:var(--ds-section,3rem)0;background:0 0;border-top:0}.svg-explainer ul{gap:14px}.svg-fact-card{border-color:#f3f7e0;border-radius:16px;min-height:116px;box-shadow:0 1px 2px #0000000a}.svg-fact-card>span{background:linear-gradient(135deg,#dae48d,#cdd97a);box-shadow:0 1px 2px #0000000a}.svg-fact-card p{color:#475569;font-size:14px;line-height:1.65}@media (max-width:700px){.text-html-steps{padding:25px 20px}.text-html-steps li{gap:15px}.svg-how-to,.svg-use-cases,.svg-explainer{padding:64px 16px}.svg-use-cases>div>.flex{grid-template-columns:1fr}.svg-step-card{min-height:0}}.image-tool-content-page .professional-steps-section,.professional-steps-section{width:100%;max-width:none;padding:var(--ds-section,3.25rem)0;background:0 0;border-block:0;margin:0}.professional-steps-inner,.professional-steps-section>.flex,.professional-steps-section>.max-w-6xl{width:min(1160px,100%);margin-inline:auto}.professional-steps-heading{text-align:center;max-width:720px!important;margin:0 auto 44px!important}.image-tool-content-page .professional-steps-heading h2,.professional-steps-heading h2{color:#0f172a;letter-spacing:-.038em;margin:0;font-size:clamp(30px,4vw,42px);font-weight:900;line-height:1.15}.image-tool-content-page .professional-steps-heading p,.professional-steps-heading p{color:#64748b;max-width:640px;margin:13px auto 0;font-size:15px;line-height:1.7}.professional-steps-content{width:min(1160px,100%);box-shadow:none;background:0 0;border:0;border-radius:0;margin-inline:auto;padding:0}.professional-steps-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;width:min(1160px,100%);margin:0 auto;padding:0;list-style:none;display:grid}.professional-step-card,.image-tool-content-page .professional-step-card,.svg-step-card.professional-step-card{background:#fff;border:1px solid #f3f7e0;border-radius:17px;flex-direction:column;align-items:flex-start;min-width:0;min-height:220px;margin:0;padding:24px;display:flex;position:relative;box-shadow:0 1px 2px #0000000a}.professional-step-card:hover,.svg-step-card.professional-step-card:hover{border-color:#cdd97a;transform:translateY(-3px);box-shadow:0 1px 2px #0000000a}.professional-step-meta{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;width:100%;margin-bottom:31px;padding-bottom:15px;display:flex}.professional-step-number,.text-html-steps .professional-step-number{color:#1a1a1a;width:auto;height:auto;box-shadow:none;letter-spacing:-.04em;background:0 0;font-size:22px;font-weight:900;line-height:1;display:inline;position:static}.professional-step-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:850}.professional-step-card h3,.image-tool-content-page .professional-step-card h3,.svg-step-card.professional-step-card h3{color:#0f172a;letter-spacing:-.018em;margin:0 0 10px;font-size:18px;font-weight:850;line-height:1.3}.professional-step-card p,.image-tool-content-page .professional-step-card p,.svg-step-card.professional-step-card p{color:#64748b;margin:0;font-size:13px;line-height:1.7}.professional-step-copy{display:contents}.text-html-steps li:not(:last-child):after{display:none}.professional-steps-content .text-html-tip{width:min(760px,100%);margin-inline:auto}.image-flip-page .professional-steps-section{padding-top:96px;padding-bottom:96px}@media (max-width:760px){.image-tool-content-page .professional-steps-section,.professional-steps-section{padding:64px 16px}.professional-steps-heading{margin-bottom:32px!important}.professional-steps-grid{grid-template-columns:1fr}.professional-step-card,.image-tool-content-page .professional-step-card,.svg-step-card.professional-step-card{min-height:0;padding:21px}.professional-step-meta{margin-bottom:22px}}.image-tool-content-page .tool-type-section{background:#fff;border-block-color:#e2e8f0}.image-tool-content-page .tool-type-section>div>.grid{align-items:stretch;gap:14px}.image-tool-content-page .tool-type-card{border:1px solid #e2e8f0;border-radius:16px;min-height:172px;padding:22px;box-shadow:0 5px 18px #0f172a0b;background:#fff!important}.image-tool-content-page .tool-type-card:after{content:"";opacity:0;background:#dae48d;height:2px;transition:opacity .18s,transform .18s;position:absolute;bottom:0;left:22px;right:22px;transform:scaleX(.65)}.image-tool-content-page .tool-type-card:hover{border-color:#e8efb8;transform:translateY(-3px);box-shadow:0 1px 2px #0000000a}.image-tool-content-page .tool-type-card:hover:after{opacity:1;transform:scaleX(1)}.image-tool-content-page .tool-type-card-inner{gap:17px;height:100%}.image-tool-content-page .tool-type-icon,.image-tool-content-page .tool-type-card .h-12.w-12{border:1px solid #e2e8f0;border-radius:11px;flex:0 0 44px;width:44px;height:44px;color:#1a1a1a!important;box-shadow:none!important;background:#f5f5f0!important}.image-tool-content-page .tool-type-icon svg{width:21px;height:21px}.image-tool-content-page .tool-type-card h3{color:#0f172a;letter-spacing:-.012em;font-size:16px;font-weight:800;line-height:1.3}.image-tool-content-page .tool-type-card p{color:#64748b;margin:0;font-size:13px;line-height:1.65}@media (max-width:640px){.image-tool-content-page .tool-type-card{min-height:0;padding:19px}}.seo-page{color:var(--ds-text,#1a1a1a);background:0 0}.seo-stage{background:0 0;padding:72px 0 86px}.seo-hero{width:min(100% - 2*var(--ds-gutter,24px),var(--ds-content,1140px));text-align:center;max-width:720px;margin:0 auto 34px;padding-inline:0}.seo-hero .tool-page-badge{align-items:center;gap:7px;display:inline-flex}.seo-hero h1{color:var(--ds-text,#1a1a1a);letter-spacing:-.03em;margin:17px 0 12px;font-size:clamp(1.85rem,4vw,2.75rem);font-weight:800;line-height:1.2}.seo-hero>p{max-width:560px;color:var(--ds-muted,#6b6b6b);margin:0 auto;font-size:1.05rem;font-weight:500;line-height:1.55}.seo-workbench{width:min(100% - 2*var(--ds-gutter,24px),var(--ds-content,1140px));max-width:var(--ds-content,1140px);border:1px solid var(--ds-border,#e0e0e0);background:#fff;border-radius:22px;margin:0 auto;padding:1.5rem;box-shadow:0 1px 2px #0000000a}.seo-workbench-bar{color:var(--ds-muted,#6b6b6b);letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;align-items:center;margin:0 0 14px;font-size:11px;font-weight:700;display:flex}.seo-workbench-bar span{align-items:center;gap:8px;display:flex}.seo-workbench-bar i{background:#22c55e;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #22c55e1f}.seo-stack{gap:18px;display:grid}.seo-two{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px;display:grid}.seo-card{border:1px solid var(--ds-border,#e0e0e0);background:#fff;border-radius:18px;min-width:0;padding:22px;box-shadow:0 1px 2px #0000000a}.seo-card>label{color:var(--ds-text,#1a1a1a);margin:0 0 9px;font-size:12px;font-weight:800;display:block}.seo-card>label:not(:first-child){margin-top:18px}.seo-card input:not([type=checkbox]),.seo-card textarea,.seo-card select{border:1px solid var(--ds-control-border,#cfcfc8);width:100%;color:var(--ds-text,#1a1a1a);font:inherit;background:#fff;border-radius:13px;outline:none}.seo-card input:not([type=checkbox]),.seo-card select{height:44px;padding:0 12px}.seo-card textarea{resize:vertical;min-height:120px;font-family:var(--font-geist-mono),monospace;padding:13px;font-size:12px;line-height:1.6}.seo-card input:focus,.seo-card textarea:focus,.seo-card select:focus{border-color:#c5d06f;box-shadow:0 0 0 3px #dae48d21}.seo-url-input{position:relative}.seo-url-input>svg{color:#94a3b8;width:17px;position:absolute;top:13px;left:13px}.seo-url-input input{padding-left:39px!important}.seo-actions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.seo-actions button,.seo-result-head>button{border:1px solid var(--ds-control-border,#cfcfc8);min-height:50px;color:var(--ds-text,#1a1a1a);cursor:pointer;background:#fff;border-radius:13px;justify-content:center;align-items:center;gap:9px;padding:12px 20px;font-size:15px;font-weight:700;transition:all .18s;display:inline-flex}.seo-actions button:hover,.seo-result-head>button:hover{border-color:var(--ds-primary-border,#c5d06f);color:var(--ds-ink,#1a1a1a);background:var(--ds-primary-soft,#f3f7e0)}.seo-actions .seo-primary{color:var(--ds-ink,#1a1a1a);background:var(--ds-primary,#dae48d);border:0;font-weight:800;box-shadow:0 4px 14px #dae48d73}.seo-actions .seo-primary:hover{color:var(--ds-ink,#1a1a1a);background:var(--ds-primary-hover,#cdd97a);box-shadow:0 6px 18px #dae48d73}.seo-actions button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.seo-actions svg,.seo-result-head button svg{width:19px}.seo-spin{animation:.8s linear infinite seo-spin}@keyframes seo-spin{to{transform:rotate(360deg)}}.seo-error{color:#b91c1c;background:#fef2f2;border-radius:9px;align-items:flex-start;gap:8px;margin:13px 0 0;padding:10px 12px;font-size:12px;line-height:1.5;display:flex}.seo-error svg{flex:0 0 16px;width:16px}.seo-divider{color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:10px;margin:17px 0;font-size:10px;display:flex}.seo-divider:before,.seo-divider:after{content:"";background:#e2e8f0;flex:1;height:1px}.seo-result-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.seo-result-head small{color:#1a1a1a;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:800}.seo-result-head h2{color:#1e293b;margin:3px 0 0;font-size:21px;font-weight:850}.seo-segmented{background:#f5f5f0;border:1px solid #f3f7e0;border-radius:10px;padding:3px;display:flex}.seo-segmented button{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:7px 9px;font-size:10px;font-weight:750}.seo-segmented button.active{color:#fff;background:#dae48d}.seo-check{align-items:center;gap:8px;color:#64748b!important;font-size:11px!important;display:flex!important}.seo-check input{accent-color:#1a1a1a;width:15px;height:15px}.seo-table-wrap{border:1px solid #e2e8f0;border-radius:11px;margin-top:14px;overflow:auto}.seo-table-wrap table{border-collapse:collapse;width:100%;font-size:11px}.seo-table-wrap th,.seo-table-wrap td{text-align:left;vertical-align:top;border-bottom:1px solid #e2e8f0;padding:10px 12px}.seo-table-wrap thead th{color:#64748b;text-transform:uppercase;letter-spacing:.07em;background:#f5f5f0;font-size:9px}.seo-table-wrap tbody th{color:#334155;overflow-wrap:anywhere;max-width:430px;font-weight:700}.seo-table-wrap tbody th a{color:#1a1a1a;gap:6px;display:flex}.seo-table-wrap tbody th a svg{flex:0 0 12px;width:12px}.seo-table-wrap td>svg{width:17px}.seo-legend{color:#94a3b8;margin:11px 0 0;font-size:10px;line-height:1.5}.seo-columns{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.seo-columns label,.seo-options>label:not(.seo-check){color:#475569;gap:6px;font-size:11px;font-weight:750;display:grid}.seo-options{grid-template-columns:1fr 1fr auto auto;align-items:end;gap:12px;margin-top:15px;display:grid}.seo-social-preview{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden}.seo-social-preview img,.seo-preview-empty{aspect-ratio:1.91;object-fit:cover;background:#f3f7e0;width:100%}.seo-preview-empty{color:#cdd97a;align-content:center;place-items:center;gap:7px;font-size:11px;display:grid}.seo-preview-empty svg{width:32px}.seo-social-preview>div:last-child{padding:14px}.seo-social-preview strong{color:#0f172a;font-size:15px;display:block}.seo-social-preview p{color:#64748b;margin:5px 0;font-size:11px;line-height:1.5}.seo-social-preview small{color:#94a3b8;text-transform:uppercase}.seo-check-list{gap:8px;display:grid}.seo-check-list>div{background:#f5f5f0;border-radius:9px;grid-template-columns:20px minmax(0,1fr);gap:9px;padding:10px;display:grid}.seo-check-list svg{color:#16a34a;width:17px}.seo-check-list svg.lucide-circle-x{color:#dc2626}.seo-check-list span{gap:2px;min-width:0;display:grid}.seo-check-list strong{font-size:11px}.seo-check-list small{color:#64748b;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.seo-meta-grid{gap:7px;display:grid}.seo-meta-grid>div{background:#f5f5f0;border-radius:8px;grid-template-columns:150px minmax(0,1fr) 26px;align-items:center;gap:10px;padding:10px;font-size:11px;display:grid}.seo-meta-grid code{color:#1a1a1a}.seo-meta-grid span{overflow-wrap:anywhere}.seo-meta-grid button{color:#64748b;cursor:pointer;background:0 0;border:0}.seo-meta-grid button svg{width:14px}.seo-verdict{border-radius:14px;gap:13px;margin-top:23px;padding:20px;display:flex}.seo-verdict.allowed{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.seo-verdict.blocked{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.seo-verdict>svg{flex:0 0 25px;width:25px}.seo-verdict small{text-transform:uppercase;letter-spacing:.08em;font-size:9px;font-weight:800}.seo-verdict h2{margin:2px 0 5px;font-size:20px}.seo-verdict p{margin:0;font-size:11px}.seo-metrics{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.seo-metrics>div{text-align:center;background:#fff;border:1px solid #f3f7e0;border-radius:14px;gap:5px;padding:17px 12px;display:grid}.seo-metrics strong{color:#1a1a1a;text-transform:capitalize;font-size:19px}.seo-metrics span{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:9px;font-weight:750}.seo-status{border-radius:999px;align-items:center;gap:5px;padding:6px 9px;font-size:10px;font-weight:750;display:inline-flex}.seo-status svg{width:13px}.seo-status.good{color:#166534;background:#dcfce7}.seo-status.bad{color:#991b1b;background:#fee2e2}.seo-issues{gap:7px;margin:0 0 14px;padding:0;list-style:none;display:grid}.seo-issues li{color:#9a3412;background:#f3f7e0;border-radius:8px;align-items:flex-start;gap:7px;padding:9px 10px;font-size:10px;display:flex}.seo-issues svg{flex:0 0 14px;width:14px}.seo-chain{gap:8px;display:grid}.seo-chain article{border:1px solid #e2e8f0;border-radius:11px;grid-template-columns:49px minmax(0,1fr) 20px;align-items:center;gap:12px;padding:12px;display:grid}.seo-chain .code{border-radius:9px;place-items:center;height:34px;font-size:11px;font-weight:850;display:grid}.seo-chain .code-2{color:#166534;background:#dcfce7}.seo-chain .code-3{color:#1a1a1a;background:#f3f7e0}.seo-chain .code-4,.seo-chain .code-5{color:#991b1b;background:#fee2e2}.seo-chain article div{gap:3px;min-width:0;display:grid}.seo-chain small{color:#64748b;font-size:9px}.seo-chain strong{color:#334155;text-overflow:ellipsis;font-size:11px;overflow:hidden}.seo-chain p{color:#64748b;overflow-wrap:anywhere;margin:0;font-size:9px}.seo-chain article>svg{color:#1a1a1a;width:16px}.seo-audit-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.seo-audit-grid article{background:#f5f5f0;border:1px solid #e2e8f0;border-radius:11px;align-items:flex-start;gap:10px;padding:14px;display:flex}.seo-audit-grid article>svg{color:#94a3b8;flex:0 0 18px;width:18px}.seo-audit-grid article.good>svg{color:#16a34a}.seo-audit-grid strong{font-size:11px}.seo-audit-grid p{color:#64748b;overflow-wrap:anywhere;margin:4px 0 0;font-size:9px;line-height:1.5}.seo-progress{background:#e2e8f0;border-radius:99px;height:6px;margin-top:14px;overflow:hidden}.seo-progress span{border-radius:inherit;background:#dae48d;height:100%;transition:width .2s;display:block}.seo-yes{color:#16a34a}.seo-no{color:#dc2626}.seo-row-error{color:#dc2626;margin-top:3px;font-weight:400;display:block}.seo-guide{padding:var(--ds-section,3rem)0;background:0 0}.seo-editorial-content{width:min(100% - 2*var(--ds-gutter,24px),var(--ds-content,1140px));margin:0 auto}.seo-reference-editorial{padding:var(--ds-section,3rem)0 0}.seo-guide .ds-content{width:min(100% - 2*var(--ds-gutter,24px),var(--ds-content,1140px));max-width:var(--ds-content,1140px)}.seo-guide-heading{text-align:center;max-width:720px;margin:0 auto 46px}.seo-guide-heading h2{color:var(--ds-text,#1a1a1a);letter-spacing:-.03em;margin:0;font-size:clamp(1.75rem,4vw,2.4rem);font-weight:800;line-height:1.2}.seo-guide-heading p{max-width:640px;color:var(--ds-muted,#6b6b6b);margin:13px auto 0;font-size:1.05rem;line-height:1.55}.seo-guide-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.seo-guide-card{border:1px solid var(--ds-border,#e0e0e0);background:#fff;border-radius:18px;grid-template-columns:44px minmax(0,1fr);align-items:start;gap:14px;min-height:140px;padding:22px;display:grid;box-shadow:0 1px 2px #0000000a}.seo-guide-number{width:44px;height:44px;color:var(--ds-ink,#1a1a1a);background:var(--ds-primary,#dae48d);border-radius:12px;place-items:center;font-size:13px;font-weight:800;display:grid}.seo-guide-card h3{color:var(--ds-text,#1a1a1a);letter-spacing:-.02em;margin:0;font-size:1.05rem;font-weight:800}.seo-guide-card p{color:var(--ds-muted,#6b6b6b);margin:6px 0 0;font-size:.925rem;line-height:1.6}@media (max-width:840px){.seo-stage{padding:48px 0 64px}.seo-two,.seo-columns,.seo-guide-grid{grid-template-columns:1fr}.seo-options,.seo-metrics{grid-template-columns:1fr 1fr}.seo-guide{padding:48px 0}}@media (max-width:540px){.seo-card{border-radius:16px;padding:17px}.seo-workbench-bar small{display:none}.seo-result-head{flex-direction:column;align-items:flex-start}.seo-segmented{width:100%;overflow:auto}.seo-segmented button{white-space:nowrap;flex:1}.seo-options,.seo-audit-grid{grid-template-columns:1fr}.seo-meta-grid>div{grid-template-columns:1fr 25px}.seo-meta-grid code{grid-column:1/-1}.seo-actions button{flex:1}.seo-guide{padding:48px 0}}body{min-width:320px;font-family:var(--font-sans),Arial,sans-serif}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{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-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}