/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-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-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-violet-300:oklch(81.1% .111 293.571);--color-violet-400:oklch(70.2% .183 293.541);--color-violet-500:oklch(60.6% .25 292.717);--color-zinc-100:oklch(96.7% .001 286.375);--color-zinc-200:oklch(92% .004 286.32);--color-zinc-400:oklch(70.5% .015 286.067);--color-zinc-500:oklch(55.2% .016 285.938);--color-zinc-700:oklch(37% .013 285.805);--color-zinc-800:oklch(27.4% .006 286.033);--color-zinc-900:oklch(21% .006 285.885);--color-zinc-950:oklch(14.1% .005 285.823);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--container-7xl:80rem;--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-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--radius-xl:.75rem;--radius-2xl:1rem;--blur-xl:24px;--blur-3xl:64px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){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;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:where(:not(iframe)){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{.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.-top-24{top:calc(var(--spacing) * -24)}.-right-16{right:calc(var(--spacing) * -16)}.-right-20{right:calc(var(--spacing) * -20)}.-bottom-20{bottom:calc(var(--spacing) * -20)}.-bottom-32{bottom:calc(var(--spacing) * -32)}.left-\[18\%\]{left:18%}.z-10{z-index:10}.z-\[100\]{z-index:100}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-1{margin-top:var(--spacing)}.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-7{margin-top:calc(var(--spacing) * 7)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-8{height:calc(var(--spacing) * 8)}.h-28{height:calc(var(--spacing) * 28)}.h-36{height:calc(var(--spacing) * 36)}.h-44{height:calc(var(--spacing) * 44)}.h-64{height:calc(var(--spacing) * 64)}.h-72{height:calc(var(--spacing) * 72)}.h-80{height:calc(var(--spacing) * 80)}.min-h-4{min-height:calc(var(--spacing) * 4)}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-12{min-height:calc(var(--spacing) * 12)}.min-h-\[132px\]{min-height:132px}.min-h-\[360px\]{min-height:360px}.min-h-\[470px\]{min-height:470px}.min-h-\[calc\(100vh-8rem\)\]{min-height:calc(100vh - 8rem)}.min-h-screen{min-height:100vh}.w-8{width:calc(var(--spacing) * 8)}.w-64{width:calc(var(--spacing) * 64)}.w-72{width:calc(var(--spacing) * 72)}.w-80{width:calc(var(--spacing) * 80)}.w-\[22rem\]{width:22rem}.w-full{width:100%}.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-7xl{max-width:var(--container-7xl)}.max-w-\[7ch\]{max-width:7ch}.max-w-\[92vw\]{max-width:92vw}.max-w-md{max-width:var(--container-md)}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:0}.flex-shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-\[5\.5rem_minmax\(0\,1fr\)\]{grid-template-columns:5.5rem minmax(0,1fr)}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--spacing)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-10{gap:calc(var(--spacing) * 10)}.gap-12{gap:calc(var(--spacing) * 12)}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[1\.35rem\]{border-radius:1.35rem}.rounded-\[2rem\]{border-radius:2rem}.rounded-\[22px\]{border-radius:22px}.rounded-full{border-radius:2147483647px}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-\[\#2a2d35\]{border-color:#2a2d35}.border-black\/10{border-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.border-black\/10{border-color:color-mix(in oklab, var(--color-black) 10%, transparent)}}.border-violet-400\/20{border-color:#a685ff33}@supports (color:color-mix(in lab, red, red)){.border-violet-400\/20{border-color:color-mix(in oklab, var(--color-violet-400) 20%, transparent)}}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.border-white\/10{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.border-white\/15{border-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.border-white\/15{border-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.border-white\/20{border-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.border-zinc-700{border-color:var(--color-zinc-700)}.border-zinc-800{border-color:var(--color-zinc-800)}.bg-\[\#8b6cff\]{background-color:#8b6cff}.bg-\[\#42b883\]{background-color:#42b883}.bg-\[\#56d8e8\]{background-color:#56d8e8}.bg-\[\#181a20\]{background-color:#181a20}.bg-\[\#101116\]{background-color:#101116}.bg-\[\#171717\]{background-color:#171717}.bg-\[\#171717\]\/95{background-color:oklab(20.4627% -3.72529e-8 1.49012e-8/.95)}.bg-\[\#d7ff4f\]{background-color:#d7ff4f}.bg-\[\#ff7aa8\]{background-color:#ff7aa8}.bg-\[\#ffca58\]{background-color:#ffca58}.bg-violet-400\/10{background-color:#a685ff1a}@supports (color:color-mix(in lab, red, red)){.bg-violet-400\/10{background-color:color-mix(in oklab, var(--color-violet-400) 10%, transparent)}}.bg-violet-500{background-color:var(--color-violet-500)}.bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.bg-white\/5{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.bg-white\/45{background-color:#ffffff73}@supports (color:color-mix(in lab, red, red)){.bg-white\/45{background-color:color-mix(in oklab, var(--color-white) 45%, transparent)}}.bg-white\/60{background-color:#fff9}@supports (color:color-mix(in lab, red, red)){.bg-white\/60{background-color:color-mix(in oklab, var(--color-white) 60%, transparent)}}.bg-zinc-900\/70{background-color:#18181bb3}@supports (color:color-mix(in lab, red, red)){.bg-zinc-900\/70{background-color:color-mix(in oklab, var(--color-zinc-900) 70%, transparent)}}.bg-zinc-950{background-color:var(--color-zinc-950)}.bg-\[conic-gradient\(\#ff7aa8\,\#ffca58\,\#d7ff4f\,\#56d8e8\,\#8b6cff\,\#ff7aa8\)\]{background-image:conic-gradient(#ff7aa8,#ffca58,#d7ff4f,#56d8e8,#8b6cff,#ff7aa8)}.p-3{padding:calc(var(--spacing) * 3)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.px-1{padding-inline:var(--spacing)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-1{padding-block:var(--spacing)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-16{padding-block:calc(var(--spacing) * 16)}.pt-0\.5{padding-top:calc(var(--spacing) * .5)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-10{padding-top:calc(var(--spacing) * 10)}.pt-12{padding-top:calc(var(--spacing) * 12)}.pb-20{padding-bottom:calc(var(--spacing) * 20)}.pb-24{padding-bottom:calc(var(--spacing) * 24)}.text-left{text-align:left}.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-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--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))}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[clamp\(4\.4rem\,14vw\,9rem\)\]{font-size:clamp(4.4rem,14vw,9rem)}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.leading-\[\.82\]{--tw-leading:.82;line-height:.82}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.tracking-\[-\.03em\]{--tw-tracking:-.03em;letter-spacing:-.03em}.tracking-\[-\.05em\]{--tw-tracking:-.05em;letter-spacing:-.05em}.tracking-\[-\.08em\]{--tw-tracking:-.08em;letter-spacing:-.08em}.tracking-\[-\.035em\]{--tw-tracking:-.035em;letter-spacing:-.035em}.tracking-\[-\.055em\]{--tw-tracking:-.055em;letter-spacing:-.055em}.tracking-\[\.12em\]{--tw-tracking:.12em;letter-spacing:.12em}.tracking-\[\.14em\]{--tw-tracking:.14em;letter-spacing:.14em}.tracking-\[\.16em\]{--tw-tracking:.16em;letter-spacing:.16em}.tracking-\[\.18em\]{--tw-tracking:.18em;letter-spacing:.18em}.text-wrap{text-wrap:wrap}.break-all{word-break:break-all}.whitespace-normal{white-space:normal}.text-\[\#42b883\]{color:#42b883}.text-\[\#86efac\]{color:#86efac}.text-\[\#07140f\]{color:#07140f}.text-\[\#171717\]{color:#171717}.text-\[\#a9adb7\]{color:#a9adb7}.text-\[\#d7ff4f\]{color:#d7ff4f}.text-\[\#f3f0eb\]{color:#f3f0eb}.text-\[var\(--chromble-accent-text\)\]{color:var(--chromble-accent-text)}.text-black\/35{color:#00000059}@supports (color:color-mix(in lab, red, red)){.text-black\/35{color:color-mix(in oklab, var(--color-black) 35%, transparent)}}.text-black\/40{color:#0006}@supports (color:color-mix(in lab, red, red)){.text-black\/40{color:color-mix(in oklab, var(--color-black) 40%, transparent)}}.text-black\/50{color:#00000080}@supports (color:color-mix(in lab, red, red)){.text-black\/50{color:color-mix(in oklab, var(--color-black) 50%, transparent)}}.text-black\/60{color:#0009}@supports (color:color-mix(in lab, red, red)){.text-black\/60{color:color-mix(in oklab, var(--color-black) 60%, transparent)}}.text-black\/65{color:#000000a6}@supports (color:color-mix(in lab, red, red)){.text-black\/65{color:color-mix(in oklab, var(--color-black) 65%, transparent)}}.text-violet-300{color:var(--color-violet-300)}.text-white{color:var(--color-white)}.text-white\/28{color:#ffffff47}@supports (color:color-mix(in lab, red, red)){.text-white\/28{color:color-mix(in oklab, var(--color-white) 28%, transparent)}}.text-white\/35{color:#ffffff59}@supports (color:color-mix(in lab, red, red)){.text-white\/35{color:color-mix(in oklab, var(--color-white) 35%, transparent)}}.text-white\/40{color:#fff6}@supports (color:color-mix(in lab, red, red)){.text-white\/40{color:color-mix(in oklab, var(--color-white) 40%, transparent)}}.text-white\/45{color:#ffffff73}@supports (color:color-mix(in lab, red, red)){.text-white\/45{color:color-mix(in oklab, var(--color-white) 45%, transparent)}}.text-white\/60{color:#fff9}@supports (color:color-mix(in lab, red, red)){.text-white\/60{color:color-mix(in oklab, var(--color-white) 60%, transparent)}}.text-white\/88{color:#ffffffe0}@supports (color:color-mix(in lab, red, red)){.text-white\/88{color:color-mix(in oklab, var(--color-white) 88%, transparent)}}.text-zinc-100{color:var(--color-zinc-100)}.text-zinc-200{color:var(--color-zinc-200)}.text-zinc-400{color:var(--color-zinc-400)}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.decoration-black\/20{text-decoration-color:#0003}@supports (color:color-mix(in lab, red, red)){.decoration-black\/20{-webkit-text-decoration-color:color-mix(in oklab, var(--color-black) 20%, transparent);-webkit-text-decoration-color:color-mix(in oklab, var(--color-black) 20%, transparent);text-decoration-color:color-mix(in oklab, var(--color-black) 20%, transparent)}}.underline-offset-2{text-underline-offset:2px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-15{opacity:.15}.opacity-45{opacity:.45}.opacity-55{opacity:.55}.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-\[0_8px_28px_rgba\(23\,23\,23\,\.035\)\]{--tw-shadow:0 8px 28px var(--tw-shadow-color,#17171709);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_20px_60px_rgba\(0\,0\,0\,\.28\)\]{--tw-shadow:0 20px 60px var(--tw-shadow-color,#00000047);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);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,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur{--tw-backdrop-blur:blur(8px);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-filter{backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,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-opacity{transition-property:opacity;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-150{--tw-duration:.15s;transition-duration:.15s}@media (hover:hover){.group-hover\:translate-x-1:is(:where(.group):hover *){--tw-translate-x:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}}.first\:border-t-0:first-child{border-top-style:var(--tw-border-style);border-top-width:0}.first\:pt-0:first-child{padding-top:0}@media (hover:hover){.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:border-zinc-500:hover{border-color:var(--color-zinc-500)}.hover\:bg-\[\#5ed09a\]:hover{background-color:#5ed09a}.hover\:bg-violet-400:hover{background-color:var(--color-violet-400)}.hover\:bg-white\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/10:hover{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.hover\:bg-white\/70:hover{background-color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/70:hover{background-color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.hover\:bg-zinc-900:hover{background-color:var(--color-zinc-900)}.hover\:text-white:hover{color:var(--color-white)}.hover\:opacity-50:hover{opacity:.5}.hover\:opacity-70:hover{opacity:.7}.hover\:opacity-90:hover{opacity:.9}}@media (width>=40rem){.sm\:h-36{height:calc(var(--spacing) * 36)}.sm\:h-48{height:calc(var(--spacing) * 48)}.sm\:h-60{height:calc(var(--spacing) * 60)}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-\[6\.25rem_minmax\(0\,1fr\)\]{grid-template-columns:6.25rem minmax(0,1fr)}.sm\:flex-row{flex-direction:row}.sm\:items-end{align-items:flex-end}.sm\:justify-between{justify-content:space-between}.sm\:p-8{padding:calc(var(--spacing) * 8)}.sm\:px-8{padding-inline:calc(var(--spacing) * 8)}.sm\:px-9{padding-inline:calc(var(--spacing) * 9)}.sm\:px-10{padding-inline:calc(var(--spacing) * 10)}.sm\:py-10{padding-block:calc(var(--spacing) * 10)}.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.sm\:text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}@media (width>=64rem){.lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-\[1\.2fr_\.8fr\]{grid-template-columns:1.2fr .8fr}.lg\:grid-cols-\[1\.15fr_\.85fr\]{grid-template-columns:1.15fr .85fr}.lg\:items-center{align-items:center}.lg\:items-end{align-items:flex-end}.lg\:p-10{padding:calc(var(--spacing) * 10)}.lg\:px-10{padding-inline:calc(var(--spacing) * 10)}.lg\:px-12{padding-inline:calc(var(--spacing) * 12)}.lg\:py-12{padding-block:calc(var(--spacing) * 12)}.lg\:pt-12{padding-top:calc(var(--spacing) * 12)}.lg\:pt-14{padding-top:calc(var(--spacing) * 14)}.lg\:pt-16{padding-top:calc(var(--spacing) * 16)}}}:root,html[data-theme=light]{color-scheme:light;--chromble-bg:#edf0f4;--chromble-bg-deep:#e7eaf0;--chromble-canvas:#e9ecf1;--chromble-surface:#fff;--chromble-surface-2:#f6f7f9;--chromble-surface-3:#f2f4f7;--chromble-control:#f4f5f7;--chromble-hover:#ebeef2;--chromble-line:#1f26301a;--chromble-line-strong:#1f26302b;--chromble-text:#20242b;--chromble-text-soft:#555d69;--chromble-muted:#626a76;--chromble-faint:#9299a4;--chromble-shadow:#242b3621;--chromble-accent:#7047eb;--chromble-accent-hover:#6034dc;--chromble-accent-soft:#7047eb1c;--chromble-accent-text:#6841db;--chromble-accent-contrast:#fff;--ink:var(--chromble-text);--paper:var(--chromble-surface-2);--paper-deep:var(--chromble-bg-deep);--acid:var(--chromble-accent)}html[data-theme=dark]{color-scheme:dark;--chromble-bg:#15171b;--chromble-bg-deep:#101116;--chromble-canvas:#111318;--chromble-surface:#181a20;--chromble-surface-2:#1d2026;--chromble-surface-3:#22252c;--chromble-control:#242830;--chromble-hover:#2c3038;--chromble-line:#ffffff1a;--chromble-line-strong:#ffffff2b;--chromble-text:#f3f0eb;--chromble-text-soft:#f5f2edd1;--chromble-muted:#f5f2ed9e;--chromble-faint:#f5f2ed6b;--chromble-shadow:#0000004d;--chromble-accent:#875cff;--chromble-accent-hover:#9b7aff;--chromble-accent-soft:#875cff26;--chromble-accent-text:#bca9ff;--chromble-accent-contrast:#fff;--ink:var(--chromble-text);--paper:var(--chromble-surface);--paper-deep:var(--chromble-bg-deep);--acid:var(--chromble-accent)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--chromble-bg);min-width:320px;color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body:before{content:"";pointer-events:none;opacity:.13;mix-blend-mode:multiply;z-index:60;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E");position:fixed;inset:0}::selection{color:#fff;background:#171717}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.color-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:dense;gap:.8rem;display:grid}@media (width>=640px){.color-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}}@media (width>=900px){.color-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.swatch-card{background:#ffffff94;border:1px solid #1717171f;border-radius:1.35rem;padding:0;transition:transform .18s,box-shadow .18s,border-color .18s;position:relative;overflow:hidden;box-shadow:0 8px 22px #1717170a}.swatch-card:hover{border-color:#1717173d;transform:translateY(-3px)rotate(-.25deg);box-shadow:0 18px 40px #1717171a}.swatch-card:focus-visible{outline:3px solid var(--acid);outline-offset:3px}.swatch-card[hidden]{display:none}.swatch-color{background:var(--swatch);min-height:12.5rem;display:block;position:relative;box-shadow:inset 0 0 0 1px #00000012}.swatch-color:after{content:"";opacity:.85;background:radial-gradient(circle at 18% 14%,#ffffff2e,#0000 24%),linear-gradient(125deg,#0000 30%,#ffffff0d,#0000 70%);position:absolute;inset:0}.swatch-plus{z-index:2;color:#171717;opacity:0;background:#ffffffe6;border-radius:999px;place-items:center;width:2rem;height:2rem;font-size:1.1rem;font-weight:900;transition:opacity .16s,transform .16s;display:grid;position:absolute;top:.8rem;right:.8rem;transform:scale(.8)rotate(-12deg);box-shadow:0 4px 14px #0000001f}.swatch-card:hover .swatch-plus,.swatch-card.is-selected .swatch-plus{opacity:1;transform:scale(1)rotate(0)}.swatch-card.is-selected .swatch-plus{color:var(--acid);background:#171717;font-size:0}.swatch-card.is-selected .swatch-plus:before{font-size:.9rem}.swatch-meta{justify-content:space-between;align-items:flex-start;gap:.8rem;min-height:5rem;padding:.9rem 1rem 1rem;display:flex}.swatch-meta strong,.swatch-meta small{display:block}.swatch-meta strong{letter-spacing:-.025em;font-size:.92rem;line-height:1.15}.swatch-meta small{color:#17171775;text-transform:uppercase;letter-spacing:.08em;margin-top:.3rem;font-size:.84rem}.swatch-meta code{color:#1717176b;flex-shrink:0;font-size:.84rem}.swatch-card{isolation:isolate;transform:rotate(var(--tilt,0deg));background:#fffdf8b8;border-radius:1.25rem 1.55rem 1.15rem 1.4rem}.swatch-card:nth-child(5n+1){--tilt:-.35deg}.swatch-card:nth-child(5n+2){--tilt:.22deg}.swatch-card:nth-child(5n+3){--tilt:-.12deg}.swatch-card:nth-child(5n+4){--tilt:.32deg}.swatch-color{background:linear-gradient(120deg, #ffffff1a, transparent 38%), var(--swatch);min-height:13.2rem;overflow:hidden}.swatch-color:before{content:"";z-index:1;opacity:.32;filter:blur(.15px);mix-blend-mode:soft-light;background:repeating-linear-gradient(88deg,#fff3 0 2px,#fff0 2px 11px);position:absolute;inset:-14% -10%;transform:rotate(-7deg)scale(1.05)}.swatch-color:after{content:"";z-index:2;mix-blend-mode:soft-light;pointer-events:none;background:radial-gradient(circle at 18% 20%,#ffffff38,#0000 18%),radial-gradient(circle at 78% 72%,#0000001a,#0000 24%),linear-gradient(#ffffff0f,#0000000f);position:absolute;inset:0}.swatch-plus{z-index:6;backdrop-filter:blur(8px)}.swatch-meta{background:#fcf9f4d6;min-height:5.35rem;padding:1rem 1rem 1.05rem;position:relative}.swatch-meta:before{content:"";background:#17171714;height:1px;position:absolute;top:0;left:1rem;right:1rem}.swatch-meta strong{font-size:.96rem;font-weight:850}.swatch-meta small{letter-spacing:.095em}.pigment-code{flex-shrink:0;align-items:center;gap:.4rem;display:inline-flex}.pigment-dot{background:var(--dot);border-radius:999px;width:.58rem;height:.58rem;display:inline-block;box-shadow:0 0 0 1px #17171724}.pigment-code code{color:#17171770;flex-shrink:0;font-size:.84rem}.swatch-card.is-selected{transform:translateY(-2px)rotate(0)}.image-render-pixelated{image-rendering:pixelated;image-rendering:crisp-edges}.color-grid{grid-auto-flow:row}.swatch-card{border-radius:1rem;transform:none!important}.swatch-card:hover{transform:translateY(-3px)!important}.swatch-color{min-height:10.5rem;box-shadow:none;background:var(--swatch)!important}.swatch-color:before,.swatch-color:after,.paint-smear,.paint-grain{display:none!important}.swatch-meta{background:#ffffffd6;min-height:4.9rem}.swatch-meta:before{display:none}@media (width>=900px){.color-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}#mix-slots{row-gap:.75rem}.color-grid{align-items:stretch}.swatch-card{background:#ffffffb8;border:1px solid #1717171c;border-radius:1.2rem;flex-direction:column;min-width:0;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;overflow:hidden;box-shadow:inset 0 1px #ffffffb8,0 8px 24px #1717170b}.swatch-card:hover{border-color:#17171733;box-shadow:inset 0 1px #fffc,0 18px 38px #1717171b;transform:translateY(-4px)!important}.swatch-color{border-bottom:1px solid #17171712;flex:1 0 auto;min-height:11.35rem;background:var(--swatch)!important}.swatch-color:after{opacity:.42!important;background:linear-gradient(#ffffff1a,#0000 26%),linear-gradient(#0000 70%,#00000006)!important;display:block!important}.swatch-meta{background:#fcf9f4d6;border:0;flex-direction:column;justify-content:space-between;gap:.9rem;min-height:7.35rem;padding:1rem 1rem .9rem;display:flex}.swatch-title-wrap{min-width:0}.swatch-meta strong{color:#171717;letter-spacing:-.035em;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.94rem;font-weight:900;line-height:1.12;display:-webkit-box;overflow:hidden}.swatch-meta small{color:#1717176e;letter-spacing:.1em;text-transform:uppercase;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:.38rem;font-size:.84rem;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.pigment-code{flex:none;align-items:center;gap:.35rem;max-width:42%;padding-top:.06rem;display:inline-flex}.pigment-code code{color:#17171766;text-overflow:ellipsis;white-space:nowrap;max-width:5.7rem;font-family:inherit;font-size:.8rem;font-weight:800;line-height:1.2;overflow:hidden}.pigment-dot{background:var(--dot);border:1px solid #0000001a;border-radius:999px;flex:none;width:.48rem;height:.48rem;box-shadow:0 0 0 1px #ffffff8c}.swatch-plus,.swatch-copy{backdrop-filter:blur(8px);border:1px solid #17171714;width:2.15rem;height:2.15rem;top:.7rem;box-shadow:0 5px 18px #0000001c}.swatch-plus{right:.7rem}.swatch-card.is-selected{box-shadow:0 0 0 3px var(--acid), 0 18px 38px #17171721;border-color:#171717c7}@media (width<=639px){.swatch-color{min-height:9.5rem}.swatch-meta{min-height:6.8rem}}.palette-base-button{background:#ffffffb8;border:1px solid #1717171a;border-radius:.9rem;place-items:center;width:2.65rem;height:2.65rem;transition:transform .16s,box-shadow .16s,border-color .16s;display:grid}.palette-base-button>span{background:var(--palette-base);border-radius:.58rem;width:1.65rem;height:1.65rem;box-shadow:inset 0 0 0 1px #17171712}.palette-base-button:hover{border-color:#1717173d;transform:translateY(-2px)}.palette-base-button.is-active{border-color:#171717;box-shadow:0 0 0 2px #d7ff4f}.palette-strip{grid-template-columns:repeat(5,minmax(0,1fr));min-height:9rem;display:grid}.palette-strip-swatch{background:var(--palette-color);cursor:pointer;border:0;min-width:0;transition:flex .18s,transform .16s,filter .16s;position:relative}.palette-strip-swatch:hover{z-index:2;filter:saturate(1.05);transform:translateY(-5px)}.palette-strip-swatch span{color:#fff;letter-spacing:.03em;text-align:center;text-overflow:ellipsis;white-space:nowrap;opacity:0;backdrop-filter:blur(8px);background:#171717b8;border-radius:999px;padding:.32rem .4rem;font-size:.8rem;font-weight:900;transition:opacity .14s;position:absolute;bottom:.35rem;left:.35rem;right:.35rem;overflow:hidden}.palette-strip-swatch:hover span,.palette-strip-swatch:focus-visible span{opacity:1}@media (hover:none){.palette-strip-swatch span{opacity:.72}}@media (width<=639px){.palette-strip{min-height:7.2rem}}:root{color-scheme:light;--ink:#171717;--paper:#eee7dc;--paper-deep:#ded4c6;--acid:#d7ff4f;--chromble-text:#181818;--chromble-muted:#181818ad;--chromble-soft:#18181885;--chromble-line:#1818181f;--chromble-panel:#fcf9f4d1}html{background:#f7f3ec}body{color:var(--chromble-text)!important;background:#f7f3ec!important}body:before{opacity:.06!important;mix-blend-mode:multiply!important}body:after{opacity:.16!important;filter:blur(100px)!important}.text-black\/60,.text-black\/58,.text-black\/55,.text-black\/50,.text-black\/48,.text-black\/45{color:#181818ad!important}.text-black\/43,.text-black\/40,.text-black\/35,.text-black\/34,.text-black\/30{color:#1818188c!important}.bg-white\/52,.bg-white\/54,.bg-white\/55,.bg-white\/58,.bg-white\/60,.bg-white\/65,.bg-white\/70,.bg-white\/72,.bg-white\/75{background-color:#fcf9f4d6!important}.tool-card,.palette-harmony-card,.swatch-card,.rounded-\[2rem\].border,.rounded-\[1\.5rem\].border,.rounded-\[1\.35rem\].border{border-color:#1818181f!important;box-shadow:inset 0 1px #ffffff94,0 14px 34px #30261c12!important}header:before{background:#f6f1eac7!important;border-color:#1818181a!important;box-shadow:inset 0 1px #ffffff8c,0 10px 28px #30261c0f!important}footer{background:#ede6dd94!important;border-color:#1818181a!important}footer,footer p,footer a{color:#18181894!important}input:not([type=color]),select,textarea{background:#ffffffbd;color:#171717!important;border-color:#1818181f!important}input::placeholder,textarea::placeholder{color:#18181875!important}.swatch-meta{background:#fcf9f4d6!important}.swatch-meta small,.pigment-code code,.swatch-hex{color:#1818188c!important}[class*=tracking-\[].text-black\/35,[class*=tracking-\[].text-black\/30{color:#18181894!important}.bg-\[\#171717\]{color:#fff!important;background-color:#171717!important}.bg-\[\#d7ff4f\]{background-color:#d7ff4f!important}header nav a,header nav a:hover,header nav a:focus,header nav a:focus-visible,header nav a:active{border-bottom-color:#0000!important;text-decoration:none!important}html,body{max-width:100%;overflow-x:clip}img,canvas,svg{max-width:100%}header nav a,header nav a:hover,header nav a:focus,header nav a:focus-visible,header nav a:active{text-decoration:none!important}header nav a:after{display:none!important}@media (width<=639px){header{padding:.85rem 1rem!important}header>div:first-of-type{min-height:2.75rem}header a[aria-label=Chromble\ home]{gap:.45rem!important}header a[aria-label=Chromble\ home]>span{font-size:1.05rem!important}#mobile-menu{max-height:calc(100dvh - 5rem);overflow-y:auto;border-radius:1.15rem!important;top:4.15rem!important;left:.75rem!important;right:.75rem!important}main{width:100%}main>section,main.mx-auto{padding-left:1rem!important;padding-right:1rem!important}main>section:first-child,main.mx-auto{padding-top:1.65rem!important}main h1{overflow-wrap:anywhere;letter-spacing:-.055em!important;max-width:100%!important;font-size:clamp(2.75rem,14vw,4.15rem)!important;line-height:.9!important}main h2{overflow-wrap:anywhere}footer{padding-left:1rem!important;padding-right:1rem!important}footer>div{gap:.4rem!important;font-size:.88rem!important}.palette-base-button{width:2.4rem!important;height:2.4rem!important}.palette-strip{min-height:6.2rem!important}.palette-strip-swatch span{display:none}main section:last-of-type>div.grid>div:not(.hidden){border-bottom:1px solid #17171717}main section:last-of-type>div.grid>div:not(.hidden):last-child{border-bottom:0}#colors{padding-bottom:9rem!important}#colors>.sticky{margin-left:-.35rem!important;margin-right:-.35rem!important;padding:.65rem .35rem!important;top:0!important}#color-search{min-height:2.85rem;font-size:16px!important}#results-count,#page-summary{letter-spacing:.09em!important;font-size:.84rem!important}.color-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.7rem!important}.swatch-card{border-radius:1rem!important}.swatch-color{min-height:8.75rem!important}.swatch-meta{gap:.65rem!important;min-height:7.2rem!important;padding:.75rem!important}.swatch-meta strong{font-size:.9rem!important}.swatch-meta small,.pigment-code code,.swatch-hex{font-size:.8rem!important}.swatch-plus,.swatch-copy{width:1.9rem!important;height:1.9rem!important;top:.5rem!important}.swatch-plus{right:.5rem!important}#pagination{flex-wrap:wrap;gap:.45rem!important}#pagination>button{flex:8rem}#page-buttons{order:3;justify-content:center;width:100%;padding-top:.25rem;overflow-x:auto}#mix-slots{width:100%}#drop-zone{min-height:330px!important}#empty-upload{padding-left:1rem!important;padding-right:1rem!important}#image-actions{border-radius:1rem!important;padding:.55rem .55rem .55rem .75rem!important;bottom:.5rem!important;left:.5rem!important;right:.5rem!important}#image-name{max-width:52%}#magnifier-panel{width:150px!important;padding:.55rem!important;top:.5rem!important;right:.5rem!important}#magnifier-panel>div:first-child p:nth-child(2){display:none}#magnifier-canvas{width:128px!important;height:128px!important}#picked-color-card>div{align-items:flex-start!important}#gradient-preview{min-height:390px!important}#gradient-preview>div:first-child{top:.65rem!important;left:.65rem!important;right:.65rem!important}#gradient-preview>div:nth-child(2){bottom:.65rem!important;left:.65rem!important;right:.65rem!important}#copy-css{width:100%}.stop-row{align-items:center;grid-template-columns:3rem minmax(0,1fr)!important}.stop-row>:nth-child(3),.stop-row>:nth-child(4){grid-column:span 1}#big-swatch{aspect-ratio:16/10!important}[data-copy-target]{padding:1rem!important}[data-copy-target] strong{font-size:1rem!important;line-height:1.45!important}#preview{border-radius:1.4rem!important;padding:1.25rem!important}#preview h2{font-size:2rem!important;line-height:1.02!important}#foreground-copy,#background-copy{padding-left:.75rem!important;padding-right:.75rem!important}#color-copy-menu{max-height:min(72dvh,34rem);overflow-y:auto;top:auto!important;left:.75rem!important;right:.75rem!important;bottom:calc(.75rem + env(safe-area-inset-bottom))!important;border-radius:1.15rem!important;width:auto!important;max-width:none!important}#color-copy-menu button{min-height:2.75rem}}@media (width<=390px){.color-grid{grid-template-columns:1fr!important}.swatch-color{min-height:10.5rem!important}#image-name{max-width:44%}}@media (width>=640px) and (width<=1023px){main>section,main.mx-auto{padding-left:2rem!important;padding-right:2rem!important}.color-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}#gradient-preview,#drop-zone{min-height:430px!important}#color-copy-menu{max-height:calc(100dvh - 2rem);overflow-y:auto}}.theme-toggle{border:1px solid var(--chromble-line);background:var(--chromble-surface);border-radius:999px;flex:none;place-items:center;width:2.65rem;height:2.65rem;display:inline-grid;position:relative}@supports (color:color-mix(in lab, red, red)){.theme-toggle{background:color-mix(in srgb, var(--chromble-surface) 72%, transparent)}}.theme-toggle{color:var(--chromble-text);box-shadow:0 5px 16px var(--chromble-shadow);backdrop-filter:blur(12px);cursor:pointer;transition:transform .16s,background .16s,border-color .16s}.theme-toggle:hover{transform:translateY(-1px)}.theme-toggle__sun,.theme-toggle__moon{transition:opacity .16s,transform .16s;position:absolute}.theme-toggle__moon{opacity:0;transform:scale(.7)rotate(-25deg)}[data-theme=dark] .theme-toggle__sun{opacity:0;transform:scale(.7)rotate(25deg)}[data-theme=dark] .theme-toggle__moon{opacity:1;transform:scale(1)rotate(0)}.policy-notice[hidden]{display:none}.policy-notice{z-index:90;pointer-events:none;position:fixed;bottom:1rem;left:1rem;right:1rem}.policy-notice__inner{pointer-events:auto;color:#171717;backdrop-filter:blur(18px);background:#faf7f1f5;border:1px solid #17171721;border-radius:1.25rem;align-items:center;gap:1rem;width:min(100%,44rem);margin-left:auto;padding:1rem;display:flex;box-shadow:0 18px 50px #1717172e}.policy-notice__copy{flex:1;min-width:0}.policy-notice__eyebrow{letter-spacing:.14em;text-transform:uppercase;color:#17171773;margin:0 0 .18rem;font-size:.8rem;font-weight:900}.policy-notice__copy strong{font-size:.95rem;display:block}.policy-notice__copy>p:last-of-type{color:#1717179e;margin:.25rem 0 0;font-size:.88rem;line-height:1.35rem}.policy-notice__links{flex-wrap:wrap;gap:.45rem;margin-top:.55rem;display:flex}.policy-notice__links a{color:#171717;background:#17171712;border-radius:999px;padding:.38rem .6rem;font-size:.84rem;font-weight:900;text-decoration:none}.policy-notice__button{color:#fff;cursor:pointer;background:#171717;border:0;border-radius:999px;flex:none;padding:.72rem 1rem;font-size:.88rem;font-weight:900}[data-theme=dark]{color-scheme:dark;--chromble-bg:#15171b;--chromble-bg-deep:#101116;--chromble-canvas:#111318;--chromble-surface:#181a20;--chromble-surface-2:#1d2026;--chromble-surface-3:#22252c;--chromble-control:#242830;--chromble-hover:#2c3038;--chromble-line:#ffffff1a;--chromble-line-strong:#ffffff2b;--chromble-text:#f3f0eb;--chromble-text-soft:#f5f2edd1;--chromble-muted:#f5f2ed9e;--chromble-faint:#f5f2ed6b;--chromble-shadow:#0000004d;--ink:var(--chromble-text);--paper:var(--chromble-surface);--paper-deep:var(--chromble-bg-deep)}[data-theme=dark] body{color:var(--chromble-text)!important;background:var(--chromble-bg)!important}[data-theme=dark] body:before{opacity:.045!important;mix-blend-mode:screen!important}[data-theme=dark] body:after{opacity:.22!important}[data-theme=dark] .text-black\/65,[data-theme=dark] .text-black\/60,[data-theme=dark] .text-black\/58,[data-theme=dark] .text-black\/55,[data-theme=dark] .text-black\/50,[data-theme=dark] .text-black\/48,[data-theme=dark] .text-black\/45{color:#f5f2eda8!important}[data-theme=dark] .border-black,[data-theme=dark] .border-black\/20,[data-theme=dark] .border-black\/18,[data-theme=dark] .border-black\/15,[data-theme=dark] .border-black\/12,[data-theme=dark] .border-black\/10,[data-theme=dark] .border-black\/8{border-color:#ffffff1c!important}[data-theme=dark] .bg-white,[data-theme=dark] .bg-white\/95,[data-theme=dark] .bg-white\/90,[data-theme=dark] .bg-white\/85,[data-theme=dark] .bg-white\/82,[data-theme=dark] .bg-white\/80,[data-theme=dark] .bg-white\/75,[data-theme=dark] .bg-white\/72,[data-theme=dark] .bg-white\/70,[data-theme=dark] .bg-white\/65,[data-theme=dark] .bg-white\/60,[data-theme=dark] .bg-white\/58,[data-theme=dark] .bg-white\/55,[data-theme=dark] .bg-white\/54,[data-theme=dark] .bg-white\/52,[data-theme=dark] .bg-white\/50{background-color:#1b1d24e6!important}[data-theme=dark] header:before{background:#0e0f13cc!important;border-color:#ffffff17!important;box-shadow:inset 0 1px #ffffff0a,0 10px 28px #0003!important}[data-theme=dark] header a,[data-theme=dark] header button{color:#f5f2edcc!important}[data-theme=dark] #mobile-menu{background:#14161cf7!important;border-color:#ffffff1a!important}[data-theme=dark] #mobile-menu nav a:hover{background:#ffffff0f!important}[data-theme=dark] .theme-toggle{border-color:var(--chromble-line);background:var(--chromble-surface)}@supports (color:color-mix(in lab, red, red)){[data-theme=dark] .theme-toggle{background:color-mix(in srgb, var(--chromble-surface) 72%, transparent)}}[data-theme=dark] .theme-toggle{color:var(--chromble-text);box-shadow:0 6px 18px var(--chromble-shadow)}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#f5f2ed57!important}[data-theme=dark] .palette-harmony-card,[data-theme=dark] .swatch-card{background:#181a20!important;border-color:#ffffff1a!important;box-shadow:0 14px 34px #0003!important}[data-theme=dark] .palette-harmony-heading,[data-theme=dark] .swatch-meta{background:#181a20!important}[data-theme=dark] .palette-harmony-heading h3,[data-theme=dark] .swatch-meta strong{color:#f5f2ed!important}[data-theme=dark] .palette-harmony-heading p,[data-theme=dark] .palette-harmony-heading>span,[data-theme=dark] .swatch-meta small,[data-theme=dark] .pigment-code code,[data-theme=dark] .swatch-hex{color:#f5f2ed75!important}[data-theme=dark] .swatch-plus,[data-theme=dark] .swatch-copy{color:#fff!important;background:#0d0e12e0!important;border-color:#ffffff1c!important}[data-theme=dark] .palette-base-button{background:#1b1d24!important;border-color:#ffffff1a!important}[data-theme=dark] footer,[data-theme=dark] footer p,[data-theme=dark] footer a{color:#f5f2ed94!important}[data-theme=dark] footer .font-bold{color:#f5f2edd1!important}[data-theme=dark] .policy-notice__inner{color:#f4f1ec;background:#13151bf7;border-color:#ffffff1a;box-shadow:0 18px 50px #00000061}[data-theme=dark] .policy-notice__eyebrow,[data-theme=dark] .policy-notice__copy>p:last-of-type{color:#f5f2ed80}[data-theme=dark] .policy-notice__links a{color:#f4f1ec;background:#ffffff12}[data-theme=dark] .policy-notice__button{color:#171717;background:#d7ff4f}[data-theme=dark] .bg-\[\#171717\]{background-color:#111216!important}[data-theme=dark] ::selection{color:#171717;background:#d7ff4f}@media (width<=639px){.policy-notice{right:.75rem;bottom:calc(.75rem + env(safe-area-inset-bottom));left:.75rem}.policy-notice__inner{flex-direction:column;align-items:stretch;gap:.75rem}.policy-notice__button{width:100%}main h1{overflow-wrap:normal}main>section:first-child h1{letter-spacing:-.045em!important;font-size:2rem!important;line-height:1!important}}.swatch-plus{opacity:0!important;font-size:.88rem!important;transform:scale(.86)!important}.swatch-card:hover .swatch-plus,.swatch-card:focus-visible .swatch-plus{opacity:.95!important;transform:scale(1)!important}.swatch-card.is-selected .swatch-plus{opacity:.95!important;color:#d7ff4f!important;background:#171717!important;font-size:.88rem!important}.swatch-card.is-selected .swatch-plus:before{content:none!important}@media (hover:none){.swatch-plus{opacity:.9!important;transform:scale(1)!important}}.swatch-meta--compact .swatch-title-wrap{min-width:0}.swatch-meta--compact strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;font-size:.9rem!important;line-height:1.1!important}.swatch-meta--compact .pigment-code{align-self:flex-end;max-width:46%}.swatch-meta--compact .pigment-code code{font-size:.8rem!important}@media (width<=639px){.swatch-meta--compact{min-height:4rem!important;padding:.7rem!important}.swatch-meta--compact strong{font-size:.9rem!important}}.mix-workbench{backdrop-filter:blur(14px);background:#ffffff94;border:1px solid #1717171a;border-radius:1.35rem;margin:.2rem 0 1.25rem;overflow:hidden;box-shadow:0 12px 34px #1717170b}.mix-workbench__top{border-bottom:1px solid #17171714;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1rem;display:flex}.mix-workbench__eyebrow{color:#17171766;letter-spacing:.13em;text-transform:uppercase;margin:0;font-size:.8rem;font-weight:900}.mix-workbench__title{letter-spacing:-.025em;margin:.15rem 0 0;font-size:1rem;font-weight:900}.mix-workbench__count{background:#ffffffa8;border:1px solid #1717171a;border-radius:999px;grid-template-columns:2.1rem minmax(5.7rem,auto) 2.1rem;align-items:center;display:grid;overflow:hidden}.mix-workbench__count button{height:2.1rem;color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;font-size:1rem;font-weight:900;display:grid}.mix-workbench__count button:disabled{opacity:.25;cursor:not-allowed}.mix-workbench__count strong{text-align:center;letter-spacing:.08em;text-transform:uppercase;font-size:.84rem;font-weight:900}.mix-workbench__body{grid-template-columns:minmax(0,1.2fr) minmax(18rem,.8fr);gap:1rem;padding:1rem;display:grid}.mix-workbench__selection{align-content:start;gap:.75rem;min-width:0;display:grid}.mix-workbench__slots{gap:.5rem;display:grid}.mix-workbench__slot{color:#171717;text-align:left;background:#ffffff5c;border:1px dashed #1717171f;border-radius:1rem;grid-template-columns:2.5rem minmax(0,1fr) auto;align-items:center;gap:.75rem;width:100%;min-height:4rem;padding:.65rem .75rem;display:grid}.mix-workbench__slot.is-filled{cursor:pointer;background:#ffffffb3;border-style:solid}.mix-workbench__slot-swatch{background-color:#0000;background-image:linear-gradient(45deg,#17171712 25%,#0000 25% 75%,#17171712 75%),linear-gradient(45deg,#17171712 25%,#0000 25% 75%,#17171712 75%);background-position:0 0,5px 5px;background-repeat:repeat,repeat;background-size:10px 10px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:1px solid #1717171a;border-radius:.8rem;width:2.5rem;height:2.5rem;display:block}.mix-workbench__slot small,.mix-workbench__slot strong,.mix-workbench__slot code{display:block}.mix-workbench__slot small{color:#17171761;letter-spacing:.09em;text-transform:uppercase;font-size:.8rem;font-weight:900}.mix-workbench__slot strong{text-overflow:ellipsis;white-space:nowrap;margin-top:.08rem;font-size:.88rem;overflow:hidden}.mix-workbench__slot code{color:#17171775;margin-top:.08rem;font-family:inherit;font-size:.8rem;font-weight:800}.mix-workbench__slot-remove{color:#1717178c;background:#1717170f;border-radius:999px;place-items:center;width:1.8rem;height:1.8rem;font-weight:900;display:grid}.mix-workbench__actions{grid-template-columns:.7fr 1.3fr;gap:.55rem;display:grid}.mix-workbench__secondary,.mix-workbench__primary,.mix-workbench__copy{border-radius:999px;min-height:2.8rem;padding:.7rem .9rem;font-size:.88rem;font-weight:900}.mix-workbench__secondary{color:#171717;background:#ffffffa3;border:1px solid #1717171c}.mix-workbench__primary{color:#fff;background:#171717;border:0}.mix-workbench__primary:disabled,.mix-workbench__copy:disabled{opacity:.35;cursor:not-allowed}.mix-workbench__result{border-left:1px solid #17171714;min-width:0;padding-left:1rem}.mix-workbench__result-head{justify-content:space-between;align-items:center;gap:.8rem;display:flex}.mix-workbench__result-head strong{margin-top:.15rem;font-size:.88rem;display:block}.mix-workbench__result-actions{justify-content:flex-end;align-items:center;gap:.45rem;display:flex}.mix-workbench__copy{color:#171717;background:#ffffffa3;border:1px solid #1717171a}.mix-workbench__result-swatch{background-color:#0000;background-image:linear-gradient(45deg,#1717170f 25%,#0000 25% 75%,#1717170f 75%),linear-gradient(45deg,#1717170f 25%,#0000 25% 75%,#1717170f 75%);background-position:0 0,8px 8px;background-repeat:repeat,repeat;background-size:16px 16px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:1px solid #17171714;border-radius:1rem;min-height:5.5rem;margin-top:.7rem}.mix-workbench__values,.mix-workbench__css{gap:.4rem;margin-top:.6rem;display:grid}.mix-workbench__values{grid-template-columns:repeat(2,minmax(0,1fr))}.mix-workbench__values button,.mix-workbench__css button{color:#171717;text-align:left;background:#ffffff7a;border:1px solid #17171714;border-radius:.75rem;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.55rem;min-width:0;padding:.55rem .65rem;display:grid}.mix-workbench__values button span,.mix-workbench__css button span{color:#17171766;letter-spacing:.08em;font-size:.8rem;font-weight:900}.mix-workbench__values code,.mix-workbench__css code{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.8rem;font-weight:800;overflow:hidden}.swatch-meta--compact{justify-content:space-between!important;align-items:flex-end!important;gap:.75rem!important;min-height:4.5rem!important;padding:.8rem .9rem .9rem!important;display:flex!important}.swatch-meta--compact strong{font-size:.9rem!important}.swatch-meta--compact .pigment-code{max-width:45%}.swatch-card.is-selected{box-shadow:0 0 0 2px #d7ff4f,0 16px 34px #1717171f!important}[data-theme=dark] .mix-workbench{background:#181a20db;border-color:#ffffff1a;box-shadow:0 14px 34px #0003}[data-theme=dark] .mix-workbench__eyebrow,[data-theme=dark] .mix-workbench__slot small,[data-theme=dark] .mix-workbench__slot code,[data-theme=dark] .mix-workbench__values button span,[data-theme=dark] .mix-workbench__css button span{color:#f5f2ed70}[data-theme=dark] .mix-workbench__count,[data-theme=dark] .mix-workbench__slot,[data-theme=dark] .mix-workbench__copy,[data-theme=dark] .mix-workbench__secondary,[data-theme=dark] .mix-workbench__values button,[data-theme=dark] .mix-workbench__css button{color:#f4f1ec;background:#ffffff0e;border-color:#ffffff1a}[data-theme=dark] .mix-workbench__slot strong,[data-theme=dark] .mix-workbench__values code,[data-theme=dark] .mix-workbench__css code{color:#f4f1ec}@media (width<=767px){.mix-workbench{width:100%;min-width:0}.mix-workbench__top{flex-direction:column;align-items:stretch;padding:.85rem}.mix-workbench__count{grid-template-columns:2.4rem minmax(0,1fr) 2.4rem;width:100%}.mix-workbench__body{grid-template-columns:minmax(0,1fr);min-width:0;padding:.85rem}.mix-workbench__selection,.mix-workbench__slots,.mix-workbench__result{width:100%;min-width:0}#mix-slots.mix-workbench__slots{max-height:none;padding-bottom:0;overflow:visible}.mix-workbench__slot{grid-template-columns:2.35rem minmax(0,1fr) 1.8rem;align-items:center;gap:.55rem;height:auto;min-height:4.8rem;padding:.7rem;overflow:visible}.mix-workbench__slot small,.mix-workbench__slot strong,.mix-workbench__slot code{line-height:1.2}.mix-workbench__slot-swatch{width:2.35rem;height:2.35rem}.mix-workbench__result{border-top:1px solid #17171714;border-left:0;padding-top:1rem;padding-left:0}.mix-workbench__result-head{flex-direction:column;align-items:stretch}.mix-workbench__result-actions{grid-template-columns:1fr 1fr;display:grid}.mix-workbench__copy{width:100%}.mix-workbench__values{grid-template-columns:minmax(0,1fr)}.mix-workbench__values button,.mix-workbench__css button{width:100%;min-width:0}.mix-workbench__actions{grid-template-columns:minmax(0,1fr)}.mix-workbench__actions button{width:100%}}[data-theme=dark]{--chromble-dark-bg:#101116;--chromble-dark-surface:#181a20;--chromble-dark-surface-2:#1f222a;--chromble-dark-line:#ffffff1a;--chromble-dark-text:#f5f2ed;--chromble-dark-muted:#f5f2ed9e}[data-theme=dark] .bg-\[\#f6f0e6\]\/90,[data-theme=dark] .bg-\[\#f8f3eb\]\/95,[data-theme=dark] .bg-\[\#eee6d9\],[data-theme=dark] .bg-\[\#f6f0e6\],[data-theme=dark] .bg-\[\#f8f3eb\]{background-color:#181a20f0!important}[data-theme=dark] .bg-white,[data-theme=dark] .bg-white\/95,[data-theme=dark] .bg-white\/90,[data-theme=dark] .bg-white\/85,[data-theme=dark] .bg-white\/80,[data-theme=dark] .bg-white\/75,[data-theme=dark] .bg-white\/70,[data-theme=dark] .bg-white\/65,[data-theme=dark] .bg-white\/60,[data-theme=dark] .bg-white\/58,[data-theme=dark] .bg-white\/55,[data-theme=dark] .bg-white\/54,[data-theme=dark] .bg-white\/52,[data-theme=dark] .bg-white\/50,[data-theme=dark] .bg-white\/10,[data-theme=dark] .bg-white\/5{background-color:#1c1e25e6!important}[data-theme=dark] .hover\:bg-white:hover,[data-theme=dark] .hover\:bg-white\/10:hover,[data-theme=dark] .hover\:bg-black\/5:hover{background-color:#ffffff14!important}[data-theme=dark] .text-black,[data-theme=dark] .text-black\/90,[data-theme=dark] .text-black\/80,[data-theme=dark] .text-black\/75,[data-theme=dark] .text-black\/70{color:#f5f2edf0!important}[data-theme=dark] .text-black\/65,[data-theme=dark] .text-black\/62,[data-theme=dark] .text-black\/60,[data-theme=dark] .text-black\/58,[data-theme=dark] .text-black\/55,[data-theme=dark] .text-black\/50,[data-theme=dark] .text-black\/48,[data-theme=dark] .text-black\/45{color:#f5f2eda3!important}[data-theme=dark] .text-black\/43,[data-theme=dark] .text-black\/40,[data-theme=dark] .text-black\/35,[data-theme=dark] .text-black\/34,[data-theme=dark] .text-black\/30{color:#f5f2ed70!important}[data-theme=dark] .border-black,[data-theme=dark] .border-black\/35,[data-theme=dark] .border-black\/24,[data-theme=dark] .border-black\/20,[data-theme=dark] .border-black\/18,[data-theme=dark] .border-black\/15,[data-theme=dark] .border-black\/12,[data-theme=dark] .border-black\/10,[data-theme=dark] .border-black\/8,[data-theme=dark] .border-black\/5{border-color:#ffffff1a!important}[data-theme=dark] #color-search{color:var(--chromble-dark-text)!important;border-color:var(--chromble-dark-line)!important;background:#15171d!important}[data-theme=dark] #color-search::placeholder{color:#f5f2ed59!important}[data-theme=dark] .family-filter{color:#f5f2edc7!important;background:#ffffff0f!important;border-color:#ffffff1a!important}[data-theme=dark] .family-filter.bg-\[\#171717\]{color:#171717!important;background:#f2efe9!important;border-color:#f2efe9!important}[data-theme=dark] .mix-workbench{color:var(--chromble-dark-text);border-color:var(--chromble-dark-line);background:#181a20eb!important}[data-theme=dark] .mix-workbench__top,[data-theme=dark] .mix-workbench__result{border-color:#ffffff14!important}[data-theme=dark] .mix-workbench__count,[data-theme=dark] .mix-workbench__slot,[data-theme=dark] .mix-workbench__secondary,[data-theme=dark] .mix-workbench__copy,[data-theme=dark] .mix-workbench__values button,[data-theme=dark] .mix-workbench__css button{color:var(--chromble-dark-text)!important;background:#ffffff0e!important;border-color:#ffffff1a!important}[data-theme=dark] .mix-workbench__slot.is-filled{background:#ffffff13!important}[data-theme=dark] .mix-workbench__primary{color:#171717!important;background:#d7ff4f!important}[data-theme=dark] .mix-workbench__result-swatch,[data-theme=dark] .mix-workbench__slot-swatch{border-color:#ffffff1a!important}[data-theme=dark] .mix-workbench__slot-remove{color:#f5f2eda6!important;background:#ffffff14!important}[data-theme=dark] .swatch-card{background:#181a20!important;border-color:#ffffff1a!important}[data-theme=dark] .swatch-meta{background:#181a20!important}[data-theme=dark] .swatch-meta strong,[data-theme=dark] .swatch-title-wrap strong{color:#f5f2ed!important}[data-theme=dark] .pigment-code code,[data-theme=dark] .swatch-meta small,[data-theme=dark] .swatch-hex{color:#f5f2ed73!important}[data-theme=dark] .swatch-card.is-selected{border-color:#d7ff4f!important;box-shadow:0 0 0 2px #d7ff4fe6,0 16px 34px #00000047!important}[data-theme=dark] main .rounded-\[2rem\].border,[data-theme=dark] main .rounded-\[1\.55rem\].border,[data-theme=dark] main .rounded-\[1\.5rem\].border,[data-theme=dark] main .rounded-\[1\.35rem\].border,[data-theme=dark] main .rounded-\[1\.25rem\].border,[data-theme=dark] main .rounded-xl.border{border-color:#ffffff1a!important}[data-theme=dark] input:not([type=color]),[data-theme=dark] select,[data-theme=dark] textarea{background:#15171d;color:#f5f2ed!important;border-color:#ffffff1a!important}[data-theme=dark] input[type=color]{border-color:#ffffff1a!important}[data-theme=dark] #drop-zone{background:#171a20!important;border-color:#ffffff24!important}[data-theme=dark] #image-actions,[data-theme=dark] #magnifier-panel,[data-theme=dark] #picked-color-card{color:#f5f2ed!important;background-color:#121419eb!important;border-color:#ffffff1a!important}[data-theme=dark] #gradient-preview{border-color:#ffffff1a!important}[data-theme=dark] #stops-list>*,[data-theme=dark] .stop-row{background:#ffffff0b!important;border-color:#ffffff1a!important}[data-theme=dark] [data-copy-target],[data-theme=dark] #big-swatch{border-color:#ffffff1a!important}[data-theme=dark] #foreground-copy,[data-theme=dark] #background-copy{color:#f5f2ed!important;background:#ffffff0e!important;border-color:#ffffff1a!important}[data-theme=dark] footer,[data-theme=dark] footer nav a,[data-theme=dark] footer p{color:#f5f2ed94!important}[data-theme=dark] footer{background:#0a0b0e61!important;border-color:#ffffff17!important}[data-theme=dark] #color-copy-menu{background:#0d0e12fa!important;border-color:#ffffff1a!important}[data-theme=dark] #mobile-menu{color:#f5f2ed!important;background:#13151bfa!important;border-color:#ffffff1a!important}[data-theme=dark] #mobile-menu nav a{color:#f5f2edd1!important}[data-theme=dark] #mobile-menu nav a.bg-black{color:#171717!important;background:#f3f0ea!important}[data-theme=dark] .bg-\[\#d7ff4f\]{color:#171717!important;background-color:#d7ff4f!important}.image-colors-heading{justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:1.25rem;display:flex}.image-colors-heading h1{letter-spacing:-.065em;margin:.2rem 0 0;font-size:clamp(2.2rem,5vw,4.3rem);font-weight:950;line-height:.94}.image-colors-heading>div:first-child>p:last-child{color:#17171794;max-width:42rem;margin:.65rem 0 0;font-size:.86rem;line-height:1.55rem}.image-colors-kicker{color:#17171761;letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.8rem;font-weight:900}.image-colors-heading__badges{flex-wrap:wrap;justify-content:flex-end;gap:.45rem;display:flex}.image-colors-heading__badges span{color:#1717178c;letter-spacing:.06em;text-transform:uppercase;backdrop-filter:blur(10px);background:#ffffff7a;border:1px solid #17171717;border-radius:999px;padding:.5rem .68rem;font-size:.8rem;font-weight:900}.image-lab{grid-template-columns:minmax(0,1.32fr) minmax(20rem,.68fr);gap:1rem;display:grid}.image-lab__viewer,.image-lab__palette{border:1px solid #1717171a;border-radius:1.6rem;overflow:hidden;box-shadow:0 18px 48px #17171712}.image-lab__viewer{color:#fff;background:#111318}.image-lab__viewer-top{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:1rem;min-height:4.1rem;padding:.8rem 1rem;display:flex}.image-lab__viewer-top p,.image-lab__palette-head p{color:#ffffff61;letter-spacing:.13em;text-transform:uppercase;margin:0;font-size:.8rem;font-weight:900}.image-lab__viewer-top strong{margin-top:.15rem;font-size:.88rem;font-weight:850;display:block}.image-lab__viewer-hints{gap:.35rem;display:flex}.image-lab__viewer-hints span{color:#ffffff73;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;padding:.4rem .55rem;font-size:.8rem;font-weight:800}.image-lab__drop{background:#17191f;place-items:center;min-height:560px;transition:box-shadow .18s;display:grid;position:relative;overflow:hidden}.image-lab__drop:before{content:"";pointer-events:none;display:none;position:absolute;inset:0}.image-lab__empty{z-index:2;text-align:center;width:min(90%,31rem);padding:3rem 1rem;position:relative}.image-lab__empty-label{color:#ffffff61;letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.8rem;font-weight:900}.image-lab__empty h2{color:#fff;letter-spacing:-.06em;margin:.45rem 0 0;font-size:clamp(2rem,4vw,3.3rem);font-weight:950;line-height:.95}.image-lab__empty-copy{color:#ffffff7a;max-width:25rem;margin:.8rem auto 0;font-size:.88rem;line-height:1.4rem}.image-lab__empty-action{color:#171717;background:#f5f2ed;border-radius:999px;align-items:center;gap:.8rem;margin-top:1.25rem;padding:.72rem .9rem .72rem 1rem;font-size:.84rem;font-weight:900;display:inline-flex}.image-lab__empty-action span{color:#fff;background:#171717;border-radius:999px;place-items:center;width:1.7rem;height:1.7rem;display:grid}.image-lab__actions{z-index:7;color:#fff;backdrop-filter:blur(18px);background:#0c0d11cc;border:1px solid #ffffff17;border-radius:1rem;justify-content:space-between;align-items:center;gap:1rem;padding:.58rem .62rem .58rem .8rem;position:absolute;bottom:.75rem;left:.75rem;right:.75rem}.image-lab__actions small,.image-lab__actions strong{display:block}.image-lab__actions small{color:#ffffff59;letter-spacing:.1em;text-transform:uppercase;font-size:.8rem;font-weight:900}.image-lab__actions strong{text-overflow:ellipsis;white-space:nowrap;max-width:28rem;margin-top:.08rem;font-size:.84rem;overflow:hidden}.image-lab__actions button{color:#171717;background:#f5f2ed;border:0;border-radius:999px;flex:none;padding:.65rem .85rem;font-size:.84rem;font-weight:900}.image-lab__magnifier{color:#fff;backdrop-filter:blur(16px);background:#0a0b0ee0;border:1px solid #ffffff1f;border-radius:1rem;width:190px;padding:.65rem;box-shadow:0 18px 50px #00000047}.image-lab__magnifier-head{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.55rem;display:flex}.image-lab__magnifier-head p{color:#ffffff57;letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:.8rem;font-weight:900}.image-lab__magnifier-head strong{margin-top:.1rem;font-size:.84rem;display:block}.image-lab__magnifier-head>span{color:#ffffff59;font-size:.8rem;font-weight:800}.image-lab__palette{color:#fff;background:#17191f;flex-direction:column;min-height:0;padding:1rem;display:flex}.image-lab__palette-head{justify-content:space-between;align-items:flex-start;gap:1rem;padding:.25rem .2rem .9rem;display:flex}.image-lab__palette-head h2{letter-spacing:-.055em;margin:.15rem 0 0;font-size:2.1rem;font-weight:950;line-height:1}.image-lab__count span{color:#ffffff57;letter-spacing:.1em;text-align:right;text-transform:uppercase;margin-bottom:.35rem;font-size:.8rem;font-weight:900;display:block}.image-lab__picked{background:#ffffff0e;border:1px solid #ffffff17;border-radius:1rem;grid-template-columns:3.25rem minmax(0,1fr) auto;align-items:center;gap:.7rem;margin:.35rem 0 .8rem;padding:.6rem;display:grid}.image-lab__picked-swatch{border:1px solid #ffffff1a;border-radius:.85rem;width:3.25rem;height:3.25rem;display:block}.image-lab__picked small,.image-lab__picked strong,.image-lab__picked code{display:block}.image-lab__picked small{color:#ffffff57;letter-spacing:.1em;text-transform:uppercase;font-size:.8rem;font-weight:900}.image-lab__picked strong{margin-top:.1rem;font-size:.9rem}.image-lab__picked code{color:#ffffff6b;margin-top:.08rem;font-size:.8rem}.image-lab__picked button{color:#fff;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:999px;padding:.55rem .65rem;font-size:.8rem;font-weight:900}.image-lab__palette-empty{text-align:center;border:1px dashed #ffffff1c;border-radius:1.15rem;align-content:center;place-items:center;min-height:21rem;padding:2rem 1rem;display:grid}.image-lab__palette-preview{opacity:.28;border-radius:.85rem;width:min(14rem,80%);height:4rem;margin-bottom:1rem;display:flex;overflow:hidden}.image-lab__palette-preview span{flex:1}.image-lab__palette-preview span:first-child{background:#ff7aa8}.image-lab__palette-preview span:nth-child(2){background:#ffca58}.image-lab__palette-preview span:nth-child(3){background:#d7ff4f}.image-lab__palette-preview span:nth-child(4){background:#56d8e8}.image-lab__palette-preview span:nth-child(5){background:#8b6cff}.image-lab__palette-empty strong{font-size:.88rem}.image-lab__palette-empty p{color:#ffffff61;max-width:17rem;margin:.35rem auto 0;font-size:.84rem;line-height:1.2rem}.image-lab__strip{border:1px solid #ffffff17;border-radius:1rem;height:8rem;display:flex;overflow:hidden}.image-lab__strip-color{cursor:pointer;border:0;flex:1;min-width:0;transition:flex .18s;position:relative}.image-lab__strip-color:hover{flex:1.6}.image-lab__strip-color>span{color:#fff;backdrop-filter:blur(5px);background:#0000008c;border-radius:999px;place-items:center;width:1.35rem;height:1.35rem;font-size:.8rem;font-weight:900;display:grid;position:absolute;top:.4rem;left:.4rem}.image-lab__strip-color code{color:#fff;text-align:center;text-overflow:ellipsis;text-shadow:0 1px 4px #000000a6;white-space:nowrap;opacity:0;font-size:.8rem;font-weight:900;transition:opacity .15s;position:absolute;bottom:.35rem;left:.25rem;right:.25rem;overflow:hidden}.image-lab__strip-color:hover code{opacity:1}.image-lab__palette-list{gap:.4rem;max-height:21.5rem;margin-top:.65rem;padding-right:.15rem;display:grid;overflow-y:auto}.image-lab__palette-row{color:#fff;text-align:left;background:#ffffff09;border:1px solid #ffffff13;border-radius:.85rem;grid-template-columns:2.5rem minmax(0,1fr) auto 1.75rem;align-items:center;gap:.6rem;width:100%;padding:.48rem .55rem;transition:background .15s,transform .15s;display:grid}.image-lab__palette-row:hover{background:#ffffff12;transform:translate(2px)}.image-lab__palette-row-swatch{border:1px solid #ffffff17;border-radius:.7rem;width:2.5rem;height:2.5rem}.image-lab__palette-row-copy strong,.image-lab__palette-row-copy small{display:block}.image-lab__palette-row-copy strong{font-size:.84rem}.image-lab__palette-row-copy small{color:#ffffff52;letter-spacing:.04em;margin-top:.1rem;font-size:.8rem}.image-lab__palette-row-weight{color:#ffffff61;font-size:.8rem;font-weight:900}.image-lab__palette-actions{grid-template-columns:1fr;gap:.45rem;width:100%;margin-top:.75rem;display:grid}.image-lab__palette-actions button{border-radius:999px;width:100%;min-height:2.65rem;font-size:.84rem;font-weight:900}.image-lab__palette-actions button:first-child{color:#171717;background:#d7ff4f;border:0}.image-lab__palette-actions #share-palette,.image-lab__palette-actions #download-palette{color:#fff;background:#ffffff0a;border:1px solid #ffffff1a}.image-lab__privacy{color:#ffffff57;align-items:flex-start;gap:.55rem;margin-top:auto;padding:1rem .2rem .2rem;display:flex}.image-lab__privacy>span{color:#d7ff4f;font-size:.84rem}.image-lab__privacy p{margin:0;font-size:.8rem;line-height:1.05rem}.image-lab__privacy strong{color:#ffffff9e}.image-lab__steps{grid-template-columns:repeat(3,1fr);gap:.65rem;margin-top:.75rem;display:grid}.image-lab__steps article{background:#ffffff6b;border:1px solid #17171717;border-radius:1rem;grid-template-columns:2.35rem minmax(0,1fr);gap:.75rem;padding:.85rem;display:grid}.image-lab__steps article>span{color:#d7ff4f;background:#171717;border-radius:.75rem;place-items:center;width:2.35rem;height:2.35rem;font-size:.8rem;font-weight:900;display:grid}.image-lab__steps strong{font-size:.88rem;display:block}.image-lab__steps p{color:#17171775;margin:.16rem 0 0;font-size:.84rem;line-height:1.05rem}[data-theme=dark] .image-colors-heading>div:first-child>p:last-child,[data-theme=dark] .image-colors-kicker{color:#f5f2ed85}[data-theme=dark] .image-colors-heading__badges span,[data-theme=dark] .image-lab__steps article{color:#f5f2edb3;background:#ffffff0b;border-color:#ffffff17}[data-theme=dark] .image-lab__steps p{color:#f5f2ed6b}[data-theme=dark] .image-lab__steps article>span{color:#171717;background:#f3f0ea}@media (width<=900px){.image-colors-heading{flex-direction:column;align-items:flex-start;gap:.85rem}.image-colors-heading__badges{justify-content:flex-start}.image-lab{grid-template-columns:1fr}.image-lab__palette{min-height:auto}.image-lab__drop{min-height:470px}}@media (width<=639px){.image-colors-heading h1{font-size:2.5rem!important}.image-colors-heading__badges{gap:.3rem}.image-colors-heading__badges span{padding:.4rem .5rem;font-size:.8rem}.image-lab__viewer,.image-lab__palette{border-radius:1.25rem}.image-lab__viewer-hints{display:none}.image-lab__drop{min-height:390px!important}.image-lab__empty{padding:2rem .65rem}.image-lab__empty h2{font-size:2rem!important}.image-lab__actions{bottom:.5rem!important;left:.5rem!important;right:.5rem!important}.image-lab__magnifier{width:150px!important}.image-lab__strip{height:6.25rem}.image-lab__palette-list{max-height:none}.image-lab__steps{grid-template-columns:1fr}}.gradient-lab-heading{justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:1.25rem;display:flex}.gradient-lab-kicker{color:#17171761;letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.8rem;font-weight:900}.gradient-lab-heading h1{letter-spacing:-.07em;margin:.15rem 0 0;font-size:clamp(2.3rem,5vw,4.5rem);font-weight:950;line-height:.94}.gradient-lab-heading>div>p:last-child{color:#1717178f;max-width:44rem;margin:.65rem 0 0;font-size:.86rem;line-height:1.55rem}.gradient-lab-random{color:#171717;backdrop-filter:blur(12px);background:#ffffff8c;border:1px solid #1717171c;border-radius:999px;flex:none;align-items:center;gap:.55rem;padding:.7rem .9rem;font-size:.84rem;font-weight:900;transition:transform .15s,background .15s;display:inline-flex;box-shadow:0 8px 24px #1717170d}.gradient-lab-random:hover{background:#fff;transform:translateY(-2px)rotate(-1deg)}.gradient-lab-random span{color:#d7ff4f;background:#171717;border-radius:999px;place-items:center;width:1.65rem;height:1.65rem;display:grid}.gradient-lab-shell{grid-template-columns:minmax(0,1.48fr) minmax(20rem,.52fr);gap:1rem;display:grid}.gradient-lab-stage-wrap,.gradient-lab-controls{min-width:0}.gradient-lab-stage-wrap{background:#ffffff7a;border:1px solid #1717171a;border-radius:1.65rem;overflow:hidden;box-shadow:0 20px 55px #17171713}.gradient-lab-toolbar{border-bottom:1px solid #17171714;justify-content:space-between;align-items:center;gap:1rem;min-height:4.2rem;padding:.7rem .8rem;display:flex}.gradient-lab-mode{background:#1717170a;border:1px solid #17171717;border-radius:999px;grid-template-columns:1fr 1fr;gap:.25rem;padding:.28rem;display:grid}.gradient-lab-mode button{color:#1717177a;background:0 0;border:0;border-radius:999px;min-width:5.4rem;min-height:2rem;font-size:.84rem;font-weight:900;transition:all .15s}.gradient-lab-mode button.is-active{color:#d7ff4f;background:#171717;box-shadow:0 5px 14px #17171724}.gradient-lab-toolbar__meta{flex-wrap:wrap;justify-content:flex-end;gap:.35rem;display:flex}.gradient-lab-toolbar__meta span{color:#17171775;border:1px solid #17171714;border-radius:999px;padding:.45rem .6rem;font-size:.8rem;font-weight:850}.gradient-lab-toolbar__meta b{color:#171717}.gradient-lab-stage{isolation:isolate;min-height:590px;position:relative;overflow:hidden}.gradient-lab-stage:after{content:"";z-index:1;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff14}.gradient-lab-grid{z-index:2;pointer-events:none;opacity:.16;background-image:linear-gradient(#ffffff52 1px,#0000 1px),linear-gradient(90deg,#ffffff52 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;mask-image:linear-gradient(#000,#0000 82%)}.gradient-lab-stage__badge{z-index:4;color:#fff;letter-spacing:.06em;backdrop-filter:blur(14px);background:#0c0d116b;border:1px solid #ffffff26;border-radius:999px;align-items:center;gap:.45rem;padding:.45rem .62rem;font-size:.8rem;font-weight:900;display:inline-flex;position:absolute;top:1rem;left:1rem}.gradient-lab-live-dot{background:#d7ff4f;border-radius:999px;width:.45rem;height:.45rem;box-shadow:0 0 0 .25rem #d7ff4f24}.gradient-lab-stage__glass{z-index:4;color:#fff;text-align:right;backdrop-filter:blur(18px);background:#0c0d114d;border:1px solid #ffffff24;border-radius:1rem;min-width:10rem;padding:.65rem .75rem;position:absolute;top:1rem;right:1rem}.gradient-lab-stage__glass p{color:#ffffff70;letter-spacing:.09em;text-transform:uppercase;margin:0;font-size:.8rem;font-weight:900}.gradient-lab-stage__glass strong{margin-top:.12rem;font-size:.84rem;display:block}.gradient-lab-code-dock{z-index:4;color:#fff;backdrop-filter:blur(18px);background:#0a0b0eb8;border:1px solid #ffffff26;border-radius:1.1rem;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.7rem .75rem .7rem .9rem;display:grid;position:absolute;bottom:1rem;left:1rem;right:1rem;box-shadow:0 18px 50px #0000002e}.gradient-lab-code-dock small{color:#ffffff61;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.18rem;font-size:.8rem;font-weight:900;display:block}.gradient-lab-code-dock code{color:#ffffffd6;text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;line-height:1.05rem;display:block;overflow:hidden}.gradient-lab-code-dock button{color:#171717;background:#f5f2ed;border:0;border-radius:999px;align-items:center;gap:.55rem;padding:.65rem .75rem .65rem .85rem;font-size:.84rem;font-weight:900;display:inline-flex}.gradient-lab-code-dock button span{color:#d7ff4f;background:#171717;border-radius:999px;place-items:center;width:1.55rem;height:1.55rem;font-size:.8rem;display:grid}.gradient-lab-palette{border-top:1px solid #17171714;padding:.9rem}.gradient-lab-palette-row{border:1px solid #17171714;border-radius:1rem;height:5.5rem;margin-top:.6rem;display:flex;overflow:hidden}.gradient-lab-palette-color{border:0;flex:1;min-width:0;transition:flex .16s;position:relative}.gradient-lab-palette-color:hover{flex:1.45}.gradient-lab-palette-color>span{color:#fff;background:#0000008c;border-radius:999px;place-items:center;width:1.35rem;height:1.35rem;font-size:.8rem;font-weight:900;display:grid;position:absolute;top:.35rem;left:.35rem}.gradient-lab-palette-color code{color:#fff;text-align:center;text-overflow:ellipsis;text-shadow:0 1px 5px #000000bf;white-space:nowrap;opacity:0;font-size:.8rem;font-weight:900;transition:opacity .14s;position:absolute;bottom:.3rem;left:.25rem;right:.25rem;overflow:hidden}.gradient-lab-palette-color:hover code{opacity:1}.gradient-lab-controls{align-content:start;gap:1rem;display:grid}.gradient-lab-panel{background:#ffffff8c;border:1px solid #1717171a;border-radius:1.4rem;padding:1rem;box-shadow:0 12px 34px #1717170b}.gradient-lab-section-title{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.gradient-lab-section-title p{color:#1717175e;letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.8rem;font-weight:900}.gradient-lab-section-title strong{margin-top:.13rem;font-size:.88rem;display:block}.gradient-lab-chip{color:#1717177a;text-transform:uppercase;background:#1717170a;border:1px solid #17171717;border-radius:999px;padding:.35rem .5rem;font-size:.8rem;font-weight:900}.gradient-lab-angle{background:#17171706;border:1px solid #17171714;border-radius:1rem;margin-top:1rem;padding:.75rem}.gradient-lab-angle__readout{justify-content:space-between;align-items:center;gap:1rem;display:flex}.gradient-lab-angle__readout span{color:#17171773;font-size:.8rem;font-weight:850}.gradient-lab-angle__readout strong{letter-spacing:-.04em;font-size:1.2rem;font-weight:950}.gradient-lab-angle__track{margin-top:.75rem}.gradient-lab-angle input[type=range],.gradient-lab-stop input[type=range]{accent-color:#171717;width:100%}.gradient-lab-angle__ticks{color:#1717174d;justify-content:space-between;margin-top:.35rem;font-size:.8rem;font-weight:800;display:flex}.gradient-lab-radial{margin-top:1rem}.gradient-lab-radial label{color:#17171773;margin-bottom:.4rem;font-size:.8rem;font-weight:850;display:block}.gradient-lab-radial select{background:#ffffffb8;border:1px solid #17171717;border-radius:.85rem;width:100%;padding:.65rem .7rem;font-size:.84rem;font-weight:850}.gradient-lab-native{border-top:1px solid #17171712;margin-top:.8rem;padding:.7rem .05rem 0}.gradient-lab-native span{color:#1717175e;letter-spacing:.08em;text-transform:uppercase;font-size:.8rem;font-weight:900}.gradient-lab-native strong{margin-top:.15rem;font-size:.84rem;display:block}.gradient-lab-native p{color:#1717176b;margin:.25rem 0 0;font-size:.8rem;line-height:1rem}.gradient-lab-stops .gradient-lab-section-title>button{color:#fff;background:#171717;border:0;border-radius:999px;padding:.52rem .66rem;font-size:.8rem;font-weight:900}.gradient-lab-stop-list{gap:.48rem;margin-top:.8rem;display:grid}.gradient-lab-stop{background:#ffffff7a;border:1px solid #17171714;border-radius:.95rem;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr) 1.9rem;align-items:center;gap:.65rem;padding:.55rem;display:grid}.gradient-lab-stop__identity{grid-template-columns:2.5rem minmax(0,1fr);align-items:center;gap:.55rem;display:grid}.gradient-lab-stop__identity .stop-color{cursor:pointer;background:0 0;border:1px solid #1717171a;border-radius:.72rem;width:2.5rem;height:2.5rem;padding:0;overflow:hidden}.gradient-lab-stop__identity small{color:#17171759;letter-spacing:.08em;text-transform:uppercase;font-size:.8rem;font-weight:900;display:block}.gradient-lab-stop__identity .stop-hex{color:#171717;text-transform:uppercase;background:0 0;border:0;outline:none;width:100%;margin-top:.1rem;padding:0;font-size:.84rem;font-weight:900}.gradient-lab-stop__position{grid-template-columns:minmax(0,1fr) 3.6rem;align-items:center;gap:.45rem;display:grid}.gradient-lab-stop__number{background:#ffffffa6;border:1px solid #17171714;border-radius:.7rem;grid-template-columns:1fr auto;align-items:center;padding-right:.45rem;display:grid}.gradient-lab-stop__number input{background:0 0;border:0;outline:none;width:100%;padding:.45rem .1rem .45rem .5rem;font-size:.84rem;font-weight:900}.gradient-lab-stop__number span{color:#17171759;font-size:.8rem;font-weight:800}.gradient-lab-stop__remove{color:#1717176b;background:0 0;border:1px solid #17171714;border-radius:999px;place-items:center;width:1.9rem;height:1.9rem;font-size:.88rem;font-weight:900;transition:all .14s;display:grid}.gradient-lab-stop__remove:hover:not(:disabled){color:#fff;background:#171717}.gradient-lab-stop__remove:disabled{opacity:.2}.gradient-lab-presets{background:#ffffff6b;border:1px solid #17171717;border-radius:1.45rem;margin-top:1rem;padding:1rem}.gradient-lab-presets__head{justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.gradient-lab-presets__head h2{letter-spacing:-.05em;margin:.15rem 0 0;font-size:1.75rem;font-weight:950}.gradient-lab-presets__head>p{color:#1717176b;text-align:right;max-width:19rem;margin:0;font-size:.84rem;line-height:1.05rem}.gradient-lab-preset-grid{grid-template-columns:repeat(3,1fr);gap:.55rem;margin-top:.85rem;display:grid}.gradient-lab-preset{color:#171717;text-align:left;background:#ffffff8c;border:1px solid #17171714;border-radius:.9rem;grid-template-columns:5.2rem minmax(0,1fr) 1.7rem;align-items:center;gap:.65rem;padding:.48rem;transition:transform .14s,background .14s;display:grid}.gradient-lab-preset:hover{background:#fff;transform:translateY(-2px)}.gradient-lab-preset__preview{border-radius:.65rem;height:3rem;display:flex;overflow:hidden}.gradient-lab-preset__preview span{flex:1}.gradient-lab-preset__meta strong,.gradient-lab-preset__meta small{display:block}.gradient-lab-preset__meta strong{font-size:.84rem}.gradient-lab-preset__meta small{color:#1717175e;margin-top:.08rem;font-size:.8rem;font-weight:800}.gradient-lab-preset__arrow{color:#17171794;background:#1717170f;border-radius:999px;place-items:center;width:1.7rem;height:1.7rem;font-size:.8rem;display:grid}[data-theme=dark] .gradient-lab-kicker,[data-theme=dark] .gradient-lab-heading>div>p:last-child,[data-theme=dark] .gradient-lab-section-title p,[data-theme=dark] .gradient-lab-native p,[data-theme=dark] .gradient-lab-presets__head>p{color:#f5f2ed7a}[data-theme=dark] .gradient-lab-random,[data-theme=dark] .gradient-lab-stage-wrap,[data-theme=dark] .gradient-lab-panel,[data-theme=dark] .gradient-lab-presets,[data-theme=dark] .gradient-lab-preset,[data-theme=dark] .gradient-lab-stop{color:#f5f2ed;background:#ffffff0b;border-color:#ffffff17}[data-theme=dark] .gradient-lab-random:hover,[data-theme=dark] .gradient-lab-preset:hover{background:#ffffff13}[data-theme=dark] .gradient-lab-random span,[data-theme=dark] .gradient-lab-mode button.is-active,[data-theme=dark] .gradient-lab-stops .gradient-lab-section-title>button{color:#171717;background:#f3f0ea}[data-theme=dark] .gradient-lab-toolbar,[data-theme=dark] .gradient-lab-palette,[data-theme=dark] .gradient-lab-native{border-color:#ffffff14}[data-theme=dark] .gradient-lab-mode,[data-theme=dark] .gradient-lab-chip,[data-theme=dark] .gradient-lab-angle,[data-theme=dark] .gradient-lab-stop__number,[data-theme=dark] .gradient-lab-toolbar__meta span,[data-theme=dark] .gradient-lab-preset__arrow{background:#ffffff0b;border-color:#ffffff14}[data-theme=dark] .gradient-lab-mode button,[data-theme=dark] .gradient-lab-toolbar__meta span,[data-theme=dark] .gradient-lab-chip,[data-theme=dark] .gradient-lab-angle__readout span,[data-theme=dark] .gradient-lab-angle__ticks,[data-theme=dark] .gradient-lab-native span,[data-theme=dark] .gradient-lab-stop__identity small,[data-theme=dark] .gradient-lab-preset__meta small,[data-theme=dark] .gradient-lab-preset__arrow{color:#f5f2ed70}[data-theme=dark] .gradient-lab-toolbar__meta b,[data-theme=dark] .gradient-lab-stop__identity .stop-hex,[data-theme=dark] .gradient-lab-stop__number input{color:#f5f2ed}[data-theme=dark] .gradient-lab-radial select{color:#f5f2ed;background:#171a20;border-color:#ffffff17}[data-theme=dark] .gradient-lab-angle input[type=range],[data-theme=dark] .gradient-lab-stop input[type=range]{accent-color:#d7ff4f}@media (width<=1000px){.gradient-lab-shell{grid-template-columns:1fr}.gradient-lab-controls{grid-template-columns:.75fr 1.25fr}.gradient-lab-stage{min-height:520px}}@media (width<=760px){.gradient-lab-heading{flex-direction:column;align-items:flex-start;gap:.8rem}.gradient-lab-heading h1{font-size:2.65rem!important}.gradient-lab-controls{grid-template-columns:1fr}.gradient-lab-toolbar{flex-direction:column;align-items:flex-start}.gradient-lab-toolbar__meta{justify-content:flex-start}.gradient-lab-stage{min-height:440px}.gradient-lab-code-dock{grid-template-columns:1fr}.gradient-lab-code-dock button{justify-content:space-between}.gradient-lab-stop{grid-template-columns:1fr auto}.gradient-lab-stop__position{order:3;grid-column:1/-1}.gradient-lab-preset-grid{grid-template-columns:1fr 1fr}}@media (width<=480px){.gradient-lab-preset-grid{grid-template-columns:1fr}.gradient-lab-stage{min-height:390px}.gradient-lab-stage__glass{display:none}.gradient-lab-palette-row{height:4.5rem}}.converter-lab-heading{justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:1.25rem;display:flex}.converter-lab-kicker{color:#17171761;letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.8rem;font-weight:900}.converter-lab-heading h1{letter-spacing:-.07em;margin:.15rem 0 0;font-size:clamp(2.3rem,5vw,4.45rem);font-weight:950;line-height:.94}.converter-lab-heading>div>p:last-child{color:#1717178f;margin:.65rem 0 0;font-size:.86rem;line-height:1.5rem}.converter-lab-random{color:#171717;backdrop-filter:blur(12px);background:#ffffff94;border:1px solid #1717171a;border-radius:999px;flex:none;align-items:center;gap:.55rem;padding:.7rem .9rem;font-size:.84rem;font-weight:900;transition:transform .15s,background .15s;display:inline-flex;box-shadow:0 8px 24px #1717170d}.converter-lab-random:hover{background:#fff;transform:translateY(-2px)rotate(-1deg)}.converter-lab-random span{color:#d7ff4f;background:#171717;border-radius:999px;place-items:center;width:1.65rem;height:1.65rem;display:grid}.converter-lab{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:1rem;display:grid}.converter-lab__source,.converter-lab__outputs{border:1px solid #1717171a;border-radius:1.6rem;min-width:0;box-shadow:0 18px 48px #17171711}.converter-lab__source{color:#fff;background:#17191f;flex-direction:column;padding:1rem;display:flex;overflow:hidden}.converter-lab__source-head,.converter-lab__outputs-head{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.converter-lab__source-head p,.converter-lab__outputs-head p{color:#ffffff5c;letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.8rem;font-weight:900}.converter-lab__source-head strong,.converter-lab__outputs-head strong{margin-top:.12rem;font-size:.88rem;display:block}.converter-lab__live{color:#d7ff4f;letter-spacing:.08em;text-transform:uppercase;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;padding:.4rem .55rem;font-size:.8rem;font-weight:900}.converter-lab__input-row{grid-template-columns:4.4rem minmax(0,1fr);gap:.55rem;margin-top:1rem;display:grid}.converter-lab__picker{cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:1rem;width:4.4rem;height:4.4rem;padding:0;overflow:hidden}.converter-lab__hex-field{background:#ffffff0e;border:1px solid #ffffff1a;border-radius:1rem;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.7rem;padding:0 .8rem;display:grid}.converter-lab__hex-field span{color:#ffffff59;letter-spacing:.1em;font-size:.8rem;font-weight:900}.converter-lab__hex-field input{letter-spacing:-.025em;text-transform:uppercase;outline:none;min-width:0;font-size:1.1rem;font-weight:950;color:#fff!important;background:0 0!important;border:0!important}.converter-lab__swatch{cursor:pointer;isolation:isolate;border:1px solid #ffffff1a;border-radius:1.2rem;min-height:430px;margin-top:.75rem;position:relative;overflow:hidden}.converter-lab__swatch:after{content:"";z-index:1;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff0f}.converter-lab__swatch-grid{z-index:1;opacity:.12;background-image:linear-gradient(#ffffff4d 1px,#0000 1px),linear-gradient(90deg,#ffffff4d 1px,#0000 1px);background-size:36px 36px;position:absolute;inset:0;mask-image:radial-gradient(circle,#000 10%,#0000 78%)}.converter-lab__swatch-badge{z-index:3;color:#fff;backdrop-filter:blur(14px);background:#0c0d1173;border:1px solid #ffffff29;border-radius:999px;padding:.45rem .62rem;font-size:.8rem;font-weight:900;position:absolute;bottom:.75rem;right:.75rem}.converter-lab__source-note{color:#ffffff61;align-items:flex-start;gap:.55rem;margin-top:auto;padding:.85rem .15rem .1rem;display:flex}.converter-lab__source-note>span{color:#d7ff4f;font-size:.8rem}.converter-lab__source-note p{margin:0;font-size:.8rem;line-height:1.05rem}.converter-lab__source-note strong{color:#ffffffa6}.converter-lab__outputs{background:#ffffff85;padding:1rem}.converter-lab__outputs-head p{color:#17171761}.converter-lab__outputs-head strong{color:#171717}.converter-lab__outputs-head>span{color:#1717175e;font-size:.8rem;font-weight:800}.converter-lab__value-stack{gap:.55rem;margin-top:.9rem;display:grid}.converter-lab__value-card{color:#171717;text-align:left;background:#ffffff9e;border:1px solid #17171717;border-radius:1rem;grid-template-columns:2.25rem minmax(0,1fr) 2rem;align-items:center;gap:.75rem;width:100%;min-height:6rem;padding:.75rem;transition:transform .15s,background .15s,border-color .15s;display:grid}.converter-lab__value-card:hover{background:#fff;border-color:#17171729;transform:translate(3px)}.converter-lab__value-card--hero{min-height:7rem}.converter-lab__value-index{color:#d7ff4f;background:#171717;border-radius:.7rem;place-items:center;width:2.25rem;height:2.25rem;font-size:.8rem;font-weight:900;display:grid}.converter-lab__value-copy{min-width:0}.converter-lab__value-copy small,.converter-lab__value-copy strong,.converter-lab__value-copy em{display:block}.converter-lab__value-copy small{color:#17171761;letter-spacing:.1em;text-transform:uppercase;font-size:.8rem;font-weight:900}.converter-lab__value-copy strong{overflow-wrap:anywhere;letter-spacing:-.025em;margin-top:.18rem;font-size:clamp(.9rem,1.5vw,1.15rem);font-weight:950;line-height:1.15}.converter-lab__value-card--hero .converter-lab__value-copy strong{font-size:clamp(1.2rem,2vw,1.65rem)}.converter-lab__value-copy em{color:#1717175e;margin-top:.25rem;font-size:.8rem;font-style:normal;line-height:.85rem}.converter-lab__copy-icon{color:#1717177a;background:#1717170e;border-radius:999px;justify-self:end;place-items:center;width:2rem;height:2rem;font-size:.84rem;transition:transform .15s;display:grid}.converter-lab__value-card:hover .converter-lab__copy-icon{transform:rotate(-5deg)scale(1.06)}.converter-lab__value-card--cmyk{min-height:7rem}.converter-lab__guide{grid-template-columns:repeat(3,1fr);gap:.6rem;margin-top:.75rem;display:grid}.converter-lab__guide article{background:#fff6;border:1px solid #17171714;border-radius:.95rem;grid-template-columns:3rem minmax(0,1fr);align-items:center;gap:.7rem;padding:.7rem;display:grid}.converter-lab__guide article>span{color:#d7ff4f;background:#171717;border-radius:.75rem;place-items:center;width:3rem;height:3rem;font-size:.8rem;font-weight:900;display:grid}.converter-lab__guide strong{font-size:.84rem;display:block}.converter-lab__guide p{color:#1717176e;margin:.15rem 0 0;font-size:.8rem;line-height:.95rem}[data-theme=dark] .converter-lab-kicker,[data-theme=dark] .converter-lab-heading>div>p:last-child{color:#f5f2ed80}[data-theme=dark] .converter-lab-random,[data-theme=dark] .converter-lab__outputs,[data-theme=dark] .converter-lab__value-card,[data-theme=dark] .converter-lab__guide article{color:#f5f2ed;background:#ffffff0b;border-color:#ffffff17}[data-theme=dark] .converter-lab-random:hover,[data-theme=dark] .converter-lab__value-card:hover{background:#ffffff13}[data-theme=dark] .converter-lab-random span,[data-theme=dark] .converter-lab__value-index,[data-theme=dark] .converter-lab__guide article>span{color:#171717;background:#f3f0ea}[data-theme=dark] .converter-lab__outputs-head p,[data-theme=dark] .converter-lab__outputs-head>span,[data-theme=dark] .converter-lab__value-copy small,[data-theme=dark] .converter-lab__value-copy em,[data-theme=dark] .converter-lab__guide p{color:#f5f2ed6e}[data-theme=dark] .converter-lab__outputs-head strong,[data-theme=dark] .converter-lab__value-copy strong{color:#f5f2ed}[data-theme=dark] .converter-lab__copy-icon{color:#f5f2ed80;background:#ffffff12}@media (width<=900px){.converter-lab{grid-template-columns:1fr}.converter-lab__swatch{min-height:360px}}@media (width<=700px){.converter-lab-heading{flex-direction:column;align-items:flex-start;gap:.8rem}.converter-lab-heading h1{font-size:2.65rem!important}.converter-lab__guide{grid-template-columns:1fr}.converter-lab__swatch{min-height:300px}}@media (width<=480px){.converter-lab__input-row{grid-template-columns:3.8rem minmax(0,1fr)}.converter-lab__picker{width:3.8rem;height:3.8rem}.converter-lab__value-card{grid-template-columns:1.9rem minmax(0,1fr) 1.8rem;gap:.55rem}.converter-lab__value-index{width:1.9rem;height:1.9rem}.converter-lab__copy-icon{width:1.8rem;height:1.8rem}}.contrast-lab-heading{justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:1.25rem;display:flex}.contrast-lab-kicker{color:#17171761;letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.8rem;font-weight:900}.contrast-lab-heading h1{letter-spacing:-.07em;margin:.15rem 0 0;font-size:clamp(2.3rem,5vw,4.45rem);font-weight:950;line-height:.94}.contrast-lab-heading>div:first-child>p:last-child{color:#1717178f;max-width:42rem;margin:.65rem 0 0;font-size:.86rem;line-height:1.5rem}.contrast-lab-heading__badges{flex-wrap:wrap;justify-content:flex-end;gap:.4rem;display:flex}.contrast-lab-heading__badges span{color:#17171780;letter-spacing:.07em;text-transform:uppercase;background:#ffffff80;border:1px solid #17171717;border-radius:999px;padding:.48rem .62rem;font-size:.8rem;font-weight:900}.contrast-lab{grid-template-columns:minmax(20rem,.58fr) minmax(0,1.42fr);gap:1rem;display:grid}.contrast-lab__controls,.contrast-lab__preview,.contrast-lab__results{border:1px solid #1717171a;border-radius:1.6rem;box-shadow:0 18px 48px #17171711}.contrast-lab__controls{color:#fff;background:#17191f;align-self:start;padding:1rem}.contrast-lab__controls-head,.contrast-lab__results-head,.contrast-lab__preview-top{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.contrast-lab__controls-head p,.contrast-lab__results-head p{color:#ffffff59;letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.8rem;font-weight:900}.contrast-lab__controls-head strong,.contrast-lab__results-head strong{margin-top:.12rem;font-size:.88rem;display:block}.contrast-lab__live{color:#d7ff4f;letter-spacing:.08em;text-transform:uppercase;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;padding:.38rem .52rem;font-size:.8rem;font-weight:900}.contrast-lab__color-stack{gap:.5rem;margin-top:1rem;display:grid}.contrast-lab__color-card{background:#ffffff0b;border:1px solid #ffffff17;border-radius:1rem;padding:.7rem}.contrast-lab__color-label{align-items:center;gap:.6rem;display:flex}.contrast-lab__color-label>span{color:#ffffff6b;background:#ffffff12;border-radius:.6rem;place-items:center;width:1.9rem;height:1.9rem;font-size:.8rem;font-weight:900;display:grid}.contrast-lab__color-label small,.contrast-lab__color-label strong{display:block}.contrast-lab__color-label small{color:#ffffff4f;letter-spacing:.09em;text-transform:uppercase;font-size:.8rem;font-weight:900}.contrast-lab__color-label strong{margin-top:.08rem;font-size:.84rem}.contrast-lab__color-inputs{grid-template-columns:3.3rem minmax(0,1fr) 2.35rem;gap:.45rem;margin-top:.65rem;display:grid}.contrast-lab__color-inputs>input[type=color]{cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:.8rem;width:3.3rem;height:3.3rem;padding:0;overflow:hidden}.contrast-lab__color-inputs label{background:#ffffff0b;border:1px solid #ffffff17;border-radius:.8rem;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.55rem;padding:0 .65rem;display:grid}.contrast-lab__color-inputs label span{color:#ffffff4a;letter-spacing:.08em;font-size:.8rem;font-weight:900}.contrast-lab__color-inputs label input{text-transform:uppercase;outline:none;min-width:0;font-size:.88rem;font-weight:900;color:#fff!important;background:0 0!important;border:0!important}.contrast-lab__color-inputs>button{color:#ffffff8f;background:#ffffff0b;border:1px solid #ffffff17;border-radius:.8rem;font-size:.88rem}.contrast-lab__swap{color:#ffffffb8;background:#ffffff0d;border:1px solid #ffffff17;border-radius:999px;justify-self:center;align-items:center;gap:.45rem;padding:.42rem .65rem;font-size:.8rem;font-weight:900;display:inline-flex}.contrast-lab__swap span{color:#d7ff4f}.contrast-lab__ratio-card{background:#00000029;border:1px solid #ffffff17;border-radius:1rem;margin-top:.75rem;padding:.85rem}.contrast-lab__ratio-card>div:first-child{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.contrast-lab__ratio-card p{color:#ffffff57;letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:.8rem;font-weight:900}.contrast-lab__ratio-card #ratio{letter-spacing:-.06em;font-size:2.45rem;font-weight:950;line-height:1}.contrast-lab__ratio-status{align-items:center;gap:.45rem;margin-top:.45rem;display:flex}.contrast-lab__ratio-status>span{background:#ff7aa8;border-radius:999px;width:.48rem;height:.48rem;box-shadow:0 0 0 .22rem #ff7aa81a}.contrast-lab__ratio-status>span[data-level=limited]{background:#ffca58;box-shadow:0 0 0 .22rem #ffca581a}.contrast-lab__ratio-status>span[data-level=strong],.contrast-lab__ratio-status>span[data-level=excellent]{background:#d7ff4f;box-shadow:0 0 0 .22rem #d7ff4f1a}.contrast-lab__ratio-status strong{color:#ffffff9e;font-size:.8rem}.contrast-lab__meter{background:#ffffff14;border-radius:999px;height:.45rem;margin-top:.75rem;position:relative;overflow:hidden}.contrast-lab__meter>span{border-radius:inherit;background:linear-gradient(90deg,#ff7aa8,#ffca58,#d7ff4f);width:0;height:100%;transition:width .22s;display:block}.contrast-lab__meter i{background:#ffffff73;width:1px;position:absolute;top:0;bottom:0}.contrast-lab__meter-labels{color:#ffffff3d;justify-content:space-between;margin-top:.3rem;font-size:.8rem;font-weight:800;display:flex}.contrast-lab__workspace{gap:1rem;min-width:0;display:grid}.contrast-lab__preview{min-height:520px;transition:color .15s,background .15s;overflow:hidden}.contrast-lab__preview-top{border-bottom:1px solid;padding:.8rem .9rem}@supports (color:color-mix(in lab, red, red)){.contrast-lab__preview-top{border-bottom-color:color-mix(in srgb,currentColor 14%,transparent)}}.contrast-lab__preview-top span{letter-spacing:.09em;text-transform:uppercase;opacity:.54;font-size:.8rem;font-weight:900}.contrast-lab__preview-main{padding:clamp(2rem,6vw,5.5rem) clamp(1.4rem,5vw,4.5rem)}.contrast-lab__preview-kicker{letter-spacing:.13em;text-transform:uppercase;opacity:.62;margin:0;font-size:.8rem;font-weight:900}.contrast-lab__preview h2{letter-spacing:-.075em;max-width:46rem;margin:.6rem 0 0;font-size:clamp(2.7rem,6vw,6.3rem);font-weight:950;line-height:.88}.contrast-lab__body-copy{opacity:.82;max-width:38rem;margin:1.25rem 0 0;font-size:.96rem;line-height:1.65rem}.contrast-lab__sample-row{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1.4rem;display:flex}.contrast-lab__sample-row button{background:0 0;border:1px solid;border-radius:999px;padding:.72rem 1rem;font-size:.84rem;font-weight:900}.contrast-lab__sample-row a{color:inherit;text-underline-offset:.2rem;font-size:.84rem;font-weight:900;text-decoration:underline}.contrast-lab__type-strip{border-top:1px solid;grid-template-columns:repeat(3,1fr);gap:1px;display:grid}@supports (color:color-mix(in lab, red, red)){.contrast-lab__type-strip{border-top-color:color-mix(in srgb,currentColor 14%,transparent)}}.contrast-lab__type-strip{background:currentColor}@supports (color:color-mix(in lab, red, red)){.contrast-lab__type-strip{background:color-mix(in srgb,currentColor 12%,transparent)}}.contrast-lab__type-strip>div{background:0 0;min-width:0;padding:.85rem}@supports (color:color-mix(in lab, red, red)){.contrast-lab__type-strip>div{background:color-mix(in srgb,transparent 94%,currentColor)}}.contrast-lab__type-strip span{letter-spacing:.08em;opacity:.5;margin-bottom:.4rem;font-size:.8rem;font-weight:900;display:block}.contrast-lab__type-strip p{margin:0}.contrast-lab__results{background:#ffffff80;padding:1rem}.contrast-lab__results-head p{color:#1717175c}.contrast-lab__results-head strong{color:#171717}.contrast-lab__results-head>span{color:#1717175c;font-size:.8rem;font-weight:800}.contrast-lab__result-grid{grid-template-columns:repeat(2,1fr);gap:.55rem;margin-top:.8rem;display:grid}.contrast-lab__result-card{background:#ffffff94;border:1px solid #17171714;border-radius:.95rem;padding:.75rem}.contrast-lab__result-title{align-items:center;gap:.6rem;display:flex}.contrast-lab__result-title>span{color:#d7ff4f;background:#171717;border-radius:.72rem;place-items:center;width:2.4rem;height:2.4rem;font-size:.8rem;font-weight:950;display:grid}.contrast-lab__result-title small,.contrast-lab__result-title strong{display:block}.contrast-lab__result-title small{color:#17171759;letter-spacing:.08em;text-transform:uppercase;font-size:.8rem;font-weight:900}.contrast-lab__result-title strong{margin-top:.1rem;font-size:.84rem}.contrast-lab__badges{flex-wrap:wrap;gap:.4rem;margin-top:.7rem;display:flex}.contrast-lab__badge{border-radius:999px;padding:.42rem .58rem;font-size:.8rem;font-weight:900}.contrast-lab__badge.is-pass{color:#171717;background:#d7ff4f}.contrast-lab__badge.is-fail{color:#17171775;background:#17171711}.contrast-lab__result-card>p{color:#17171761;margin:.55rem 0 0;font-size:.8rem;line-height:.9rem}.contrast-lab__guide{grid-template-columns:repeat(3,1fr);gap:.6rem;margin-top:.75rem;display:grid}.contrast-lab__guide article{background:#fff6;border:1px solid #17171714;border-radius:.95rem;grid-template-columns:3.5rem minmax(0,1fr);align-items:center;gap:.7rem;padding:.7rem;display:grid}.contrast-lab__guide article>span{color:#d7ff4f;background:#171717;border-radius:.78rem;place-items:center;width:3.5rem;height:3.5rem;font-size:.8rem;font-weight:950;display:grid}.contrast-lab__guide strong{font-size:.84rem;display:block}.contrast-lab__guide p{color:#1717176b;margin:.15rem 0 0;font-size:.8rem;line-height:.95rem}[data-theme=dark] .contrast-lab-kicker,[data-theme=dark] .contrast-lab-heading>div:first-child>p:last-child{color:#f5f2ed80}[data-theme=dark] .contrast-lab-heading__badges span,[data-theme=dark] .contrast-lab__results,[data-theme=dark] .contrast-lab__result-card,[data-theme=dark] .contrast-lab__guide article{color:#f5f2ed;background:#ffffff0b;border-color:#ffffff17}[data-theme=dark] .contrast-lab__results-head p,[data-theme=dark] .contrast-lab__results-head>span,[data-theme=dark] .contrast-lab__result-title small,[data-theme=dark] .contrast-lab__result-card>p,[data-theme=dark] .contrast-lab__guide p{color:#f5f2ed6b}[data-theme=dark] .contrast-lab__results-head strong,[data-theme=dark] .contrast-lab__result-title strong{color:#f5f2ed}[data-theme=dark] .contrast-lab__result-title>span,[data-theme=dark] .contrast-lab__guide article>span{color:#171717;background:#f3f0ea}[data-theme=dark] .contrast-lab__badge.is-fail{color:#f5f2ed7a;background:#ffffff13}@media (width<=980px){.contrast-lab{grid-template-columns:1fr}.contrast-lab__controls{position:static}}@media (width<=700px){.contrast-lab-heading{flex-direction:column;align-items:flex-start;gap:.8rem}.contrast-lab-heading h1{font-size:2.65rem!important}.contrast-lab-heading__badges{justify-content:flex-start}.contrast-lab__preview{min-height:0}.contrast-lab__preview h2{font-size:3rem!important}.contrast-lab__result-grid,.contrast-lab__guide,.contrast-lab__type-strip{grid-template-columns:1fr}}@media (width<=480px){.contrast-lab__color-inputs{grid-template-columns:3rem minmax(0,1fr) 2.2rem}.contrast-lab__color-inputs>input[type=color]{width:3rem;height:3rem}.contrast-lab__preview-main{padding:2rem 1.15rem}}.contrast-editable{width:fit-content;max-width:100%;position:relative}.contrast-editable--headline,.contrast-editable--body{width:100%}.contrast-editable--inline{align-items:center;gap:.4rem;display:inline-flex}.contrast-editable--sample{justify-content:space-between;align-items:center;gap:.5rem;width:100%;display:flex}.contrast-edit-button{background:0 0;border:1px solid;border-radius:999px;flex:none;place-items:center;width:1.8rem;height:1.8rem;display:grid}@supports (color:color-mix(in lab, red, red)){.contrast-edit-button{background:color-mix(in srgb, transparent 88%, currentColor)}}.contrast-edit-button{color:inherit;opacity:.44;cursor:pointer;backdrop-filter:blur(8px);font-size:.84rem;font-weight:900;transition:opacity .14s,transform .14s,background .14s}.contrast-edit-button:hover,.contrast-edit-button:focus-visible{opacity:1;transform:scale(1.06)}.contrast-editable--kicker{align-items:center;gap:.4rem;display:inline-flex}.contrast-editable--headline{align-items:flex-start;gap:.65rem;display:flex}.contrast-editable--headline .contrast-edit-button{margin-top:.85rem}.contrast-editable--body{align-items:flex-start;gap:.6rem;display:flex}.contrast-editable--body .contrast-edit-button{margin-top:1.35rem}.contrast-lab__sample-button{color:inherit;background:0 0;border:1px solid;border-radius:999px;padding:.72rem 1rem;font-size:.84rem;font-weight:900}.contrast-edit-backdrop{z-index:88;opacity:0;backdrop-filter:blur(5px);background:#0a0b0e61;transition:opacity .16s;position:fixed;inset:0}.contrast-edit-backdrop.is-open{opacity:1}.contrast-edit-modal{z-index:89;color:#171717;opacity:0;visibility:hidden;background:#f8f3eb;border:1px solid #1717171c;border-radius:1.35rem;width:min(31rem,100vw - 2rem);transition:opacity .16s,transform .16s,visibility .16s;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-47%)scale(.97);box-shadow:0 30px 90px #0c0d1047}.contrast-edit-modal.is-open{opacity:1;visibility:visible;transform:translate(-50%,-50%)scale(1)}.contrast-edit-modal__head{border-bottom:1px solid #17171714;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1rem;display:flex}.contrast-edit-modal__head p{color:#17171761;letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:.8rem;font-weight:900}.contrast-edit-modal__head h2{letter-spacing:-.03em;margin:.12rem 0 0;font-size:1rem;font-weight:950}.contrast-edit-modal__head>button{color:#171717;background:#fff9;border:1px solid #1717171a;border-radius:999px;place-items:center;width:2.2rem;height:2.2rem;font-size:1rem;font-weight:900;display:grid}.contrast-edit-modal__body{padding:1rem}.contrast-edit-modal__body textarea{resize:vertical;width:100%;min-height:8rem;font:inherit;border-radius:.9rem;outline:none;padding:.8rem;font-size:.86rem;font-weight:700;line-height:1.4rem;color:#171717!important;background:#ffffffb8!important;border:1px solid #1717171a!important}.contrast-edit-modal__body textarea:focus{box-shadow:0 0 0 3px #d7ff4f4d;border-color:#17171738!important}.contrast-edit-modal__meta{color:#17171761;justify-content:space-between;align-items:center;gap:1rem;margin-top:.45rem;font-size:.8rem;font-weight:800;display:flex}.contrast-edit-modal__actions{border-top:1px solid #17171714;grid-template-columns:.8fr 1.2fr;gap:.5rem;padding:.8rem 1rem 1rem;display:grid}.contrast-edit-modal__actions button{border-radius:999px;min-height:2.7rem;font-size:.84rem;font-weight:900}#contrast-edit-reset{color:#171717;background:#ffffff8c;border:1px solid #1717171a}#contrast-edit-save{color:#d7ff4f;background:#171717;border:0}body.contrast-edit-open{overflow:hidden}[data-theme=dark] .contrast-edit-modal{color:#f5f2ed;background:#17191f;border-color:#ffffff1a;box-shadow:0 30px 90px #00000080}[data-theme=dark] .contrast-edit-modal__head,[data-theme=dark] .contrast-edit-modal__actions{border-color:#ffffff14}[data-theme=dark] .contrast-edit-modal__head p,[data-theme=dark] .contrast-edit-modal__meta{color:#f5f2ed66}[data-theme=dark] .contrast-edit-modal__head>button,[data-theme=dark] #contrast-edit-reset{color:#f5f2ed;background:#ffffff0e;border-color:#ffffff17}[data-theme=dark] .contrast-edit-modal__body textarea{color:#f5f2ed!important;background:#111318!important;border-color:#ffffff17!important}[data-theme=dark] #contrast-edit-save{color:#171717;background:#d7ff4f}@media (width<=700px){.contrast-editable--headline .contrast-edit-button{margin-top:.45rem}.contrast-editable--body .contrast-edit-button{margin-top:.85rem}}#mobile-menu-button{color:#171717}.mobile-menu-icon-line{background-color:currentColor}.mobile-theme-toggle,.mobile-theme-toggle .theme-toggle{width:100%}.mobile-theme-toggle .theme-toggle{border-radius:.75rem;height:3rem}[data-theme=dark] #mobile-menu-button{color:#f5f2ed!important;background:#ffffff0f!important;border-color:#ffffff1c!important}html,html[data-theme=dark]{background-color:var(--chromble-bg)}.palette-lab-shell{backdrop-filter:blur(18px);background:#ffffff70;border:1px solid #1717171a;border-radius:1.75rem;overflow:hidden;box-shadow:0 22px 60px #17171712}.palette-lab-toolbar{border-bottom:1px solid #17171717;justify-content:space-between;align-items:end;gap:1rem;padding:1.1rem 1.2rem;display:flex}.palette-lab-name-wrap{flex:1;gap:.4rem;max-width:34rem;display:grid}.palette-lab-name-wrap label,.palette-lab-workbench-head span,.palette-lab-color-controls label>span,.palette-lab-preview-meta span{color:#1717176b;letter-spacing:.12em;text-transform:uppercase;font-size:.8rem;font-weight:900}.palette-lab-name-wrap input,.palette-lab-color-controls input[type=text]{color:#171717;width:100%;font:inherit;background:#fff9;border:1px solid #1717171a;border-radius:.9rem;outline:none;font-size:.95rem;font-weight:800;transition:border-color .16s,box-shadow .16s,background .16s}.palette-lab-name-wrap input{padding:.75rem .9rem}.palette-lab-color-controls input[type=text]{padding:.62rem .72rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.palette-lab-name-wrap input:focus,.palette-lab-color-controls input[type=text]:focus{background:#ffffffeb;border-color:#17171759;box-shadow:0 0 0 3px #1717170f}.palette-lab-actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.palette-lab-button,.palette-lab-add,.palette-lab-order button{cursor:pointer;font:inherit;border:1px solid #1717171a;border-radius:999px;font-size:.82rem;font-weight:900;transition:transform .16s,opacity .16s,background .16s}.palette-lab-button:hover,.palette-lab-add:hover,.palette-lab-order button:not(:disabled):hover{transform:translateY(-1px)}.palette-lab-button--ghost{color:#171717b3;background:#ffffff80;padding:.7rem .9rem}.palette-lab-button--primary{color:#fff;background:#171717;padding:.72rem 1rem}.palette-lab-preview{background:#17171706;border-bottom:1px solid #17171717;padding:1.2rem}.palette-lab-preview-strip{border:1px solid #17171714;border-radius:1.35rem;min-height:260px;display:flex;overflow:hidden;box-shadow:inset 0 1px #ffffff26}.palette-lab-preview-strip span{flex:1 1 0;min-width:0;transition:background .18s}.palette-lab-preview-meta{justify-content:space-between;align-items:end;gap:1rem;padding:.85rem .15rem 0;display:flex}.palette-lab-preview-meta div{gap:.18rem;display:grid}.palette-lab-preview-meta strong{letter-spacing:-.025em;font-size:1.1rem}.palette-lab-preview-meta>span{white-space:nowrap}.palette-lab-workbench{padding:1.2rem}.palette-lab-workbench-head{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1rem;display:flex}.palette-lab-workbench-head h2{letter-spacing:-.045em;margin:.1rem 0 0;font-size:1.65rem;font-weight:950}.palette-lab-add{color:#171717;background:#d7ff4f;padding:.65rem .85rem}.palette-lab-add:disabled{cursor:not-allowed;opacity:.35;transform:none}.palette-lab-editor{grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:.75rem;display:grid}.palette-lab-color-card{background:#ffffff85;border:1px solid #1717171a;border-radius:1.25rem;overflow:hidden}.palette-lab-swatch{background:var(--swatch);height:145px;position:relative}.palette-lab-swatch input[type=color]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.palette-lab-swatch>span{color:#fff;backdrop-filter:blur(8px);pointer-events:none;background:#0000006b;border:1px solid #ffffff38;border-radius:999px;place-items:center;min-width:2rem;height:2rem;font-size:.76rem;font-weight:900;display:grid;position:absolute;top:.65rem;left:.65rem}.palette-lab-color-controls{gap:.65rem;padding:.75rem;display:grid}.palette-lab-color-controls label{gap:.32rem;display:grid}.palette-lab-order{grid-template-columns:1fr 1fr .9fr;gap:.35rem;display:grid}.palette-lab-order button{color:#171717b3;background:#1717170b;min-height:38px}.palette-lab-order button:disabled{cursor:not-allowed;opacity:.25}.palette-lab-order .palette-lab-remove{color:#a43333}.palette-lab-tip{background:#1717170b;border-radius:1rem;align-items:baseline;gap:.7rem;margin-top:1rem;padding:.85rem 1rem;display:flex}.palette-lab-tip strong{font-size:.82rem;font-weight:950}.palette-lab-tip p{color:#17171785;margin:0;font-size:.84rem;line-height:1.45rem}[data-theme=dark] .palette-lab-shell{background:#ffffff09;border-color:#ffffff1a;box-shadow:0 22px 60px #00000026}[data-theme=dark] .palette-lab-toolbar,[data-theme=dark] .palette-lab-preview{border-color:#ffffff17}[data-theme=dark] .palette-lab-preview{background:#ffffff05}[data-theme=dark] .palette-lab-name-wrap label,[data-theme=dark] .palette-lab-workbench-head span,[data-theme=dark] .palette-lab-color-controls label>span,[data-theme=dark] .palette-lab-preview-meta span{color:#f5f2ed73}[data-theme=dark] .palette-lab-name-wrap input,[data-theme=dark] .palette-lab-color-controls input[type=text],[data-theme=dark] .palette-lab-color-card,[data-theme=dark] .palette-lab-button--ghost{color:#f5f2ed;background:#ffffff0b;border-color:#ffffff1a}[data-theme=dark] .palette-lab-name-wrap input:focus,[data-theme=dark] .palette-lab-color-controls input[type=text]:focus{background:#ffffff13;border-color:#ffffff4d;box-shadow:0 0 0 3px #ffffff0d}[data-theme=dark] .palette-lab-button--primary{color:#171717;background:#f3f0ea}[data-theme=dark] .palette-lab-order button{color:#f5f2edb8;background:#ffffff0d;border-color:#ffffff14}[data-theme=dark] .palette-lab-order .palette-lab-remove{color:#ff9696}[data-theme=dark] .palette-lab-tip{background:#ffffff0a}[data-theme=dark] .palette-lab-tip p{color:#f5f2ed80}@media (width<=760px){.palette-lab-toolbar{flex-direction:column;align-items:stretch}.palette-lab-name-wrap{max-width:none}.palette-lab-actions{grid-template-columns:1fr 1fr;justify-content:stretch;display:grid}.palette-lab-button--primary{grid-column:1/-1}.palette-lab-preview-strip{min-height:210px}}@media (width<=520px){.palette-lab-shell{border-radius:1.3rem}.palette-lab-toolbar,.palette-lab-preview,.palette-lab-workbench{padding:.9rem}.palette-lab-preview-strip{border-radius:1rem;min-height:175px}.palette-lab-preview-meta{align-items:flex-start}.palette-lab-preview-meta strong{font-size:1rem}.palette-lab-workbench-head{align-items:center}.palette-lab-workbench-head h2{font-size:1.4rem}.palette-lab-editor{grid-template-columns:repeat(2,minmax(0,1fr))}.palette-lab-swatch{height:112px}.palette-lab-color-controls{padding:.6rem}.palette-lab-tip{flex-direction:column;align-items:flex-start;gap:.25rem}}@media (width<=390px){.palette-lab-editor{grid-template-columns:1fr}.palette-lab-swatch{height:135px}}.mix-workbench__copy.is-copied,.mix-workbench__values button.is-copied,.mix-workbench__css button.is-copied{border-color:currentColor;transform:translateY(-1px)}.mix-workbench__values button:not(:disabled),.mix-workbench__css button:not(:disabled),.mix-workbench__copy:not(:disabled){cursor:copy}.image-lab__palette-empty[hidden],.image-lab__palette-empty.hidden{display:none!important}.image-lab__drop.is-loaded{place-items:initial;display:block;min-height:0!important}.image-lab__drop.is-loaded #image-stage{height:auto!important}.image-lab__drop.is-loaded #preview-image{object-fit:contain;width:100%;max-height:720px;height:auto!important}.image-lab__drop.is-loaded .image-lab__actions{margin:.75rem;position:relative;bottom:auto!important;left:auto!important;right:auto!important}@media (width<=900px){.image-lab__drop.is-loaded{min-height:0!important}}@media (width<=639px){.image-lab__drop.is-loaded{min-height:0!important}}.image-lab__palette-head .image-lab__count{flex-direction:column;flex:none;align-items:flex-end;gap:.4rem;display:flex}.site-footer__copyright{color:#1717177a;margin:.75rem 0 0;font-size:.82rem;line-height:1.5}[data-theme=dark] .site-footer__copyright{color:#f5f2ed75}.palette-lab-swatch{width:100%;color:inherit;text-align:left;cursor:pointer;appearance:none;border:0;padding:0}.palette-lab-swatch:after{content:"";opacity:0;background:linear-gradient(#0000 54%,#0000003d);transition:opacity .18s;position:absolute;inset:0}.palette-lab-swatch:hover:after,.palette-lab-swatch:focus-visible:after{opacity:1}.palette-lab-swatch:focus-visible{outline-offset:-3px;outline:3px solid #1717173d}.palette-lab-swatch__edit{z-index:1;color:#fff;opacity:0;pointer-events:none;backdrop-filter:blur(8px);background:#0000007a;border:1px solid #ffffff38;border-radius:999px;padding:.4rem .58rem;font-size:.72rem;font-weight:900;transition:opacity .18s,transform .18s;position:absolute;bottom:.65rem;right:.7rem;transform:translateY(4px)}.palette-lab-swatch:hover .palette-lab-swatch__edit,.palette-lab-swatch:focus-visible .palette-lab-swatch__edit{opacity:1;transform:translateY(0)}.palette-color-modal{z-index:120;opacity:0;visibility:hidden;place-items:center;padding:1rem;transition:opacity .18s,visibility .18s;display:grid;position:fixed;inset:0}.palette-color-modal.is-open{opacity:1;visibility:visible}.palette-color-modal-open{overflow:hidden}.palette-color-modal__backdrop{cursor:default;backdrop-filter:blur(14px);background:#090a0dc7;border:0;width:100%;position:absolute;inset:0}.palette-color-dialog{color:#171717;background:#f6f3ed;border:1px solid #1717171f;border-radius:1.65rem;width:min(980px,100%);max-height:calc(100dvh - 2rem);transition:transform .18s;position:relative;overflow:auto;transform:translateY(10px)scale(.985);box-shadow:0 32px 110px #00000061}.palette-color-modal.is-open .palette-color-dialog{transform:translateY(0)scale(1)}.palette-color-dialog__head{z-index:5;backdrop-filter:blur(14px);background:#f6f3eded;border-bottom:1px solid #17171717;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.15rem 1.25rem 1rem;display:flex;position:sticky;top:0}.palette-color-dialog__eyebrow,.palette-color-section-title>span,.palette-color-field>span,.palette-color-value-group__label{color:#17171775;letter-spacing:.12em;text-transform:uppercase;font-size:.7rem;font-weight:950}.palette-color-dialog__eyebrow{margin-bottom:.25rem;display:block}.palette-color-dialog__head h2{letter-spacing:-.04em;margin:0;font-size:1.5rem;font-weight:950}.palette-color-dialog__close{color:#171717b3;width:2.4rem;height:2.4rem;font:inherit;cursor:pointer;background:#1717170b;border:1px solid #1717171a;border-radius:999px;flex:none;place-items:center;font-size:1.25rem;display:grid}.palette-color-dialog__body{grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:1.25rem;padding:1.25rem;display:grid}.palette-color-picker-panel,.palette-color-values{min-width:0}.palette-color-picker-panel{align-content:start;gap:1rem;display:grid}.palette-color-values{align-content:start;gap:.95rem;display:grid}.palette-color-sv{aspect-ratio:1.45;background:linear-gradient(to top, #000, transparent), linear-gradient(to right, #fff, #fff0), var(--picker-hue,red);cursor:crosshair;touch-action:none;border:1px solid #1717171c;border-radius:1.15rem;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff42,0 12px 30px #17171712}.palette-color-sv:focus-visible{outline-offset:3px;outline:3px solid #17171738}.palette-color-sv__cursor{pointer-events:none;border:2px solid #fff;border-radius:999px;width:1.1rem;height:1.1rem;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #000000b3,0 3px 8px #00000057}.palette-color-slider-stack{background:#ffffff61;border:1px solid #17171714;border-radius:1rem;gap:.62rem;padding:.85rem;display:grid}.palette-color-slider-row{grid-template-columns:5.2rem minmax(0,1fr) 3.25rem;align-items:center;gap:.7rem;display:grid}.palette-color-slider-row>span{color:#17171794;font-size:.75rem;font-weight:900}.palette-color-slider-row output{text-align:right;color:#171717a3;font:800 .72rem ui-monospace,SFMono-Regular,Menlo,monospace}.palette-color-hue,.palette-color-range{appearance:none;cursor:pointer;border:0;border-radius:999px;width:100%;height:.9rem;margin:0}.palette-color-hue{background:linear-gradient(90deg,red 0%,#ff0 16.66%,#0f0 33.33%,#0ff 50%,#00f 66.66%,#f0f 83.33%,red 100%)}.palette-color-range{background:linear-gradient(90deg,#17171714,#1717178c)}.palette-color-hue::-webkit-slider-thumb{appearance:none;background:#171717;border:2px solid #fff;border-radius:999px;width:1.15rem;height:1.15rem;box-shadow:0 0 0 1px #00000073,0 2px 5px #0003}.palette-color-range::-webkit-slider-thumb{appearance:none;background:#171717;border:2px solid #fff;border-radius:999px;width:1.15rem;height:1.15rem;box-shadow:0 0 0 1px #00000073,0 2px 5px #0003}.palette-color-hue::-moz-range-thumb{background:#171717;border:2px solid #fff;border-radius:999px;width:1rem;height:1rem;box-shadow:0 0 0 1px #00000073,0 2px 5px #0003}.palette-color-range::-moz-range-thumb{background:#171717;border:2px solid #fff;border-radius:999px;width:1rem;height:1rem;box-shadow:0 0 0 1px #00000073,0 2px 5px #0003}.palette-color-preview-block{grid-template-columns:5rem 1fr;align-items:center;gap:.8rem;display:grid}.palette-color-preview-pair{background:#fff;border:1px solid #1717171a;border-radius:.9rem;grid-template-columns:1fr 1fr;height:3.25rem;display:grid;overflow:hidden}.palette-color-preview-copy{grid-template-columns:auto 1fr;align-items:center;gap:.2rem .55rem;display:grid}.palette-color-preview-copy span{color:#17171770;text-transform:uppercase;letter-spacing:.08em;font-size:.68rem;font-weight:850}.palette-color-preview-copy strong{font:850 .78rem ui-monospace,SFMono-Regular,Menlo,monospace}.palette-color-quick-tools{grid-template-columns:1fr 1fr;gap:.55rem;display:grid}.palette-color-quick-tools button,.palette-color-harmony-list button{color:#171717;font:inherit;cursor:pointer;background:#ffffff7a;border:1px solid #1717171a;font-weight:900}.palette-color-quick-tools button{border-radius:.85rem;min-height:2.55rem;font-size:.75rem}.palette-color-quick-tools button:hover,.palette-color-harmony-list button:hover{background:#ffffffd9;transform:translateY(-1px)}.palette-color-harmony-wrap,.palette-color-analysis{background:#17171706;border:1px solid #17171714;border-radius:1rem;gap:.65rem;padding:.85rem;display:grid}.palette-color-section-title{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.palette-color-section-title small{color:#1717176b;font-size:.7rem;font-weight:800}.palette-color-harmony-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;display:grid}.palette-color-harmony-list button{text-align:left;border-radius:.75rem;grid-template-rows:auto auto;grid-template-columns:1.85rem 1fr;align-items:center;gap:.05rem .5rem;min-width:0;padding:.42rem;transition:transform .14s,background .14s;display:grid}.palette-color-harmony-list button>span{border:1px solid #17171714;border-radius:.55rem;grid-row:1/3;width:1.85rem;height:1.85rem}.palette-color-harmony-list small{color:#1717177a;text-overflow:ellipsis;white-space:nowrap;font-size:.65rem;font-weight:850;overflow:hidden}.palette-color-harmony-list strong{text-overflow:ellipsis;white-space:nowrap;font:800 .68rem ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden}.palette-color-field{gap:.4rem;display:grid}.palette-color-field input,.palette-color-value-group input{color:#171717;width:100%;min-width:0;font:inherit;background:#ffffffb8;border:1px solid #1717171c;border-radius:.8rem;outline:none;font-size:.86rem;font-weight:850}.palette-color-field input{padding:.78rem .82rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.palette-color-field input:focus,.palette-color-value-group input:focus{border-color:#1717175c;box-shadow:0 0 0 3px #1717170f}.palette-color-value-group{grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;display:grid}.palette-color-value-group--four{grid-template-columns:repeat(4,minmax(0,1fr))}.palette-color-value-group__label{grid-column:1/-1}.palette-color-value-group label{text-align:center;gap:.28rem;display:grid}.palette-color-value-group input{text-align:center;appearance:textfield;padding:.63rem .15rem}.palette-color-value-group input::-webkit-outer-spin-button{appearance:none;margin:0}.palette-color-value-group input::-webkit-inner-spin-button{appearance:none;margin:0}.palette-color-value-group label>span{color:#17171775;font-size:.66rem;font-weight:900}.palette-color-contrast-grid{grid-template-columns:1fr 1fr;gap:.45rem;display:grid}.palette-color-contrast-card{border:1px solid #17171714;border-radius:.8rem;gap:.14rem;padding:.72rem;display:grid}.palette-color-contrast-card--white{color:#111;background:#fff}.palette-color-contrast-card--black{color:#fff;background:#111}.palette-color-contrast-card span{opacity:.58;text-transform:uppercase;letter-spacing:.07em;font-size:.66rem;font-weight:850}.palette-color-contrast-card strong{font-size:1rem}.palette-color-contrast-card small{opacity:.72;font-size:.68rem;font-weight:900}.palette-color-luminance-row{color:#1717178f;justify-content:space-between;align-items:center;gap:1rem;padding-top:.1rem;font-size:.72rem;display:flex}.palette-color-luminance-row strong{color:#171717;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.palette-color-dialog__actions{z-index:5;backdrop-filter:blur(14px);background:#f6f3eded;border-top:1px solid #17171717;justify-content:flex-end;gap:.55rem;padding:.95rem 1.25rem 1.1rem;display:flex;position:sticky;bottom:0}.palette-color-dialog__button{font:inherit;cursor:pointer;border:1px solid #1717171c;border-radius:999px;padding:.74rem 1.05rem;font-size:.82rem;font-weight:950}.palette-color-dialog__button--ghost{color:#171717b8;background:#1717170b}.palette-color-dialog__button--primary{color:#fff;background:#171717}[data-theme=dark] .palette-color-dialog{color:#f5f2ed;background:#1b1e24;border-color:#ffffff1f}[data-theme=dark] .palette-color-dialog__head,[data-theme=dark] .palette-color-dialog__actions{background:#1b1e24f0;border-color:#ffffff17}[data-theme=dark] .palette-color-dialog__eyebrow,[data-theme=dark] .palette-color-section-title>span,[data-theme=dark] .palette-color-field>span,[data-theme=dark] .palette-color-value-group__label,[data-theme=dark] .palette-color-value-group label>span,[data-theme=dark] .palette-color-slider-row>span,[data-theme=dark] .palette-color-slider-row output,[data-theme=dark] .palette-color-preview-copy span,[data-theme=dark] .palette-color-section-title small,[data-theme=dark] .palette-color-harmony-list small,[data-theme=dark] .palette-color-luminance-row{color:#f5f2ed75}[data-theme=dark] .palette-color-dialog__close,[data-theme=dark] .palette-color-dialog__button--ghost,[data-theme=dark] .palette-color-quick-tools button,[data-theme=dark] .palette-color-harmony-list button{color:#f5f2ed;background:#ffffff0d;border-color:#ffffff1a}[data-theme=dark] .palette-color-slider-stack,[data-theme=dark] .palette-color-harmony-wrap,[data-theme=dark] .palette-color-analysis{background:#ffffff06;border-color:#ffffff14}[data-theme=dark] .palette-color-field input,[data-theme=dark] .palette-color-value-group input{color:#f5f2ed;background:#ffffff0e;border-color:#ffffff1a}[data-theme=dark] .palette-color-field input:focus,[data-theme=dark] .palette-color-value-group input:focus{border-color:#ffffff47;box-shadow:0 0 0 3px #ffffff0d}[data-theme=dark] .palette-color-preview-copy strong,[data-theme=dark] .palette-color-luminance-row strong{color:#f5f2ed}[data-theme=dark] .palette-color-dialog__button--primary{color:#171717;background:#f3f0ea}[data-theme=dark] .palette-color-quick-tools button:hover,[data-theme=dark] .palette-color-harmony-list button:hover{background:#ffffff17}@media (width<=820px){.palette-color-dialog__body{grid-template-columns:1fr}.palette-color-sv{aspect-ratio:1.55}.palette-color-values{grid-template-columns:1fr 1fr}.palette-color-field--hex,.palette-color-analysis{grid-column:1/-1}}@media (width<=560px){.palette-color-modal{padding:.5rem}.palette-color-dialog{border-radius:1.2rem;max-height:calc(100dvh - 1rem)}.palette-color-dialog__head,.palette-color-dialog__body{padding-left:.85rem;padding-right:.85rem}.palette-color-dialog__actions{padding:.8rem .85rem .95rem}.palette-color-values{grid-template-columns:1fr}.palette-color-field--hex,.palette-color-analysis{grid-column:auto}.palette-color-sv{aspect-ratio:1.25}.palette-color-slider-row{grid-template-columns:4.6rem minmax(0,1fr) 3rem;gap:.5rem}.palette-color-harmony-list{grid-template-columns:1fr}.palette-color-dialog__button{flex:1}}.palette-ui-icon{vertical-align:middle;flex:0 0 1rem;justify-content:center;align-items:center;width:1rem;height:1rem;line-height:0;display:inline-flex}.palette-ui-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%;display:block;overflow:visible}.palette-lab-button--primary,.palette-lab-add,.palette-lab-order button,.palette-color-dialog__close{justify-content:center;align-items:center}.palette-lab-button--primary,.palette-lab-add,.palette-lab-order button{display:inline-flex}.palette-lab-button--primary,.palette-lab-add{gap:.4rem}.palette-lab-button--primary span{margin-left:0}.palette-lab-order button{padding:0;line-height:1}.palette-lab-order .palette-ui-icon{flex-basis:.95rem;width:.95rem;height:.95rem}.palette-color-dialog__close{padding:0;line-height:1;display:inline-flex}.palette-color-dialog__close .palette-ui-icon{flex-basis:.9rem;width:.9rem;height:.9rem}.seo-tool-page{width:100%}.seo-tool-hero{max-width:58rem;padding:2.5rem 0 3.5rem}.seo-tool-eyebrow{color:#1717178c;letter-spacing:.13em;text-transform:uppercase;margin:0 0 .85rem;font-size:.76rem;font-weight:900}.seo-tool-hero h1{letter-spacing:-.07em;max-width:13ch;margin:0;font-size:clamp(3rem,8vw,6.8rem);line-height:.92}.seo-tool-intro{color:#171717ad;max-width:46rem;margin:1.5rem 0 0;font-size:clamp(1.05rem,2vw,1.28rem);line-height:1.65}.seo-tool-cta{color:#fff;background:#171717;border:1px solid #171717;border-radius:999px;justify-content:space-between;align-items:center;gap:2rem;min-width:min(100%,19rem);margin-top:1.75rem;padding:1rem 1.15rem;font-weight:900;text-decoration:none;transition:transform .18s,box-shadow .18s;display:inline-flex}.seo-tool-cta:hover{transform:translateY(-2px);box-shadow:0 12px 26px #17171729}.seo-tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.seo-tool-card{background:#ffffff85;border:1px solid #1717171f;border-radius:1.4rem;min-height:15rem;padding:1.35rem;box-shadow:0 10px 28px #1717170a}.seo-tool-number{color:#17171761;letter-spacing:.12em;margin-bottom:3.3rem;font-size:.76rem;font-weight:900;display:block}.seo-tool-card h2,.seo-tool-section-heading h2{letter-spacing:-.04em;margin:0}.seo-tool-card h2{font-size:1.35rem}.seo-tool-card p{color:#1717179e;margin:.7rem 0 0;line-height:1.65}.seo-tool-faq,.seo-tool-related{margin-top:5rem}.seo-tool-section-heading{margin-bottom:1.25rem}.seo-tool-section-heading h2{font-size:clamp(2rem,5vw,3.4rem)}.seo-tool-faq-list{border-top:1px solid #17171721}.seo-tool-faq-list details{border-bottom:1px solid #17171721}.seo-tool-faq-list summary{cursor:pointer;padding:1.25rem 2.5rem 1.25rem 0;font-size:1.05rem;font-weight:850}.seo-tool-faq-list details p{color:#1717179e;max-width:48rem;margin:-.35rem 0 1.4rem;line-height:1.7}.seo-tool-related-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;display:grid}.seo-tool-related-grid a{min-height:5.2rem;color:inherit;background:#ffffff6b;border:1px solid #17171721;border-radius:1.15rem;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.1rem;text-decoration:none;transition:transform .18s,background .18s;display:flex}.seo-tool-related-grid a:hover{background:#ffffffb8;transform:translateY(-2px)}@media (width<=800px){.seo-tool-grid,.seo-tool-related-grid{grid-template-columns:1fr}.seo-tool-card{min-height:auto}.seo-tool-number{margin-bottom:2rem}}html[data-theme=dark] .seo-tool-eyebrow,html[data-theme=dark] .seo-tool-intro,html[data-theme=dark] .seo-tool-card p,html[data-theme=dark] .seo-tool-faq-list details p{color:#ffffff9e}html[data-theme=dark] .seo-tool-card,html[data-theme=dark] .seo-tool-related-grid a{background:#ffffff0e;border-color:#ffffff1f}html[data-theme=dark] .seo-tool-card,html[data-theme=dark] .seo-tool-related-grid a,html[data-theme=dark] .seo-tool-faq-list details,html[data-theme=dark] .seo-tool-faq-list{border-color:#ffffff1f}html[data-theme=dark] .seo-tool-number{color:#ffffff59}html[data-theme=dark] .seo-tool-cta{color:#171717;background:#fff;border-color:#fff}.chromble-recents{background:#ffffff70;border:1px solid #1717171f;border-radius:1.5rem;margin-top:1.25rem;padding:1.25rem}.chromble-recents--palettes{margin-top:1.5rem}.chromble-recents__head{justify-content:space-between;align-items:flex-end;gap:1.25rem;margin-bottom:1rem;display:flex}.chromble-recents__kicker{color:#17171775;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.3rem;font-size:.7rem;font-weight:900;display:block}.chromble-recents__head h2{letter-spacing:-.04em;margin:0;font-size:clamp(1.35rem,3vw,1.8rem)}.chromble-recents__head p{color:#17171794;margin:.35rem 0 0;font-size:.9rem}.chromble-recents__clear{color:inherit;cursor:pointer;background:0 0;border:1px solid #17171724;border-radius:999px;flex:none;padding:.68rem .9rem;font-size:.78rem;font-weight:850}.chromble-recents__clear:hover{background:#1717170f}.chromble-recents__empty{color:#1717177a;text-align:center;border:1px dashed #17171724;border-radius:1rem;grid-column:1/-1;padding:1rem;font-size:.88rem}.chromble-recent-colors{grid-template-columns:repeat(5,minmax(0,1fr));gap:.65rem;display:grid}.chromble-recent-color{min-width:0;color:inherit;cursor:pointer;background:#ffffff9e;border:1px solid #1717171c;border-radius:1rem;align-items:center;gap:.7rem;padding:.55rem .7rem .55rem .55rem;transition:transform .16s,border-color .16s;display:flex}.chromble-recent-color:hover{border-color:#17171740;transform:translateY(-2px)}.chromble-recent-color>span{background:var(--recent-color);border-radius:.7rem;flex:0 0 2.15rem;width:2.15rem;height:2.15rem;box-shadow:inset 0 0 0 1px #17171717}.chromble-recent-color strong{text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.chromble-recent-palettes{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.chromble-recent-palette{background:#ffffff94;border:1px solid #1717171c;border-radius:1.1rem;min-width:0;position:relative;overflow:hidden}.chromble-recent-palette__load{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.chromble-recent-palette__strip{width:100%;height:4.2rem;display:flex}.chromble-recent-palette__strip span{flex:1 1 0;min-width:0}.chromble-recent-palette__meta{justify-content:space-between;align-items:center;gap:.75rem;padding:.8rem 2.55rem .8rem .85rem;display:flex}.chromble-recent-palette__meta strong{text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;overflow:hidden}.chromble-recent-palette__meta small{color:#1717177a;flex:none;font-size:.72rem}.chromble-recent-palette__remove{width:1.7rem;height:1.7rem;color:inherit;cursor:pointer;background:#ffffffe0;border:1px solid #1717171f;border-radius:999px;place-items:center;font-size:1rem;line-height:1;display:grid;position:absolute;bottom:.62rem;right:.65rem}@media (width<=900px){.chromble-recent-colors,.chromble-recent-palettes{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.chromble-recents__head{align-items:flex-start}.chromble-recents__head p{max-width:18rem}.chromble-recent-colors,.chromble-recent-palettes{grid-template-columns:1fr}}html[data-theme=dark] .chromble-recents{background:#ffffff0a;border-color:#ffffff1c}html[data-theme=dark] .chromble-recents__kicker,html[data-theme=dark] .chromble-recents__head p,html[data-theme=dark] .chromble-recent-palette__meta small,html[data-theme=dark] .chromble-recents__empty{color:#ffffff80}html[data-theme=dark] .chromble-recents__clear,html[data-theme=dark] .chromble-recent-color,html[data-theme=dark] .chromble-recent-palette{background:#ffffff0e;border-color:#ffffff1c}html[data-theme=dark] .chromble-recents__clear:hover{background:#ffffff17}html[data-theme=dark] .chromble-recent-palette__remove{background:#141414e6;border-color:#ffffff1f}html[data-theme=dark] .chromble-recents__empty{border-color:#ffffff1f}.chromble-skip-link{z-index:9999;color:#fff;background:#171717;border-radius:.8rem;padding:.72rem 1rem;font-size:.9rem;font-weight:900;text-decoration:none;position:fixed;top:1rem;left:1rem;transform:translateY(-180%);box-shadow:0 8px 24px #0000002e}.chromble-skip-link:focus{transform:translateY(0)}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--acid);outline-offset:3px}:where(button,[role=button]):disabled{cursor:not-allowed}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.palette-generator-card{color:#f8fafc;background:#0a1222;border:1px solid #94a3b838;border-radius:22px;max-width:1120px;margin:0 auto 2rem;overflow:hidden;box-shadow:0 28px 80px #02061738}.palette-generator-card svg{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.palette-generator-topbar{justify-content:space-between;align-items:center;gap:1rem;padding:1.15rem 1.25rem .65rem;display:flex}.palette-generator-title{align-items:center;gap:.7rem;display:flex}.palette-generator-title h1{letter-spacing:-.02em;margin:0;font-size:1rem;font-weight:850}.palette-generator-title__icon{color:#cbd5e1;place-items:center;display:grid}.palette-generator-title__icon svg{width:19px;height:19px}.palette-generator-top-actions,.palette-generator-actions{align-items:center;gap:.35rem;display:flex}.palette-generator-icon-button,.palette-generator-actions button{color:#94a3b8;cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;width:36px;height:36px;transition:background .18s,color .18s,transform .18s;display:grid}.palette-generator-icon-button:hover,.palette-generator-actions button:hover{color:#fff;background:#ffffff13;transform:translateY(-1px)}.palette-generator-tabs{scrollbar-width:none;gap:.35rem;padding:0 1.25rem .9rem;display:flex;overflow-x:auto}.palette-generator-tabs::-webkit-scrollbar{display:none}.palette-generator-tabs button{color:#aab4c4;cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;padding:.5rem .82rem;font-size:.78rem;font-weight:700;transition:all .18s}.palette-generator-tabs button.is-active{color:#e9ddff;background:#7c3aed38;box-shadow:inset 0 0 0 1px #a78bfa1a}.palette-generator-main{border-top:1px solid #94a3b81f;grid-template-columns:minmax(270px,.72fr) minmax(0,1.58fr);display:grid}.palette-generator-wheel-column{border-right:1px solid #94a3b81f;padding:1.4rem 1.35rem 1.15rem}.palette-generator-wheel-wrap{place-items:center;padding:.15rem 0 1.15rem;display:grid}.palette-generator-wheel{aspect-ratio:1;background:conic-gradient(#ff2f69,#ff6b21,#ffd21d,#8be019,#12c98b,#14c8db,#2878ff,#6b3df4,#c830ef,#ff2f69);border-radius:50%;width:min(235px,78vw);position:relative;box-shadow:0 0 0 1px #ffffff14,0 18px 35px #00000042}.palette-generator-wheel:after{content:"";background:radial-gradient(circle at 45% 42%,#1b211d,#0b1115 64%,#071019);border-radius:50%;position:absolute;inset:25%;box-shadow:inset 0 0 26px #0000008c,0 0 0 1px #ffffff0d}.palette-generator-wheel__inner{z-index:1;background:radial-gradient(circle,#ffffff05,#0000 65%),linear-gradient(135deg,#0000 49.4%,#ffffff47 50%,#0000 50.6%),linear-gradient(45deg,#0000 49.4%,#fff3 50%,#0000 50.6%);border-radius:50%;position:absolute;inset:23%}.palette-generator-wheel__markers{z-index:3;position:absolute;inset:0}.palette-generator-wheel__markers button{background:var(--marker);cursor:pointer;border:2px solid #fff;border-radius:50%;width:18px;height:18px;padding:0;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 9px #00000073}.palette-generator-controls{margin-top:.25rem}.palette-generator-control-row{grid-template-columns:48px 48px minmax(90px,1fr) 64px;align-items:center;gap:.55rem;display:grid}.palette-generator-control-row label,.palette-generator-variation-row>span{color:#aab4c4;font-size:.75rem;font-weight:700}.palette-generator-control-row output,.palette-generator-variation-row output{color:#dbe4f0;background:#ffffff06;border:1px solid #94a3b829;border-radius:7px;justify-self:start;padding:.35rem .5rem;font-size:.72rem}.palette-generator-card input[type=range]{accent-color:#7c3aed;cursor:pointer;width:100%}.palette-generator-control-row select{color:#dbe4f0;background:#0d1626;border:1px solid #94a3b829;border-radius:8px;min-height:34px;padding:0 .45rem;font-size:.72rem}.palette-generator-palette-column{flex-direction:column;min-width:0;padding:1.45rem 1.35rem 1.15rem;display:flex}.palette-generator-swatches{grid-template-columns:repeat(5,minmax(0,1fr));gap:.35rem;min-height:172px;display:grid}.palette-generator-swatch{cursor:pointer;background:#ffffff06;border:1px solid #94a3b826;border-radius:10px;flex-direction:column;min-width:0;padding:0;transition:transform .18s,border-color .18s;display:flex;overflow:hidden}.palette-generator-swatch:hover{border-color:#c4b5fd6b;transform:translateY(-2px)}.palette-generator-swatch__color{flex:auto;min-height:120px}.palette-generator-swatch code{color:#d3d9e4;text-align:center;background:#03071266;padding:.55rem .3rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem;display:block}.palette-generator-bottom{border-top:1px solid #94a3b81c;margin-top:.95rem}.palette-generator-name-row{border-bottom:1px solid #94a3b81c;justify-content:space-between;align-items:center;gap:.8rem;min-height:55px;display:flex}.palette-generator-name{align-items:center;gap:.35rem;min-width:0;display:flex}.palette-generator-name input{color:#f8fafc;background:0 0;border:0;outline:0;width:min(210px,48vw);font-size:.82rem;font-weight:800}.palette-generator-name svg{color:#94a3b8;width:17px;height:17px}.palette-generator-actions button{background:#ffffff05;border:1px solid #94a3b821}.palette-generator-actions button:disabled{opacity:.35;cursor:not-allowed}.palette-generator-variation-row{grid-template-columns:68px 48px 1fr;align-items:center;gap:.65rem;min-height:54px;display:grid}.palette-generator-editor{display:none}.palette-generator-card+.chromble-recents{margin-top:2rem}@media (width<=760px){.palette-generator-card{border-radius:18px}.palette-generator-main{grid-template-columns:1fr}.palette-generator-wheel-column{border-bottom:1px solid #94a3b81f;border-right:0}.palette-generator-wheel{width:min(220px,65vw)}.palette-generator-swatches{grid-template-columns:repeat(5,minmax(72px,1fr));padding-bottom:.3rem;overflow-x:auto}.palette-generator-swatch{min-width:72px}.palette-generator-swatch__color{min-height:105px}}@media (width<=480px){.palette-generator-topbar{padding:1rem 1rem .6rem}.palette-generator-tabs{padding-inline:1rem}.palette-generator-wheel-column,.palette-generator-palette-column{padding:1rem}.palette-generator-control-row{grid-template-columns:42px 44px minmax(80px,1fr)}.palette-generator-control-row select{grid-column:3;justify-self:end;width:64px}.palette-generator-name-row{align-items:flex-start;padding:.55rem 0}.palette-generator-actions{flex-wrap:wrap;justify-content:flex-end}}.palette-lab-heading{margin-bottom:1.2rem}.palette-generator-card{color:#171717;backdrop-filter:blur(18px);background:#fcf9f4d6;border:1px solid #1717171a;border-radius:1.75rem;max-width:none;margin:0 auto 2rem;box-shadow:0 22px 60px #17171712}.palette-generator-card svg{stroke-width:1.8px}.palette-generator-topbar{padding:1.15rem 1.2rem .75rem}.palette-generator-title h2{letter-spacing:-.025em;margin:0;font-size:1.02rem;font-weight:950}.palette-generator-title__icon{color:#17171794}.palette-generator-icon-button,.palette-generator-actions button{color:#17171799}.palette-generator-icon-button:hover,.palette-generator-actions button:hover{color:#171717;background:#1717170e}.palette-generator-tabs{padding:0 1.2rem 1rem}.palette-generator-tabs button{color:#17171785;border:1px solid #0000;font-weight:900}.palette-generator-tabs button:hover{color:#171717;background:#1717170b}.palette-generator-tabs button.is-active{background:var(--acid);color:#171717;box-shadow:none;border-color:#1717171a}.palette-generator-main{border-top-color:#17171717}.palette-generator-wheel-column{border-right-color:#17171717}.palette-generator-wheel{box-shadow:0 0 0 1px #17171714,0 18px 36px #1717171f}.palette-generator-wheel:after{background:radial-gradient(circle at 42% 38%,#ffffff38,#0000 28%),radial-gradient(circle,#292929 0%,#181818 68%,#111 100%);box-shadow:inset 0 0 28px #00000047,0 0 0 1px #17171724}.palette-generator-control-row label,.palette-generator-variation-row>span{color:#17171770;letter-spacing:.08em;text-transform:uppercase;font-weight:900}.palette-generator-control-row output,.palette-generator-variation-row output{color:#171717b8;background:#ffffff8c;border-color:#1717171a;font-weight:850}.palette-generator-card input[type=range]{accent-color:#171717}.palette-generator-control-row select{color:#171717;background:#ffffff94;border-color:#1717171a;font-weight:800}.palette-generator-swatch{background:#ffffff7a;border-color:#1717171a;border-radius:1rem;box-shadow:0 7px 18px #17171709}.palette-generator-swatch:hover{border-color:#17171738;box-shadow:0 13px 28px #17171714}.palette-generator-swatch code{color:#171717c2;background:#ffffffb8;font-weight:850}.palette-generator-bottom,.palette-generator-name-row{border-color:#17171717}.palette-generator-name input{color:#171717;font-weight:950}.palette-generator-name svg{color:#1717177a}.palette-generator-actions button{background:#ffffff85;border-color:#1717171a}.palette-generator-actions button:hover{background:#ffffffe0;border-color:#17171733}.palette-generator-actions button:first-child{background:var(--acid);color:#171717}.palette-generator-wheel__markers button{box-shadow:0 2px 8px #17171738,0 0 0 1px #17171714}[data-theme=dark] .palette-generator-card{color:#f5f2ed;background:#ffffff09;border-color:#ffffff1a;box-shadow:0 22px 60px #00000026}[data-theme=dark] .palette-generator-title__icon,[data-theme=dark] .palette-generator-icon-button,[data-theme=dark] .palette-generator-actions button,[data-theme=dark] .palette-generator-name svg{color:#f5f2ed94}[data-theme=dark] .palette-generator-icon-button:hover,[data-theme=dark] .palette-generator-actions button:hover{color:#fff;background:#ffffff12}[data-theme=dark] .palette-generator-tabs button{color:#f5f2ed8a}[data-theme=dark] .palette-generator-tabs button:hover{color:#fff;background:#ffffff0e}[data-theme=dark] .palette-generator-tabs button.is-active{background:var(--acid);color:#171717;border-color:#0000}[data-theme=dark] .palette-generator-main,[data-theme=dark] .palette-generator-wheel-column,[data-theme=dark] .palette-generator-bottom,[data-theme=dark] .palette-generator-name-row{border-color:#ffffff17}[data-theme=dark] .palette-generator-control-row label,[data-theme=dark] .palette-generator-variation-row>span{color:#f5f2ed73}[data-theme=dark] .palette-generator-control-row output,[data-theme=dark] .palette-generator-variation-row output,[data-theme=dark] .palette-generator-control-row select,[data-theme=dark] .palette-generator-actions button,[data-theme=dark] .palette-generator-swatch{color:#f5f2ed;background:#ffffff0b;border-color:#ffffff1a}[data-theme=dark] .palette-generator-swatch code{color:#f5f2edc7;background:#0000002e}[data-theme=dark] .palette-generator-name input{color:#f5f2ed}[data-theme=dark] .palette-generator-actions button:first-child{background:var(--acid);color:#171717}[data-theme=dark] .palette-generator-control-row select{color-scheme:dark}@media (width<=760px){.palette-generator-card{border-radius:1.3rem}}@media (width<=480px){.palette-generator-topbar,.palette-generator-tabs{padding-inline:.9rem}}.palette-generator-wheel{touch-action:none}.palette-generator-wheel.is-dragging{cursor:grabbing}.palette-generator-wheel__markers{touch-action:none}.palette-generator-wheel__markers button{cursor:grab}.palette-generator-wheel__markers button:active{cursor:grabbing}.palette-generator-wheel-hint{color:#1717178a;margin:.75rem 0 0;font-size:.76rem;line-height:1.45}[data-theme=dark] .palette-generator-wheel-hint{color:#f5f2ed8c}.gradient-lab-shell--integrated{grid-template-columns:minmax(0,1fr) 20rem;align-items:start;gap:1.5rem;display:grid}.gradient-v2-main{gap:1.5rem;display:grid}.gradient-v2-card,.gradient-v2-sidebar{backdrop-filter:blur(16px);background:radial-gradient(circle at 0 0,#d7ff4f17,#0000 25%),#ffffff7a;border:1px solid #1717171a;border-radius:1.8rem;box-shadow:0 24px 65px #17171712}.gradient-v2-preview-card{padding:1.15rem}.gradient-v2-preview-head{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.gradient-v2-preview-meta{flex-wrap:wrap;gap:.55rem;display:flex}.gradient-v2-preview-meta span{color:#171717b3;background:#ffffff8f;border:1px solid #17171714;border-radius:999px;align-items:center;gap:.35rem;min-height:2.1rem;padding:0 .9rem;font-size:.82rem;font-weight:700;display:inline-flex}.gradient-v2-preview-meta b{color:#171717;font-weight:900}.gradient-v2-stage{border-radius:1.55rem;min-height:21rem;position:relative;overflow:hidden}.gradient-v2-stage:before{content:"";pointer-events:none;background:linear-gradient(#ffffff1f,#fff0 35%),radial-gradient(circle at 20% 18%,#ffffff29,#0000 25%);position:absolute;inset:0}.gradient-v2-stage-actions{z-index:2;position:absolute;top:1rem;left:1rem}.gradient-v2-stage-button{color:#171717;backdrop-filter:blur(10px);background:#ffffff47;border:1px solid #ffffff4d;border-radius:999px;align-items:center;gap:.5rem;min-height:2.6rem;padding:0 1rem;font-size:.9rem;font-weight:800;transition:transform .18s,background .18s;display:inline-flex}.gradient-v2-stage-button:hover{background:#ffffff6b;transform:translateY(-1px)}.gradient-v2-stage__glass{backdrop-filter:blur(14px);background:#0f172a38;border:1px solid #ffffff40;border-radius:1rem;flex-direction:column;gap:.2rem;max-width:16rem;padding:.95rem 1rem;display:flex;position:absolute;bottom:1rem;left:1rem;right:1rem;box-shadow:0 12px 35px #0f172a29}.gradient-v2-stage__glass p{color:#ffffffb8;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.76rem}.gradient-v2-stage__glass strong{color:#fff;font-size:1.05rem;font-weight:900}.gradient-v2-palette{border-top:1px solid #17171714;margin-top:1rem;padding-top:1rem}.gradient-v2-workbench{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.gradient-v2-workbench .gradient-v2-card{padding:1rem 1.05rem}.gradient-v2-stops-card{grid-column:1/-1}.gradient-v2-code-card .gradient-lab-section-title,.gradient-v2-stops-card .gradient-lab-section-title{margin-bottom:.9rem}.gradient-v2-code-block{background:linear-gradient(135deg,#0a0f1ef5,#1b2136eb),#101522;border-radius:1.15rem;min-height:9.2rem;padding:1rem 1.05rem;box-shadow:inset 0 0 0 1px #ffffff0a}.gradient-v2-code-block code{color:#d7ff4f;white-space:pre-wrap;word-break:break-word;font-size:.92rem;line-height:1.7;display:block}.gradient-v2-code-actions{grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.9rem;display:grid}.gradient-v2-code-actions .gradient-lab-random{justify-content:center;width:100%}.gradient-v2-sidebar{padding:1rem;position:sticky;top:6.5rem}.gradient-lab-presets__head--sidebar{align-items:flex-start;gap:.4rem;margin-bottom:1rem}.gradient-lab-presets__head--sidebar h2{margin:.1rem 0 0;font-size:1.35rem}.gradient-lab-preset-grid--sidebar{grid-template-columns:1fr;gap:.8rem;display:grid}.gradient-lab-preset--sidebar{border-radius:1.2rem;padding:.8rem}.gradient-lab-preset__preview--gradient{border-radius:.95rem;height:4rem;display:block;box-shadow:inset 0 0 0 1px #ffffff47}.gradient-v2-mode-card .gradient-lab-mode{width:100%}.gradient-v2-mode-card .gradient-lab-mode button{flex:1 1 0}.gradient-v2-direction-card .gradient-lab-native{margin-top:1rem}.gradient-v2-stops-card .gradient-lab-stop-list{gap:.75rem}.gradient-v2-stops-card .gradient-lab-stop{border-radius:1.15rem}@media (width<=1100px){.gradient-lab-shell--integrated{grid-template-columns:1fr}.gradient-v2-sidebar{position:static;top:auto}.gradient-lab-preset-grid--sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.gradient-v2-workbench{grid-template-columns:1fr}.gradient-v2-stage{min-height:17rem}.gradient-v2-preview-head{flex-direction:column}.gradient-v2-code-actions,.gradient-lab-preset-grid--sidebar{grid-template-columns:1fr}}[data-theme=dark] .gradient-v2-card,[data-theme=dark] .gradient-v2-sidebar{background:radial-gradient(circle at 0 0,#d7ff4f0f,#0000 25%),#ffffff09;border-color:#ffffff1a;box-shadow:0 24px 65px #00000024}[data-theme=dark] .gradient-v2-preview-meta span{color:#f5f2edad;background:#ffffff0b;border-color:#ffffff1a}[data-theme=dark] .gradient-v2-preview-meta b{color:#fff}[data-theme=dark] .gradient-v2-palette{border-top-color:#ffffff14}[data-theme=dark] .gradient-v2-stage-button{color:#fff;background:#ffffff1a;border-color:#ffffff26}[data-theme=dark] .gradient-v2-stage-button:hover{background:#ffffff29}[data-theme=dark] .gradient-v2-stage__glass{background:#05081047;border-color:#ffffff1a}[data-theme=dark] .gradient-v2-code-block{background:linear-gradient(135deg,#070a12f5,#121827f5),#0b1020}.gradient-v2-workbench{grid-template-columns:minmax(18rem,.86fr) minmax(0,1.14fr);align-items:start}.gradient-v2-settings-card{flex-direction:column;gap:1rem;display:flex}.gradient-v2-settings-block{flex-direction:column;gap:.85rem;display:flex}.gradient-v2-settings-subhead span{color:#1717176b;letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.76rem;font-weight:900;display:block}.gradient-v2-settings-subhead strong{color:#171717;margin-top:.3rem;font-size:.96rem;font-weight:900;display:block}.gradient-v2-settings-divider{background:#17171714;height:1px}.gradient-v2-code-card{align-self:start}.gradient-v2-code-actions{grid-template-columns:1fr}.gradient-v2-action-button{justify-content:center;width:100%}.gradient-v2-sidebar{align-self:start;position:static;top:auto}@media (width<=760px){.gradient-v2-workbench{grid-template-columns:1fr}.gradient-v2-stops-card{grid-area:auto}}[data-theme=dark] .gradient-v2-settings-subhead span{color:#f5f2ed73}[data-theme=dark] .gradient-v2-settings-subhead strong{color:#fff}[data-theme=dark] .gradient-v2-settings-divider{background:#ffffff14}.gradient-v3-control-dock{background:#ffffff80;border:1px solid #17171717;border-radius:1.2rem;grid-template-columns:auto minmax(15rem,1fr) auto;align-items:center;gap:.9rem;margin-top:1rem;padding:.85rem;display:grid}.gradient-v3-control-group{min-width:0}.gradient-v3-control-label{color:#1717176e;letter-spacing:.11em;text-transform:uppercase;margin-bottom:.42rem;font-size:.68rem;font-weight:900;display:block}.gradient-v3-control-group--type .gradient-lab-mode{width:max-content;min-width:13rem}.gradient-v3-control-group--direction{grid-template-columns:minmax(0,1fr);display:grid}.gradient-v3-angle-head{justify-content:space-between;align-items:center;gap:.7rem;display:flex}.gradient-v3-angle-head .gradient-v3-control-label{margin:0}.gradient-v3-angle-head strong{text-align:right;color:#171717;min-width:3.4rem;font-size:.8rem;font-weight:900}.gradient-v3-control-group--direction input[type=range]{accent-color:#171717;width:100%;margin-top:.48rem}.gradient-v3-control-group--radial select{color:#171717;background:#ffffffb3;border:1px solid #1717171a;border-radius:.8rem;min-width:11rem;min-height:2.45rem;padding:0 .75rem;font-size:.8rem;font-weight:800}.gradient-v3-control-actions{align-self:end;align-items:center;gap:.45rem;display:flex}.gradient-v3-compact-action{color:#171717;background:#ffffffa6;border:1px solid #1717171a;border-radius:.8rem;place-items:center;width:2.55rem;height:2.55rem;font-size:1rem;font-weight:900;transition:transform .15s,background .15s;display:grid}.gradient-v3-compact-action:hover{background:#fff;transform:translateY(-1px)}.gradient-v2-workbench{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}.gradient-v2-code-card{grid-column:1}.gradient-v2-stops-card{grid-area:1/2}@media (width<=900px){.gradient-v3-control-dock{grid-template-columns:1fr auto}.gradient-v3-control-group--direction,.gradient-v3-control-group--radial{grid-column:1/-1}.gradient-v3-control-actions{grid-area:1/2}}@media (width<=760px){.gradient-v3-control-dock{grid-template-columns:1fr}.gradient-v3-control-actions,.gradient-v3-control-group--direction,.gradient-v3-control-group--radial{grid-area:auto}.gradient-v3-control-actions{align-self:auto}.gradient-v3-control-group--type .gradient-lab-mode{width:100%;min-width:0}.gradient-v3-control-group--type .gradient-lab-mode button{flex:1 1 0}.gradient-v2-workbench{grid-template-columns:1fr}.gradient-v2-code-card,.gradient-v2-stops-card{grid-area:auto}}[data-theme=dark] .gradient-v3-control-dock{background:#ffffff09;border-color:#ffffff17}[data-theme=dark] .gradient-v3-control-label{color:#f5f2ed75}[data-theme=dark] .gradient-v3-angle-head strong{color:#fff}[data-theme=dark] .gradient-v3-control-group--direction input[type=range]{accent-color:#d7ff4f}[data-theme=dark] .gradient-v3-control-group--radial select,[data-theme=dark] .gradient-v3-compact-action{color:#f5f2ed;background:#ffffff0d;border-color:#ffffff1a}.gradient-v2-preview-card{flex-direction:column;display:flex}.gradient-v2-inline-panel{border-top:1px solid #17171714;margin-top:1rem;padding-top:1rem}.gradient-v2-stops-inline .gradient-lab-stop-list{gap:.75rem}.gradient-v2-stops-inline .gradient-lab-stop{border-radius:1.15rem}.gradient-v2-code-inline .gradient-lab-section-title{margin-bottom:.9rem}.gradient-v2-code-inline .gradient-v2-code-actions{grid-template-columns:1fr}.gradient-v2-code-inline .gradient-v2-action-button{justify-content:center;width:100%}[data-theme=dark] .gradient-v2-inline-panel{border-top-color:#ffffff14}.palette-visualizer-page{width:100%;padding:1.2rem clamp(1rem,2.4vw,2.5rem) 4rem}.palette-visualizer-heading{justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:1.25rem;display:flex}.palette-visualizer-kicker{color:#17171766;letter-spacing:.15em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:900}.palette-visualizer-heading h1{letter-spacing:-.065em;margin:.15rem 0 0;font-size:clamp(2.4rem,4.4vw,4.4rem);font-weight:950;line-height:.95}.palette-visualizer-heading>div>p:last-child{color:#1717178f;max-width:46rem;margin:.65rem 0 0;line-height:1.55}.palette-visualizer-heading__actions{flex-wrap:wrap;justify-content:flex-end;gap:.65rem;display:flex}.palette-visualizer-heading__actions button,.palette-visualizer-heading__actions a,.palette-visualizer-sidebar-actions button,.palette-visualizer-workspace-actions button,.palette-visualizer-workspace-actions a{color:#171717;background:#ffffff94;border:1px solid #1717171a;border-radius:.9rem;justify-content:center;align-items:center;min-height:2.65rem;padding:0 .95rem;font-size:.83rem;font-weight:850;text-decoration:none;transition:all .15s;display:inline-flex}.palette-visualizer-heading__actions button:hover,.palette-visualizer-heading__actions a:hover,.palette-visualizer-sidebar-actions button:hover,.palette-visualizer-workspace-actions button:hover,.palette-visualizer-workspace-actions a:hover{background:#fff;transform:translateY(-1px)}.palette-visualizer-shell{grid-template-columns:21rem minmax(0,1fr);align-items:start;gap:1rem;display:grid}.palette-visualizer-sidebar{gap:1rem;display:grid}.palette-visualizer-panel,.palette-visualizer-workspace{backdrop-filter:blur(16px);background:#ffffff7a;border:1px solid #1717171a;box-shadow:0 20px 55px #1717170e}.palette-visualizer-panel{border-radius:1.4rem;padding:.95rem}.palette-visualizer-workspace{border-radius:1.55rem;min-width:0;overflow:hidden}.palette-visualizer-panel__head{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.palette-visualizer-panel__head span{color:#17171766;letter-spacing:.1em;text-transform:uppercase;font-size:.68rem;font-weight:900;display:block}.palette-visualizer-panel__head strong{margin-top:.15rem;font-size:.95rem;font-weight:900;display:block}.palette-visualizer-icon-action{background:#ffffffa6;border:1px solid #1717171a;border-radius:.75rem;place-items:center;width:2.3rem;height:2.3rem;font-size:1rem;font-weight:900;display:grid}.palette-visualizer-palette-list{gap:.55rem;display:grid}.palette-visualizer-color-row{background:#ffffff7a;border:1px solid #17171717;border-radius:.95rem;grid-template-columns:3.5rem minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.5rem;display:grid}.palette-visualizer-color-row>input[type=color]{cursor:pointer;background:0 0;border:0;border-radius:.75rem;width:3.5rem;height:3.5rem;padding:0;overflow:hidden}.palette-visualizer-color-row>input[type=color]::-webkit-color-swatch-wrapper{padding:0}.palette-visualizer-color-row>input[type=color]::-webkit-color-swatch{border:0;border-radius:.75rem}.palette-visualizer-color-row span{min-width:0}.palette-visualizer-color-row strong{font-size:.84rem;font-weight:900;display:block}.palette-visualizer-color-row span input{color:#171717a6;text-transform:uppercase;background:0 0;border:0;outline:0;width:100%;margin-top:.1rem;font:800 .78rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}.palette-visualizer-color-row>i{color:#17171747;font-style:normal}.palette-visualizer-mode{border-top:1px solid #17171714;justify-content:space-between;align-items:center;gap:.75rem;margin-top:.8rem;padding-top:.8rem;display:flex}.palette-visualizer-mode>span{color:#17171785;font-size:.78rem;font-weight:800}.palette-visualizer-mode>div{background:#1717170b;border-radius:.8rem;gap:.25rem;padding:.2rem;display:flex}.palette-visualizer-mode button{color:#1717178f;border-radius:.62rem;min-height:2.15rem;padding:0 .7rem;font-size:.76rem;font-weight:850}.palette-visualizer-mode button.is-active{background:var(--acid);color:#171717}.palette-visualizer-contrast-list{gap:.48rem;display:grid}.palette-visualizer-contrast-row{background:#ffffff6b;border:1px solid #17171714;border-radius:.8rem;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:.55rem;min-height:2.8rem;padding:.45rem .5rem;font-size:.72rem;display:grid}.palette-visualizer-contrast-row>span:nth-child(2){font-weight:780}.palette-visualizer-contrast-row>strong{font-size:.73rem}.palette-visualizer-contrast-row>b{border-radius:999px;padding:.22rem .45rem;font-size:.65rem}.palette-visualizer-contrast-row>b.is-pass{color:#16723d;background:#24914e1f}.palette-visualizer-contrast-row>b.is-warn{color:#995a07;background:#e1911824}.palette-visualizer-contrast-pair{display:flex}.palette-visualizer-contrast-pair i{border:2px solid #ffffffd1;border-radius:50%;width:1.35rem;height:1.35rem;box-shadow:0 0 0 1px #17171714}.palette-visualizer-contrast-pair i+i{margin-left:-.35rem}.palette-visualizer-contrast-note{color:#1717176b;margin:.7rem 0 0;font-size:.68rem;line-height:1.45}.palette-visualizer-sidebar-actions{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.palette-visualizer-sidebar-actions .palette-visualizer-primary-action{color:var(--acid);background:#171717;border-color:#171717}.palette-visualizer-tabs{border-bottom:1px solid #17171717;grid-template-columns:repeat(3,1fr);padding:.4rem .8rem 0;display:grid}.palette-visualizer-tabs button{color:#17171785;border-bottom:2px solid #0000;justify-content:center;align-items:center;gap:.45rem;min-height:3rem;font-size:.8rem;font-weight:850;display:flex}.palette-visualizer-tabs button.is-active{color:#171717;border-bottom-color:#171717}.palette-visualizer-preview{--pv-primary:#0d47a1;--pv-primary-text:#fff;--pv-secondary:#ad1457;--pv-secondary-text:#fff;--pv-accent:#fbc02d;--pv-accent-text:#171717;--pv-surface-user:#f7faf9;--pv-text-user:#1f2933;--pv-bg:#fff;--pv-surface:var(--pv-surface-user);--pv-text:var(--pv-text-user);--pv-muted:var(--pv-text)}@supports (color:color-mix(in lab, red, red)){.palette-visualizer-preview{--pv-muted:color-mix(in srgb,var(--pv-text) 58%,transparent)}}.palette-visualizer-preview{--pv-border:var(--pv-text)}@supports (color:color-mix(in lab, red, red)){.palette-visualizer-preview{--pv-border:color-mix(in srgb,var(--pv-text) 12%,transparent)}}.palette-visualizer-preview{background:var(--pv-surface);min-height:45rem;padding:.85rem}@supports (color:color-mix(in lab, red, red)){.palette-visualizer-preview{background:color-mix(in srgb,var(--pv-surface) 45%,white)}}.palette-visualizer-preview{transition:all .2s}.palette-visualizer-preview[data-preview-mode=dark]{--pv-bg:var(--pv-text-user)}@supports (color:color-mix(in lab, red, red)){.palette-visualizer-preview[data-preview-mode=dark]{--pv-bg:color-mix(in srgb,var(--pv-text-user) 92%,#000)}}.palette-visualizer-preview[data-preview-mode=dark]{--pv-surface:var(--pv-text-user)}@supports (color:color-mix(in lab, red, red)){.palette-visualizer-preview[data-preview-mode=dark]{--pv-surface:color-mix(in srgb,var(--pv-text-user) 82%,var(--pv-primary))}}.palette-visualizer-preview[data-preview-mode=dark]{--pv-text:#f7faf9;--pv-muted:#f7faf99e;--pv-border:#ffffff1c}.palette-preview-screen{border:1px solid var(--pv-border);background:var(--pv-bg);min-height:42.8rem;color:var(--pv-text);border-radius:1.25rem;transition:all .2s;overflow:hidden}.palette-preview-screen[hidden]{display:none}.pv-brand{align-items:center;gap:.5rem;font-weight:950;display:inline-flex}.pv-brand i{background:var(--pv-primary);border-radius:.28rem .6rem;width:1.15rem;height:1.15rem;display:inline-block;transform:rotate(28deg)}.pv-site-nav{border-bottom:1px solid var(--pv-border);grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:1rem 1.2rem;display:grid}.pv-site-nav>div{color:var(--pv-muted);justify-content:center;gap:1.4rem;font-size:.66rem;font-weight:750;display:flex}.pv-site-nav>button,.pv-site-actions>button:first-child,.pv-dashboard-head button,.pv-mobile-hero button{background:var(--pv-primary);color:var(--pv-primary-text);border-radius:.55rem;padding:.65rem .9rem;font-size:.72rem;font-weight:850}.pv-site-hero{grid-template-columns:1.03fr .97fr;align-items:center;gap:1rem;min-height:19rem;padding:1.8rem 2rem;display:grid}.pv-eyebrow{background:var(--pv-accent);border-radius:999px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.pv-eyebrow{background:color-mix(in srgb,var(--pv-accent) 20%,transparent)}}.pv-eyebrow{color:var(--pv-accent);padding:.28rem .55rem}@supports (color:color-mix(in lab, red, red)){.pv-eyebrow{color:color-mix(in srgb,var(--pv-accent) 72%,var(--pv-text))}}.pv-eyebrow{letter-spacing:.08em;font-size:.58rem;font-weight:900}.pv-site-copy h2{letter-spacing:-.055em;margin:.7rem 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,4vw,3.65rem);line-height:.96}.pv-site-copy h2 em{color:var(--pv-primary);font-style:normal}.pv-site-copy h2 mark{color:var(--pv-secondary);background:0 0}.pv-site-copy>p{max-width:34rem;color:var(--pv-muted);margin:0;font-size:.82rem;line-height:1.6}.pv-site-actions{gap:.65rem;margin-top:1rem;display:flex}.pv-site-actions .is-secondary{border:1px solid var(--pv-secondary);color:var(--pv-secondary);border-radius:.55rem;padding:.62rem .9rem;font-size:.72rem;font-weight:850}.pv-site-note{align-items:center;gap:.55rem;margin-top:1rem;font-size:.62rem;display:flex}.pv-site-note b{background:var(--pv-accent);color:var(--pv-accent-text);border-radius:.3rem;padding:.2rem .38rem}.pv-site-note span{color:var(--pv-muted)}.pv-site-note a{color:var(--pv-secondary);font-weight:850}.pv-site-graphic{background:var(--pv-surface);border-radius:50%;place-items:center;min-height:15rem;display:grid}@supports (color:color-mix(in lab, red, red)){.pv-site-graphic{background:color-mix(in srgb,var(--pv-surface) 70%,var(--pv-primary) 10%)}}.pv-chart-card{border:1px solid var(--pv-border);background:var(--pv-bg);width:min(88%,24rem);min-height:11rem;box-shadow:0 14px 35px var(--pv-text);border-radius:1rem;grid-template-columns:1.4fr .7fr;gap:.7rem;padding:.9rem;display:grid}@supports (color:color-mix(in lab, red, red)){.pv-chart-card{box-shadow:0 14px 35px color-mix(in srgb,var(--pv-text) 12%,transparent)}}.pv-chart-lines{border-bottom:1px solid var(--pv-border);align-items:flex-end;gap:.3rem;padding:.6rem;display:flex}.pv-chart-lines i{background:var(--pv-primary);border-radius:.35rem .35rem 0 0;flex:1}.pv-chart-lines i:first-child{height:30%}.pv-chart-lines i:nth-child(2){height:48%}.pv-chart-lines i:nth-child(3){height:39%}.pv-chart-lines i:nth-child(4){height:72%}.pv-chart-lines i:nth-child(5){height:58%}.pv-donut{background:conic-gradient(var(--pv-secondary) 0 38%,var(--pv-accent) 38% 68%,var(--pv-primary) 68% 100%);border-radius:50%;place-self:center;width:4.8rem;height:4.8rem;mask:radial-gradient(circle,#0000 43%,#000 45%)}.pv-chart-list{grid-column:1/-1;gap:.35rem;display:grid}.pv-chart-list span{background:var(--pv-border);border-radius:999px;height:.55rem}.pv-chart-list span:nth-child(2){width:76%}.pv-chart-list span:nth-child(3){width:58%}.pv-feature-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;padding:0 1.25rem 1.25rem;display:grid}.pv-feature-grid article{border:1px solid var(--pv-border);background:var(--pv-surface);border-radius:.85rem;gap:.7rem;min-height:7rem;padding:.85rem;display:flex}.pv-feature-grid article>i{background:var(--pv-primary);border-radius:50%;flex:none;place-items:center;width:2.2rem;height:2.2rem;display:grid}@supports (color:color-mix(in lab, red, red)){.pv-feature-grid article>i{background:color-mix(in srgb,var(--pv-primary) 14%,var(--pv-surface))}}.pv-feature-grid article>i{color:var(--pv-primary);font-style:normal;font-weight:900}.pv-feature-grid strong{font-size:.76rem;display:block}.pv-feature-grid p{color:var(--pv-muted);margin:.25rem 0 .45rem;font-size:.65rem;line-height:1.45}.pv-feature-grid a{color:var(--pv-secondary);font-size:.62rem;font-weight:850}.pv-site-footer{background:var(--pv-primary);color:var(--pv-primary-text);grid-template-columns:1.2fr repeat(3,.8fr) 1.2fr;gap:1rem;padding:1.2rem;display:grid}.pv-site-footer>div{align-content:start;gap:.3rem;font-size:.62rem;display:grid}.pv-site-footer b{font-size:.66rem}.pv-site-footer span{opacity:.75}.pv-newsletter button{background:var(--pv-accent);color:var(--pv-accent-text);border-radius:.4rem;margin-top:.35rem;padding:.45rem .6rem;font-size:.6rem;font-weight:850}.palette-preview-screen--dashboard{grid-template-columns:12rem 1fr;display:grid}.pv-dashboard-nav{border-right:1px solid var(--pv-border);background:var(--pv-surface);padding:1rem}.pv-dashboard-nav nav{gap:.35rem;margin-top:1.4rem;display:grid}.pv-dashboard-nav nav>*{color:var(--pv-muted);border-radius:.55rem;padding:.58rem .7rem;font-size:.72rem}.pv-dashboard-nav nav b{background:var(--pv-primary);color:var(--pv-primary-text)}.pv-dashboard-main{padding:1.2rem}.pv-dashboard-head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.pv-dashboard-head span{color:var(--pv-muted);text-transform:uppercase;letter-spacing:.1em;font-size:.66rem;font-weight:850}.pv-dashboard-head h2{letter-spacing:-.04em;margin:.2rem 0 0;font-size:1.7rem}.pv-stat-grid{grid-template-columns:repeat(3,1fr);gap:.7rem;margin-top:1rem;display:grid}.pv-stat-grid article,.pv-big-chart,.pv-activity{border:1px solid var(--pv-border);background:var(--pv-surface);border-radius:.9rem;padding:.85rem}.pv-stat-grid span{color:var(--pv-muted);font-size:.66rem}.pv-stat-grid strong{margin:.4rem 0;font-size:1.5rem;display:block}.pv-stat-grid small{color:var(--pv-secondary);font-weight:850}.pv-dashboard-grid{grid-template-columns:1.5fr .8fr;gap:.7rem;margin-top:.7rem;display:grid}.pv-chart-title{justify-content:space-between;gap:1rem;display:flex}.pv-chart-title span{color:var(--pv-muted);font-size:.66rem}.pv-bars{align-items:flex-end;gap:.5rem;height:16rem;padding-top:1rem;display:flex}.pv-bars i{background:var(--pv-primary);border-radius:.35rem .35rem 0 0;flex:1}.pv-bars i:first-child{height:42%}.pv-bars i:nth-child(2){height:64%}.pv-bars i:nth-child(3){height:51%}.pv-bars i:nth-child(4){height:78%}.pv-bars i:nth-child(5){height:69%}.pv-bars i:nth-child(6){height:88%}.pv-bars i:nth-child(7){height:73%}.pv-bars i:nth-child(8){height:94%}.pv-activity{align-content:start;gap:.8rem;display:grid}.pv-activity>div{align-items:center;gap:.55rem;display:flex}.pv-activity>div>i{background:var(--pv-secondary);border-radius:50%;width:.7rem;height:.7rem}.pv-activity>div:nth-of-type(2)>i{background:var(--pv-accent)}.pv-activity>div:nth-of-type(3)>i{background:var(--pv-primary)}.pv-activity b,.pv-activity small{display:block}.pv-activity b{font-size:.68rem}.pv-activity small{color:var(--pv-muted);margin-top:.15rem;font-size:.6rem}@supports (color:color-mix(in lab, red, red)){.palette-preview-screen--mobile{background:color-mix(in srgb,var(--pv-surface) 70%,var(--pv-primary) 8%)}}.pv-phone{border:8px solid var(--pv-text);width:min(23rem,100%);min-height:39rem;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.pv-phone{border:8px solid color-mix(in srgb,var(--pv-text) 92%,#000)}}.pv-phone{background:var(--pv-bg);box-shadow:0 22px 55px var(--pv-text);border-radius:2.1rem}@supports (color:color-mix(in lab, red, red)){.pv-phone{box-shadow:0 22px 55px color-mix(in srgb,var(--pv-text) 18%,transparent)}}.pv-phone-top,.pv-mobile-header{justify-content:space-between;align-items:center;padding:.7rem 1rem;display:flex}.pv-phone-top{font-size:.58rem;font-weight:850}.pv-phone-top>i{background:var(--pv-text);border-radius:999px;width:4rem;height:1rem}@supports (color:color-mix(in lab, red, red)){.pv-phone-top>i{background:color-mix(in srgb,var(--pv-text) 90%,#000)}}.pv-mobile-header{border-top:1px solid var(--pv-border)}.pv-mobile-hero{padding:1.4rem 1rem}.pv-mobile-hero>span{color:var(--pv-secondary);letter-spacing:.1em;font-size:.58rem;font-weight:900}.pv-mobile-hero h2{letter-spacing:-.06em;margin:.45rem 0;font-size:2rem;line-height:1}.pv-mobile-hero p{color:var(--pv-muted);font-size:.72rem;line-height:1.5}.pv-mobile-hero button{width:100%;margin-top:.5rem}.pv-mobile-card{background:var(--pv-surface);border:1px solid var(--pv-border);border-radius:1rem;margin:0 1rem;padding:1rem}.pv-mobile-card small{color:var(--pv-muted);font-weight:850}.pv-mobile-card strong{margin:.35rem 0;font-size:2.4rem;display:block}.pv-mobile-card>div{background:var(--pv-border);border-radius:999px;height:.55rem;overflow:hidden}.pv-mobile-card>div i{background:var(--pv-primary);width:82%;height:100%;display:block}.pv-mobile-card p{color:var(--pv-muted);margin:.5rem 0 0;font-size:.68rem}.pv-mobile-mini-grid{grid-template-columns:1fr 1fr;gap:.6rem;padding:.7rem 1rem;display:grid}.pv-mobile-mini-grid article{border:1px solid var(--pv-border);border-radius:.85rem;padding:.8rem}.pv-mobile-mini-grid i{color:var(--pv-secondary);font-style:normal}.pv-mobile-mini-grid strong,.pv-mobile-mini-grid span{display:block}.pv-mobile-mini-grid strong{margin:.35rem 0;font-size:1.1rem}.pv-mobile-mini-grid span{color:var(--pv-muted);font-size:.62rem}.pv-mobile-nav>*{text-align:center;color:var(--pv-muted)}.palette-preview-screen--branding{background:var(--pv-surface);padding:1rem}@supports (color:color-mix(in lab, red, red)){.palette-preview-screen--branding{background:color-mix(in srgb,var(--pv-surface) 72%,white)}}.palette-visualizer-preview[data-preview-mode=dark] .palette-preview-screen--branding{background:var(--pv-bg)}@supports (color:color-mix(in lab, red, red)){.palette-visualizer-preview[data-preview-mode=dark] .palette-preview-screen--branding{background:color-mix(in srgb,var(--pv-bg) 88%,var(--pv-primary))}}.pv-branding-grid{grid-template-columns:1.1fr .9fr;gap:.8rem;display:grid}.pv-branding-grid article{border:1px solid var(--pv-border);border-radius:1rem;min-height:19rem;overflow:hidden}.pv-brand-poster{background:var(--pv-primary);color:var(--pv-primary-text);flex-direction:column;padding:1.2rem;display:flex}.pv-brand-poster>span{letter-spacing:.12em;font-size:.64rem;font-weight:900}.pv-brand-poster>strong{letter-spacing:-.08em;margin:auto 0;font:900 3.7rem/.85 Georgia,serif}.pv-brand-poster em{color:var(--pv-accent);font-style:normal}.pv-brand-poster small{opacity:.72}.pv-brand-card{background:var(--pv-surface);flex-direction:column;justify-content:space-between;padding:1.2rem;display:flex}.pv-brand-card__logo{align-items:center;gap:.5rem;font-size:1.3rem;display:flex}.pv-brand-card__logo i{background:var(--pv-secondary);border-radius:.5rem 1rem;width:2rem;height:2rem;transform:rotate(25deg)}.pv-brand-card p{max-width:16rem;font:700 1.5rem/1.1 Georgia,serif}.pv-brand-card>span{color:var(--pv-muted);font-size:.75rem}.pv-brand-social{background:var(--pv-secondary);color:var(--pv-secondary-text);padding:1.2rem;position:relative}.pv-brand-social span{letter-spacing:.12em;font-size:.62rem;font-weight:900}.pv-brand-social h2{letter-spacing:-.05em;max-width:18rem;margin:.8rem 0;font-size:2.1rem;line-height:.95}.pv-brand-social i{background:var(--pv-accent);border-radius:50%;width:7rem;height:7rem;position:absolute;bottom:1rem;right:1rem}.pv-brand-swatch-sheet{background:var(--pv-bg);flex-direction:column;padding:1rem;display:flex}.pv-brand-swatch-sheet>span{font-weight:900}.pv-brand-swatch-sheet>div{border-radius:.8rem;flex:1;grid-template-columns:repeat(5,1fr);margin-top:1rem;display:grid;overflow:hidden}.pv-brand-swatch-sheet i:first-child{background:var(--pv-primary)}.pv-brand-swatch-sheet i:nth-child(2){background:var(--pv-secondary)}.pv-brand-swatch-sheet i:nth-child(3){background:var(--pv-accent)}.pv-brand-swatch-sheet i:nth-child(4){background:var(--pv-surface-user)}.pv-brand-swatch-sheet i:nth-child(5){background:var(--pv-text-user)}.palette-visualizer-workspace-actions{border-top:1px solid #17171717;flex-wrap:wrap;justify-content:flex-end;gap:.55rem;padding:.8rem;display:flex}@media (width<=1050px){.palette-visualizer-shell{grid-template-columns:18rem minmax(0,1fr)}.pv-site-nav>div{display:none}.pv-site-hero{grid-template-columns:1fr}.pv-site-footer{grid-template-columns:repeat(3,1fr)}.pv-site-footer>:nth-child(n+4){display:none}}@media (width<=820px){.palette-visualizer-heading{flex-direction:column;align-items:flex-start}.palette-visualizer-heading__actions{justify-content:flex-start}.palette-visualizer-shell{grid-template-columns:1fr}.palette-visualizer-tabs{grid-template-columns:repeat(3,minmax(8rem,1fr));overflow-x:auto}.palette-visualizer-preview{min-height:auto}.palette-preview-screen{min-height:35rem}}@media (width<=620px){.palette-visualizer-page{padding-inline:.75rem}.palette-visualizer-tabs{padding-inline:.3rem}.palette-visualizer-preview{padding:.45rem}.pv-site-hero{padding:1.1rem}.pv-site-copy h2{font-size:2.4rem}.pv-feature-grid{grid-template-columns:1fr;padding:.8rem}.pv-site-footer{grid-template-columns:1fr 1fr}.pv-site-footer>:nth-child(n+3){display:none}.palette-preview-screen--dashboard{grid-template-columns:1fr}.pv-dashboard-nav{display:none}.pv-stat-grid,.pv-dashboard-grid{grid-template-columns:1fr}.pv-bars{height:10rem}.pv-branding-grid{grid-template-columns:1fr}}[data-theme=dark] .palette-visualizer-kicker,[data-theme=dark] .palette-visualizer-heading>div>p:last-child,[data-theme=dark] .palette-visualizer-panel__head span,[data-theme=dark] .palette-visualizer-mode>span,[data-theme=dark] .palette-visualizer-contrast-note{color:#f5f2ed85}[data-theme=dark] .palette-visualizer-panel,[data-theme=dark] .palette-visualizer-workspace{background:#ffffff09;border-color:#ffffff1a;box-shadow:0 20px 55px #00000024}[data-theme=dark] .palette-visualizer-color-row,[data-theme=dark] .palette-visualizer-contrast-row,[data-theme=dark] .palette-visualizer-heading__actions button,[data-theme=dark] .palette-visualizer-heading__actions a,[data-theme=dark] .palette-visualizer-sidebar-actions button,[data-theme=dark] .palette-visualizer-workspace-actions button,[data-theme=dark] .palette-visualizer-workspace-actions a,[data-theme=dark] .palette-visualizer-icon-action{color:#f5f2ed;background:#ffffff0d;border-color:#ffffff1a}[data-theme=dark] .palette-visualizer-color-row span input{color:#f5f2edad}[data-theme=dark] .palette-visualizer-mode{border-top-color:#ffffff14}[data-theme=dark] .palette-visualizer-mode>div{background:#ffffff0d}[data-theme=dark] .palette-visualizer-mode button,[data-theme=dark] .palette-visualizer-tabs button{color:#f5f2ed94}[data-theme=dark] .palette-visualizer-mode button.is-active{color:#171717}[data-theme=dark] .palette-visualizer-tabs{border-bottom-color:#ffffff17}[data-theme=dark] .palette-visualizer-tabs button.is-active{border-bottom-color:var(--acid);color:#fff}[data-theme=dark] .palette-visualizer-sidebar-actions .palette-visualizer-primary-action{background:var(--acid);color:#171717}[data-theme=dark] .palette-visualizer-workspace-actions{border-top-color:#ffffff17}@supports (color:color-mix(in lab, red, red)){.palette-preview-screen--website{background:linear-gradient(180deg, color-mix(in srgb, var(--pv-bg) 92%, var(--pv-surface) 8%), var(--pv-bg))}}.pv-site-shell{gap:1rem;min-height:100%;padding:1rem;display:grid}.pv-site-notice{border:1px solid var(--pv-border);background:var(--pv-surface);border-radius:1rem;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding:.7rem 1rem;display:grid}@supports (color:color-mix(in lab, red, red)){.pv-site-notice{background:color-mix(in srgb, var(--pv-surface) 82%, var(--pv-bg))}}.pv-site-notice{color:var(--pv-text)}.pv-site-notice span{background:var(--pv-accent);min-height:1.8rem;color:var(--pv-accent-text);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;padding:0 .6rem;font-size:.62rem;font-weight:900;display:inline-flex}.pv-site-notice p,.pv-site-notice a{margin:0;font-size:.72rem;font-weight:750}.pv-site-notice p{color:var(--pv-muted)}.pv-site-notice a{color:var(--pv-secondary);font-weight:850}.pv-site-topbar{border:1px solid var(--pv-border);background:var(--pv-bg);border-radius:1.15rem;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:1rem 1.1rem;display:grid}@supports (color:color-mix(in lab, red, red)){.pv-site-topbar{background:color-mix(in srgb, var(--pv-bg) 85%, var(--pv-surface) 15%)}}.pv-site-topbar{box-shadow:0 12px 30px var(--pv-text)}@supports (color:color-mix(in lab, red, red)){.pv-site-topbar{box-shadow:0 12px 30px color-mix(in srgb, var(--pv-text) 6%, transparent)}}.pv-site-topbar__links{color:var(--pv-muted);justify-content:center;gap:1.25rem;font-size:.67rem;font-weight:780;display:flex}.pv-site-topbar__actions{align-items:center;gap:.55rem;display:flex}.pv-site-topbar__actions a{color:var(--pv-muted);font-size:.72rem;font-weight:800}.pv-site-topbar__actions button,.pv-site-actions-v2 button:first-child,.pv-site-cta-card button{background:var(--pv-primary);color:var(--pv-primary-text);border-radius:.7rem;padding:.72rem 1rem;font-size:.72rem;font-weight:860}.pv-site-hero-v2{grid-template-columns:1.08fr .92fr;align-items:stretch;gap:1rem;display:grid}.pv-site-copy-v2,.pv-site-showcase__frame,.pv-site-feature-panel,.pv-site-quote-card,.pv-site-cta-card{border:1px solid var(--pv-border);background:var(--pv-bg);border-radius:1.35rem}@supports (color:color-mix(in lab, red, red)){.pv-site-copy-v2,.pv-site-showcase__frame,.pv-site-feature-panel,.pv-site-quote-card,.pv-site-cta-card{background:color-mix(in srgb, var(--pv-bg) 88%, var(--pv-surface) 12%)}}.pv-site-copy-v2,.pv-site-showcase__frame,.pv-site-feature-panel,.pv-site-quote-card,.pv-site-cta-card{box-shadow:0 16px 34px var(--pv-text)}@supports (color:color-mix(in lab, red, red)){.pv-site-copy-v2,.pv-site-showcase__frame,.pv-site-feature-panel,.pv-site-quote-card,.pv-site-cta-card{box-shadow:0 16px 34px color-mix(in srgb, var(--pv-text) 7%, transparent)}}.pv-site-copy-v2{flex-direction:column;justify-content:center;padding:1.45rem;display:flex}.pv-site-pill{background:var(--pv-accent);border-radius:999px;align-items:center;width:max-content;min-height:2rem;padding:0 .7rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.pv-site-pill{background:color-mix(in srgb, var(--pv-accent) 18%, transparent)}}.pv-site-pill{color:var(--pv-accent)}@supports (color:color-mix(in lab, red, red)){.pv-site-pill{color:color-mix(in srgb, var(--pv-accent) 68%, var(--pv-text))}}.pv-site-pill{letter-spacing:.1em;text-transform:uppercase;font-size:.62rem;font-weight:900}.pv-site-copy-v2 h2{letter-spacing:-.065em;max-width:28rem;margin:.95rem 0 .7rem;font-size:clamp(2.15rem,4vw,3.75rem);line-height:.93}.pv-site-copy-v2 h2 em{color:var(--pv-primary);font-style:normal}.pv-site-copy-v2 p{max-width:31rem;color:var(--pv-muted);margin:0;font-size:.82rem;line-height:1.65}.pv-site-actions-v2{gap:.7rem;margin-top:1rem;display:flex}.pv-site-actions-v2 .is-secondary{border:1px solid var(--pv-secondary);color:var(--pv-secondary);border-radius:.7rem;padding:.7rem 1rem;font-size:.72rem;font-weight:850}.pv-site-proof{grid-template-columns:repeat(3,1fr);gap:.7rem;margin-top:1.2rem;display:grid}.pv-site-proof div{background:var(--pv-surface);border-radius:1rem;padding:.8rem .85rem}@supports (color:color-mix(in lab, red, red)){.pv-site-proof div{background:color-mix(in srgb, var(--pv-surface) 86%, var(--pv-bg))}}.pv-site-proof div{box-shadow:inset 0 0 0 1px var(--pv-border)}.pv-site-proof strong{font-size:1.2rem;font-weight:930;display:block}.pv-site-proof span{color:var(--pv-muted);margin-top:.28rem;font-size:.66rem;line-height:1.4;display:block}.pv-site-showcase{align-items:stretch;display:grid}.pv-site-showcase__frame{background:radial-gradient(circle at top right, var(--pv-secondary), transparent 30%), var(--pv-bg);gap:.8rem;padding:1rem;display:grid}@supports (color:color-mix(in lab, red, red)){.pv-site-showcase__frame{background:radial-gradient(circle at top right, color-mix(in srgb, var(--pv-secondary) 20%, transparent), transparent 30%), color-mix(in srgb, var(--pv-bg) 92%, var(--pv-surface) 8%)}}.pv-site-showcase__toolbar{color:var(--pv-muted);align-items:center;gap:.35rem;padding:.15rem 0 .25rem;font-size:.68rem;display:flex}.pv-site-showcase__toolbar span{background:var(--pv-border);border-radius:50%;width:.62rem;height:.62rem}.pv-site-showcase__toolbar b{color:var(--pv-text);margin-left:.35rem;font-size:.72rem}.pv-site-showcase__hero-stat{background:linear-gradient(135deg, var(--pv-primary), var(--pv-primary));border-radius:1.1rem;padding:1rem}@supports (color:color-mix(in lab, red, red)){.pv-site-showcase__hero-stat{background:linear-gradient(135deg, var(--pv-primary), color-mix(in srgb, var(--pv-primary) 56%, var(--pv-secondary)))}}.pv-site-showcase__hero-stat{color:var(--pv-primary-text)}.pv-site-showcase__hero-stat small{opacity:.72;font-size:.68rem;display:block}.pv-site-showcase__hero-stat strong{margin-top:.2rem;font-size:2rem;font-weight:950;display:block}.pv-site-showcase__spark{align-items:flex-end;gap:.28rem;height:4rem;margin-top:.8rem;display:flex}.pv-site-showcase__spark i{background:#ffffffbf;border-radius:.3rem .3rem 0 0;flex:1}.pv-site-showcase__spark i:first-child{height:30%}.pv-site-showcase__spark i:nth-child(2){height:45%}.pv-site-showcase__spark i:nth-child(3){height:40%}.pv-site-showcase__spark i:nth-child(4){height:65%}.pv-site-showcase__spark i:nth-child(5){height:58%}.pv-site-showcase__spark i:nth-child(6){height:78%}.pv-site-showcase__spark i:nth-child(7){height:88%}.pv-site-showcase__grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.pv-mini-card{background:var(--pv-surface);border-radius:1rem;padding:.85rem}@supports (color:color-mix(in lab, red, red)){.pv-mini-card{background:color-mix(in srgb, var(--pv-surface) 88%, var(--pv-bg))}}.pv-mini-card{box-shadow:inset 0 0 0 1px var(--pv-border)}.pv-mini-card span,.pv-mini-card small{display:block}.pv-mini-card span{color:var(--pv-muted);font-size:.67rem}.pv-mini-card strong{margin:.38rem 0;font-size:1.5rem;font-weight:920;display:block}.pv-mini-card small{color:var(--pv-secondary);font-size:.66rem;font-weight:850}.pv-site-showcase__bottom{grid-template-columns:1.2fr .8fr;align-items:center;gap:.75rem;display:grid}.pv-site-bars{background:var(--pv-surface);border-radius:1rem;align-items:flex-end;gap:.35rem;height:7.5rem;padding:.9rem;display:flex}@supports (color:color-mix(in lab, red, red)){.pv-site-bars{background:color-mix(in srgb, var(--pv-surface) 88%, var(--pv-bg))}}.pv-site-bars{box-shadow:inset 0 0 0 1px var(--pv-border)}.pv-site-bars i{background:var(--pv-primary);border-radius:.35rem .35rem 0 0;flex:1}.pv-site-bars i:first-child{height:28%}.pv-site-bars i:nth-child(2){height:50%}.pv-site-bars i:nth-child(3){height:40%}.pv-site-bars i:nth-child(4){height:72%}.pv-site-bars i:nth-child(5){height:56%}.pv-site-bars i:nth-child(6){height:88%}.pv-site-ring{background:conic-gradient(var(--pv-accent) 0 22%, var(--pv-secondary) 22% 60%, var(--pv-primary) 60% 100%);width:8rem;height:8rem;box-shadow:inset 0 0 0 1rem var(--pv-bg);border-radius:50%;justify-self:center}@supports (color:color-mix(in lab, red, red)){.pv-site-ring{box-shadow:inset 0 0 0 1rem color-mix(in srgb, var(--pv-bg) 86%, var(--pv-surface) 14%)}}.pv-site-logo-row{grid-template-columns:auto 1fr;align-items:center;gap:1rem;padding:.1rem .25rem;display:grid}.pv-site-logo-row>span{color:var(--pv-muted);font-size:.68rem;font-weight:800}.pv-site-logo-row>div{flex-wrap:wrap;gap:1rem;display:flex}.pv-site-logo-row b{color:var(--pv-text)}@supports (color:color-mix(in lab, red, red)){.pv-site-logo-row b{color:color-mix(in srgb, var(--pv-text) 82%, transparent)}}.pv-site-logo-row b{letter-spacing:.14em;font-size:.78rem;font-weight:930}.pv-site-content-grid{grid-template-columns:1.15fr .85fr;gap:1rem;display:grid}.pv-site-feature-panel{padding:1.15rem}.pv-site-panel-head{justify-content:space-between;align-items:end;gap:1rem;display:flex}.pv-site-panel-head span,.pv-site-quote-card span,.pv-site-cta-card span{color:var(--pv-muted);letter-spacing:.1em;text-transform:uppercase;font-size:.66rem;font-weight:900;display:block}.pv-site-panel-head h3{letter-spacing:-.04em;max-width:28rem;margin:.35rem 0 0;font-size:1.38rem;line-height:1.05}.pv-site-panel-head a{color:var(--pv-secondary);white-space:nowrap;font-size:.72rem;font-weight:850}.pv-site-feature-cards{grid-template-columns:repeat(3,1fr);gap:.8rem;margin-top:1rem;display:grid}.pv-site-feature-cards article{background:var(--pv-surface);border-radius:1rem;padding:.95rem}@supports (color:color-mix(in lab, red, red)){.pv-site-feature-cards article{background:color-mix(in srgb, var(--pv-surface) 88%, var(--pv-bg))}}.pv-site-feature-cards article{box-shadow:inset 0 0 0 1px var(--pv-border)}.pv-site-feature-cards i{background:var(--pv-primary);border-radius:.7rem;place-items:center;width:2.25rem;height:2.25rem;display:grid}@supports (color:color-mix(in lab, red, red)){.pv-site-feature-cards i{background:color-mix(in srgb, var(--pv-primary) 12%, var(--pv-surface))}}.pv-site-feature-cards i{color:var(--pv-primary);font-style:normal;font-weight:900}.pv-site-feature-cards strong{margin-top:.9rem;font-size:.82rem;font-weight:900;display:block}.pv-site-feature-cards p{color:var(--pv-muted);margin:.45rem 0 0;font-size:.66rem;line-height:1.55}.pv-site-side-stack{gap:1rem;display:grid}.pv-site-quote-card,.pv-site-cta-card{padding:1.1rem}.pv-site-quote-card p{margin:.65rem 0 1rem;font:700 1.08rem/1.35 Georgia,serif}.pv-site-quote-card div{grid-template-columns:auto 1fr;align-items:center;gap:.6rem;display:grid}.pv-site-quote-card i{background:linear-gradient(135deg, var(--pv-primary), var(--pv-secondary));border-radius:50%;width:2.2rem;height:2.2rem}.pv-site-quote-card b,.pv-site-quote-card small{display:block}.pv-site-quote-card small{color:var(--pv-muted);margin-top:.15rem;font-size:.66rem}.pv-site-cta-card{background:linear-gradient(135deg, var(--pv-secondary), var(--pv-accent));align-content:start;gap:.55rem;display:grid}@supports (color:color-mix(in lab, red, red)){.pv-site-cta-card{background:linear-gradient(135deg, color-mix(in srgb, var(--pv-secondary) 20%, transparent), color-mix(in srgb, var(--pv-accent) 24%, transparent))}}.pv-site-cta-card strong{letter-spacing:-.05em;max-width:14rem;font-size:1.5rem;line-height:1.02}.pv-site-cta-card button{width:max-content;margin-top:.35rem}@media (width<=1050px){.pv-site-topbar__links{display:none}.pv-site-hero-v2,.pv-site-content-grid{grid-template-columns:1fr}}@media (width<=820px){.pv-site-notice,.pv-site-topbar{grid-template-columns:1fr}.pv-site-topbar__actions{justify-content:flex-start}.pv-site-proof,.pv-site-feature-cards,.pv-site-showcase__grid,.pv-site-showcase__bottom{grid-template-columns:1fr}.pv-site-ring{width:7rem;height:7rem}}@media (width<=620px){.pv-site-shell{padding:.7rem}.pv-site-copy-v2,.pv-site-showcase__frame,.pv-site-feature-panel,.pv-site-quote-card,.pv-site-cta-card{padding:.95rem}.pv-site-copy-v2 h2{font-size:2.45rem}.pv-site-panel-head{flex-direction:column;align-items:start}}.palette-preview-screen--website{background:radial-gradient(circle at 78% 18%, var(--pv-secondary), transparent 22%), radial-gradient(circle at 70% 30%, var(--pv-accent), transparent 24%), radial-gradient(circle at 82% 34%, var(--pv-primary), transparent 30%), linear-gradient(180deg, #091024 0%, #091024 56%, #f6f7fb 56%, #f6f7fb 100%);position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.palette-preview-screen--website{background:radial-gradient(circle at 78% 18%, color-mix(in srgb, var(--pv-secondary) 18%, transparent), transparent 22%), radial-gradient(circle at 70% 30%, color-mix(in srgb, var(--pv-accent) 22%, transparent), transparent 24%), radial-gradient(circle at 82% 34%, color-mix(in srgb, var(--pv-primary) 26%, transparent), transparent 30%), linear-gradient(180deg, #091024 0%, #091024 56%, #f6f7fb 56%, #f6f7fb 100%)}.palette-visualizer-preview[data-preview-mode=dark] .palette-preview-screen--website{background:radial-gradient(circle at 78% 18%, color-mix(in srgb, var(--pv-secondary) 24%, transparent), transparent 22%), radial-gradient(circle at 70% 30%, color-mix(in srgb, var(--pv-accent) 18%, transparent), transparent 24%), radial-gradient(circle at 82% 34%, color-mix(in srgb, var(--pv-primary) 24%, transparent), transparent 30%), linear-gradient(180deg, #060b18 0%, #060b18 56%, #e9edf4 56%, #e9edf4 100%)}}.pv-aurora-shell{color:#f2f4fb;min-height:100%;padding:0;position:relative}.pv-aurora-topbar{border-bottom:1px solid #ffffff14;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:1rem 1.35rem;display:grid}.pv-aurora-topbar .pv-brand{color:#fff;font-size:1.08rem}.pv-aurora-topbar__links{color:#f2f4fbcc;justify-content:center;gap:1.4rem;font-size:.68rem;font-weight:760;display:flex}.pv-aurora-topbar__actions{align-items:center;gap:.7rem;display:flex}.pv-aurora-topbar__actions a{color:#f2f4fbd6;font-size:.72rem;font-weight:800}.pv-aurora-topbar__actions button,.pv-aurora-actions button:first-child{background:linear-gradient(135deg, var(--pv-primary), var(--pv-primary));border-radius:.7rem;min-height:2.45rem;padding:0 1rem}@supports (color:color-mix(in lab, red, red)){.pv-aurora-topbar__actions button,.pv-aurora-actions button:first-child{background:linear-gradient(135deg, var(--pv-primary), color-mix(in srgb, var(--pv-primary) 55%, var(--pv-secondary)))}}.pv-aurora-topbar__actions button,.pv-aurora-actions button:first-child{color:var(--pv-primary-text);box-shadow:0 10px 24px var(--pv-primary);font-size:.74rem;font-weight:860}@supports (color:color-mix(in lab, red, red)){.pv-aurora-topbar__actions button,.pv-aurora-actions button:first-child{box-shadow:0 10px 24px color-mix(in srgb, var(--pv-primary) 40%, transparent)}}.pv-aurora-hero{grid-template-columns:1fr 32rem;align-items:center;gap:1.2rem;min-height:25rem;padding:1.6rem 1.6rem 2.5rem;display:grid;position:relative}.pv-aurora-hero:after{content:"";background:radial-gradient(circle at 20% 50%, var(--pv-primary), transparent 45%), radial-gradient(circle at 50% 50%, var(--pv-secondary), transparent 50%), radial-gradient(circle at 80% 50%, var(--pv-accent), transparent 40%);width:28rem;height:10rem;position:absolute;bottom:2.75rem;right:13rem}@supports (color:color-mix(in lab, red, red)){.pv-aurora-hero:after{background:radial-gradient(circle at 20% 50%, color-mix(in srgb, var(--pv-primary) 65%, transparent), transparent 45%), radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--pv-secondary) 60%, transparent), transparent 50%), radial-gradient(circle at 80% 50%, color-mix(in srgb, var(--pv-accent) 45%, transparent), transparent 40%)}}.pv-aurora-hero:after{opacity:.75;filter:blur(26px);pointer-events:none}.pv-aurora-copy{z-index:1;max-width:29rem;padding:1rem 0 0 1.1rem;position:relative}.pv-aurora-kicker{color:#f2f4fbc7;letter-spacing:.1em;text-transform:uppercase;background:#ffffff14;border-radius:999px;align-items:center;min-height:1.8rem;padding:0 .7rem;font-size:.62rem;font-weight:880;display:inline-flex}.pv-aurora-copy h2{color:#fff;letter-spacing:-.065em;margin:1rem 0 .8rem;font-size:clamp(2.4rem,4.3vw,4rem);line-height:.98}.pv-aurora-copy p{color:#f2f4fbc7;max-width:28rem;margin:0;font-size:.88rem;line-height:1.55}.pv-aurora-actions{gap:.7rem;margin-top:1.35rem;display:flex}.pv-aurora-actions .is-secondary{color:#fff;background:#ffffff08;border:1px solid #ffffff24;border-radius:.7rem;min-height:2.45rem;padding:0 1rem;font-size:.74rem;font-weight:840}.pv-aurora-app-card{z-index:1;background:linear-gradient(#0e1426f2,#0b1120eb);border:1px solid #ffffff14;border-radius:1.3rem;padding:1rem;position:relative;box-shadow:0 24px 50px #00000047}.pv-aurora-app-card__head{justify-content:space-between;align-items:start;gap:.8rem;display:flex}.pv-aurora-app-card__head span{color:#f2f4fbbd;font-size:.66rem;font-weight:780;display:block}.pv-aurora-app-card__head strong{color:#fff;margin-top:.15rem;font-size:.92rem;font-weight:900;display:block}.pv-aurora-app-card__head small{color:#f2f4fbbd;background:#ffffff0d;border-radius:.55rem;align-items:center;min-height:1.9rem;padding:0 .65rem;font-size:.63rem;font-weight:760;display:inline-flex}.pv-aurora-chart__line{background:radial-gradient(circle at 10% 78%,#fffffff2 0 .22rem,#0000 .23rem),radial-gradient(circle at 22% 72%,#fffffff2 0 .22rem,#0000 .23rem),radial-gradient(circle at 34% 62%,#fffffff2 0 .22rem,#0000 .23rem),radial-gradient(circle at 46% 68%,#fffffff2 0 .22rem,#0000 .23rem),radial-gradient(circle at 58% 52%,#fffffff2 0 .22rem,#0000 .23rem),radial-gradient(circle at 70% 42%,#fffffff2 0 .22rem,#0000 .23rem),radial-gradient(circle at 82%,#fffffff2 0 .22rem,#0000 .23rem),radial-gradient(circle at 92% 30%,#fffffff2 0 .22rem,#0000 .23rem),linear-gradient(135deg,#0000 0 7%,#ffffff0d 7% 100%);position:absolute;inset:0}.pv-aurora-chart__line:before{content:"";border-bottom:3px solid var(--pv-secondary);position:absolute;inset:27% 7% 16% 9%}@supports (color:color-mix(in lab, red, red)){.pv-aurora-chart__line:before{border-bottom:3px solid color-mix(in srgb, var(--pv-secondary) 80%, white)}}.pv-aurora-chart__line:before{opacity:.95;filter:drop-shadow(0 0 12px var(--pv-secondary));border-left:3px solid #0000;border-radius:0 0 14rem 14rem/0 0 10rem 10rem;transform:skewY(-12deg)}@supports (color:color-mix(in lab, red, red)){.pv-aurora-chart__line:before{filter:drop-shadow(0 0 12px color-mix(in srgb, var(--pv-secondary) 45%, transparent))}}.pv-aurora-stat-grid{grid-template-columns:repeat(3,1fr);gap:.7rem;margin-top:.8rem;display:grid}.pv-aurora-stat-grid article{background:#ffffff06;border:1px solid #ffffff0f;border-radius:.9rem;padding:.85rem}.pv-aurora-stat-grid span,.pv-aurora-stat-grid small{display:block}.pv-aurora-stat-grid span{color:#f2f4fbb3;font-size:.64rem}.pv-aurora-stat-grid strong{color:#fff;margin:.35rem 0;font-size:1.15rem;font-weight:900;display:block}.pv-aurora-stat-grid small{color:#63d3a7;font-size:.64rem;font-weight:820}.pv-aurora-swatch-rail{background:#091024d6;border:1px solid #ffffff14;border-radius:1rem;gap:.5rem;padding:.65rem;display:grid;position:absolute;top:11.5rem;right:1rem;box-shadow:0 18px 40px #00000038}.pv-aurora-swatch-rail i{border-radius:50%;width:1.55rem;height:1.55rem;display:block;box-shadow:inset 0 0 0 1px #ffffff2e}.pv-aurora-swatch-rail i:first-child,.pv-aurora-swatch-rail i:nth-child(2){background:var(--pv-primary)}@supports (color:color-mix(in lab, red, red)){.pv-aurora-swatch-rail i:nth-child(2){background:color-mix(in srgb, var(--pv-primary) 72%, #fff)}}.pv-aurora-swatch-rail i:nth-child(3),.pv-aurora-swatch-rail i:nth-child(4){background:var(--pv-secondary)}@supports (color:color-mix(in lab, red, red)){.pv-aurora-swatch-rail i:nth-child(4){background:color-mix(in srgb, var(--pv-secondary) 70%, var(--pv-accent))}}.pv-aurora-swatch-rail i:nth-child(5){background:#3cd6a6}.pv-aurora-swatch-rail i:nth-child(6){background:var(--pv-accent)}.pv-aurora-swatch-rail i:nth-child(7){background:0 0}.pv-aurora-swatch-rail i:nth-child(8){background:var(--pv-bg)}@supports (color:color-mix(in lab, red, red)){.pv-aurora-swatch-rail i:nth-child(8){background:color-mix(in srgb, var(--pv-bg) 30%, transparent)}}.pv-aurora-swatch-rail i:nth-child(9){background:var(--pv-surface-user)}.pv-aurora-swatch-rail i:nth-child(10){background:var(--pv-text-user)}.pv-aurora-surface{color:#101828;background:#f6f7fb;border-top-left-radius:52% 2.1rem;border-top-right-radius:52% 2.1rem;margin-top:-1rem;padding:2.1rem 1.55rem 1.5rem;position:relative}.pv-aurora-surface__head{grid-template-columns:1fr 23rem;align-items:start;gap:1rem;display:grid}.pv-aurora-surface__head span{background:var(--pv-secondary);border-radius:.45rem;align-items:center;width:max-content;min-height:1.6rem;padding:0 .5rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.pv-aurora-surface__head span{background:color-mix(in srgb, var(--pv-secondary) 16%, white)}}.pv-aurora-surface__head span{color:var(--pv-secondary);letter-spacing:.08em;text-transform:uppercase;font-size:.58rem;font-weight:900}.pv-aurora-surface__head h3{color:#1a2240;letter-spacing:-.045em;max-width:26rem;margin:.75rem 0 0;font-size:1.65rem;line-height:1.12}.pv-aurora-surface__head p{color:#667085;margin:1.15rem 0 0;font-size:.82rem;line-height:1.55}.pv-aurora-feature-grid{grid-template-columns:repeat(4,1fr);gap:.95rem;margin-top:1.25rem;display:grid}.pv-aurora-feature-grid article{background:#fff;border:1px solid #10182814;border-radius:1rem;padding:1rem;box-shadow:0 10px 22px #1018280f}.pv-aurora-feature-grid i{background:var(--pv-primary);border-radius:.72rem;place-items:center;width:2.2rem;height:2.2rem;display:grid}@supports (color:color-mix(in lab, red, red)){.pv-aurora-feature-grid i{background:color-mix(in srgb, var(--pv-primary) 12%, white)}}.pv-aurora-feature-grid i{color:var(--pv-primary);font-style:normal;font-weight:900}.pv-aurora-feature-grid article:nth-child(2) i{background:var(--pv-secondary)}@supports (color:color-mix(in lab, red, red)){.pv-aurora-feature-grid article:nth-child(2) i{background:color-mix(in srgb, var(--pv-secondary) 12%, white)}.pv-aurora-feature-grid article:nth-child(3) i{background:color-mix(in srgb, var(--pv-accent) 16%, white);color:color-mix(in srgb, var(--pv-accent) 65%, #7c4b00)}}.pv-aurora-feature-grid article:nth-child(4) i{color:#1ea97c;background:#3cd6a61f}.pv-aurora-feature-grid strong{color:#101828;margin-top:.95rem;font-size:.84rem;font-weight:900;display:block}.pv-aurora-feature-grid p{color:#667085;margin:.5rem 0 .8rem;font-size:.68rem;line-height:1.58}.pv-aurora-feature-grid a{color:var(--pv-secondary);font-size:.68rem;font-weight:850}.pv-aurora-chat{background:linear-gradient(135deg, var(--pv-primary), var(--pv-primary));border-radius:50%;place-items:center;width:3.05rem;height:3.05rem;display:grid;position:absolute;bottom:1rem;right:1rem}@supports (color:color-mix(in lab, red, red)){.pv-aurora-chat{background:linear-gradient(135deg, var(--pv-primary), color-mix(in srgb, var(--pv-primary) 50%, var(--pv-secondary)))}}.pv-aurora-chat{color:var(--pv-primary-text);box-shadow:0 16px 28px var(--pv-primary);font-size:1.1rem;font-weight:900}@supports (color:color-mix(in lab, red, red)){.pv-aurora-chat{box-shadow:0 16px 28px color-mix(in srgb, var(--pv-primary) 36%, transparent)}}@media (width<=1100px){.pv-aurora-hero{grid-template-columns:1fr;padding-right:5.2rem}.pv-aurora-copy{max-width:none;padding-left:0}.pv-aurora-surface__head,.pv-aurora-feature-grid{grid-template-columns:1fr 1fr}}@media (width<=820px){.pv-aurora-topbar{grid-template-columns:1fr;justify-items:start}.pv-aurora-topbar__links{display:none}.pv-aurora-topbar__actions{justify-content:flex-start;width:100%}.pv-aurora-hero{padding-right:1.3rem}.pv-aurora-swatch-rail{display:none}.pv-aurora-surface{border-top-left-radius:30% 1.6rem;border-top-right-radius:30% 1.6rem}.pv-aurora-surface__head,.pv-aurora-feature-grid,.pv-aurora-stat-grid{grid-template-columns:1fr}}@media (width<=620px){.pv-aurora-topbar,.pv-aurora-hero{padding-left:.9rem;padding-right:.9rem}.pv-aurora-copy h2{font-size:2.3rem}.pv-aurora-actions{flex-direction:column;align-items:stretch}.pv-aurora-surface{padding-left:1rem;padding-right:1rem}}.palette-preview-screen--website{background:linear-gradient(#0b1324 0 57%,#f6f7fb 57% 100%)}.palette-visualizer-preview[data-preview-mode=dark] .palette-preview-screen--website{background:linear-gradient(#0b1324 0 57%,#eef2f7 57% 100%)}.pv-aurora-topbar .pv-brand i{background:var(--pv-accent)}.pv-aurora-topbar__actions button,.pv-aurora-actions button:first-child,.pv-aurora-chat{background:var(--pv-primary);box-shadow:0 10px 24px var(--pv-primary)}@supports (color:color-mix(in lab, red, red)){.pv-aurora-topbar__actions button,.pv-aurora-actions button:first-child,.pv-aurora-chat{box-shadow:0 10px 24px color-mix(in srgb, var(--pv-primary) 30%, transparent)}}.pv-aurora-app-card{background:#101828}.pv-aurora-chart{background:repeating-linear-gradient(0deg,#ffffff0f 0 1px,#0000 1px 2.4rem),repeating-linear-gradient(90deg,#ffffff0b 0 1px,#0000 1px 4rem)}.pv-aurora-chart__line{background:radial-gradient(circle at 10% 78%,#fffffff2 0 .22rem,#0000 .23rem),radial-gradient(circle at 22% 72%,#fffffff2 0 .22rem,#0000 .23rem),radial-gradient(circle at 34% 62%,#fffffff2 0 .22rem,#0000 .23rem),radial-gradient(circle at 46% 68%,#fffffff2 0 .22rem,#0000 .23rem),radial-gradient(circle at 58% 52%,#fffffff2 0 .22rem,#0000 .23rem),radial-gradient(circle at 70% 42%,#fffffff2 0 .22rem,#0000 .23rem),radial-gradient(circle at 82%,#fffffff2 0 .22rem,#0000 .23rem),radial-gradient(circle at 92% 30%,#fffffff2 0 .22rem,#0000 .23rem)}.pv-aurora-chart__line:before{border-bottom-color:var(--pv-secondary);filter:none}.pv-aurora-shell{align-content:start;display:grid}.pv-aurora-topbar{padding:1rem 1.4rem}.pv-aurora-hero{grid-template-columns:minmax(0,1fr) 31rem;align-items:center;gap:1.6rem;min-height:auto;padding:2rem 1.4rem 4.1rem}.pv-aurora-hero:after{display:none}.pv-aurora-copy{max-width:32rem;padding:.2rem 0 0 .6rem}.pv-aurora-copy h2{max-width:26rem;margin:.9rem 0 1rem;font-size:clamp(2.45rem,4vw,4.05rem);line-height:.95}.pv-aurora-copy p{max-width:25rem}.pv-aurora-actions{margin-top:1.4rem}.pv-aurora-actions .is-secondary{background:#ffffff0a}.pv-aurora-app-card{border-radius:1.35rem;padding:1rem}.pv-aurora-chart{height:11rem}.pv-aurora-stat-grid{gap:.8rem}.pv-aurora-swatch-rail{gap:.42rem;top:12.2rem;right:1.05rem}.pv-aurora-surface{background:#f6f7fb;border-top-left-radius:2rem;border-top-right-radius:2rem;margin-top:0;padding:1.8rem 1.55rem 1.4rem}.pv-aurora-surface__head{grid-template-columns:minmax(0,1fr) minmax(0,22rem);gap:1.4rem;margin-bottom:.2rem}.pv-aurora-surface__head h3{max-width:30rem;margin-top:.65rem}.pv-aurora-surface__head p{margin-top:1.15rem}.pv-aurora-feature-grid{gap:.9rem;margin-top:1.1rem}.pv-aurora-feature-grid article{min-height:10rem}.pv-aurora-chat{bottom:1rem;right:1rem}@media (width<=1100px){.pv-aurora-hero{grid-template-columns:1fr;padding-bottom:2.2rem;padding-right:4.9rem}.pv-aurora-copy{max-width:none;padding-left:0}.pv-aurora-surface{margin-top:0}}@media (width<=820px){.palette-preview-screen--website,.palette-visualizer-preview[data-preview-mode=dark] .palette-preview-screen--website{background:linear-gradient(#0b1324 0 50%,#f6f7fb 50% 100%)}.pv-aurora-topbar{padding:.95rem 1rem}.pv-aurora-hero{gap:1rem;padding:1.35rem 1rem 1.8rem}.pv-aurora-copy h2{max-width:20rem;font-size:2.8rem}.pv-aurora-surface{border-top-left-radius:1.4rem;border-top-right-radius:1.4rem;padding:1.2rem 1rem 1.15rem}}@media (width<=620px){.pv-aurora-copy h2{max-width:none;font-size:2.35rem}.pv-aurora-chart{height:9.2rem}.pv-aurora-app-card,.pv-aurora-feature-grid article{padding:.85rem}}.pv-aurora-hero{grid-template-columns:1fr 32rem;padding-right:1.4rem}.pv-aurora-chart{background:repeating-linear-gradient(0deg,#ffffff0f 0 1px,#0000 1px 2.4rem),repeating-linear-gradient(90deg,#ffffff0b 0 1px,#0000 1px 4rem);border:1px solid #ffffff14;border-radius:.95rem;height:12rem;margin-top:1rem;position:relative;overflow:hidden}.pv-aurora-chart__svg{width:100%;height:100%;position:absolute;inset:0}.pv-aurora-chart__point{fill:#fffffff5}.pv-aurora-swatch-rail{display:none!important}@media (width<=1100px){.pv-aurora-hero{grid-template-columns:1fr;padding-right:1.4rem}}.pv-aurora-chart__curve{fill:none;stroke:var(--pv-secondary);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.pv-aurora-chart__point{fill:#fff;stroke:#fff;stroke-width:1px}.palette-visualizer-add-color{color:#171717ad;background:#ffffff40;border:1px dashed #1717172e;border-radius:.9rem;justify-content:center;align-items:center;width:100%;min-height:2.65rem;margin-top:.65rem;font-size:.78rem;font-weight:850;transition:background .15s,border-color .15s;display:flex}.palette-visualizer-add-color:hover:not(:disabled){background:#ffffff9e;border-color:#1717174d}.palette-visualizer-add-color:disabled{cursor:not-allowed;opacity:.48}.palette-visualizer-remove-color{color:#17171780;background:#ffffff80;border:1px solid #1717171a;border-radius:.65rem;place-items:center;width:2rem;height:2rem;font-size:1rem;font-weight:900;line-height:1;display:grid}.palette-visualizer-remove-color:hover{color:#171717;background:#1717170f}[data-theme=dark] .palette-visualizer-add-color,[data-theme=dark] .palette-visualizer-remove-color{color:#f5f2edad;background:#ffffff0a;border-color:#ffffff1f}[data-theme=dark] .palette-visualizer-add-color:hover:not(:disabled),[data-theme=dark] .palette-visualizer-remove-color:hover{color:#fff;background:#ffffff14}.palette-visualizer-role-help{color:#1717177a;margin:-.15rem 0 .75rem;font-size:.72rem;line-height:1.45}.palette-visualizer-color-row{grid-template-columns:3.35rem minmax(0,1fr) auto;align-items:stretch}.palette-visualizer-color-row>input[type=color]{width:3.35rem;height:100%;min-height:4.25rem}.palette-visualizer-color-row__body{gap:.38rem;min-width:0;display:grid}.palette-visualizer-color-row__body select,.palette-visualizer-color-row__body input{color:#171717;background:#ffffff8c;border:1px solid #17171717;border-radius:.65rem;width:100%;min-width:0;padding:.42rem .55rem;font-size:.72rem;font-weight:800}.palette-visualizer-color-row__body input{text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.palette-visualizer-color-row__actions{align-content:center;gap:.32rem;display:grid}.palette-visualizer-lock-color,.palette-visualizer-remove-color{color:#1717177a;background:#ffffff7a;border:1px solid #1717171a;border-radius:.62rem;place-items:center;width:2rem;height:2rem;font-size:.82rem;font-weight:900;line-height:1;display:grid}.palette-visualizer-lock-color.is-locked{background:var(--acid);color:#171717;border-color:#1717172e}.palette-visualizer-remove-color:disabled{cursor:not-allowed;opacity:.25}.pv-aurora-stat-grid small,.pv-stat-grid small{color:var(--pv-success)!important}.pv-aurora-feature-grid article:first-child i{color:var(--pv-primary)!important}.pv-aurora-feature-grid article:nth-child(2) i{color:var(--pv-secondary)!important}.pv-aurora-feature-grid article:nth-child(3) i{background:var(--pv-warning)!important}@supports (color:color-mix(in lab, red, red)){.pv-aurora-feature-grid article:nth-child(3) i{background:color-mix(in srgb, var(--pv-warning) 16%, white)!important}}.pv-aurora-feature-grid article:nth-child(3) i{color:var(--pv-warning)!important}.pv-aurora-feature-grid article:nth-child(4) i{background:var(--pv-success)!important}@supports (color:color-mix(in lab, red, red)){.pv-aurora-feature-grid article:nth-child(4) i{background:color-mix(in srgb, var(--pv-success) 14%, white)!important}}.pv-aurora-feature-grid article:nth-child(4) i{color:var(--pv-success)!important}.pv-aurora-chart__curve{stroke:var(--pv-secondary)!important}[data-theme=dark] .palette-visualizer-role-help{color:#f5f2ed85}[data-theme=dark] .palette-visualizer-color-row__body select,[data-theme=dark] .palette-visualizer-color-row__body input,[data-theme=dark] .palette-visualizer-lock-color,[data-theme=dark] .palette-visualizer-remove-color{color:#f5f2ed;background:#ffffff0b;border-color:#ffffff1a}[data-theme=dark] .palette-visualizer-color-row__body select{color-scheme:dark}[data-theme=dark] .palette-visualizer-lock-color.is-locked{background:var(--acid);color:#171717}.palette-preview-screen--mobile{background:var(--pv-surface);place-items:center;padding:1.35rem;display:grid}@supports (color:color-mix(in lab, red, red)){.palette-preview-screen--mobile{background:color-mix(in srgb,var(--pv-surface) 70%,var(--pv-primary) 8%)}}.pv-phone.pv-phone--social{aspect-ratio:390/844;border:10px solid var(--pv-text);grid-template-rows:auto auto auto 1fr auto auto;width:min(19.5rem,100%);min-height:0;display:grid;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.pv-phone.pv-phone--social{border:10px solid color-mix(in srgb,var(--pv-text) 92%,#000)}}.pv-phone.pv-phone--social{background:var(--pv-bg);box-shadow:0 24px 58px var(--pv-text);border-radius:2.35rem}@supports (color:color-mix(in lab, red, red)){.pv-phone.pv-phone--social{box-shadow:0 24px 58px color-mix(in srgb,var(--pv-text) 20%,transparent)}}.pv-phone--social .pv-phone-top{padding:.8rem 1rem .55rem}.pv-mobile-header--social{border-top:1px solid var(--pv-border);border-bottom:1px solid var(--pv-border);justify-content:space-between;align-items:center;padding:.8rem 1rem;display:flex}.pv-mobile-header__actions{color:var(--pv-text);align-items:center;gap:.75rem;font-size:.88rem;font-weight:850;display:flex}.pv-mobile-stories{grid-template-columns:repeat(4,1fr);gap:.55rem;padding:.85rem .9rem;display:grid}.pv-mobile-stories article{justify-items:center;gap:.35rem;display:grid}.pv-mobile-stories i{border:2px solid var(--pv-secondary);background:radial-gradient(circle at 30% 30%, var(--pv-accent) 0 18%, transparent 19%), linear-gradient(135deg,var(--pv-primary),var(--pv-secondary));border-radius:50%;width:3.2rem;height:3.2rem;display:block}@supports (color:color-mix(in lab, red, red)){.pv-mobile-stories i{background:radial-gradient(circle at 30% 30%, color-mix(in srgb,var(--pv-accent) 70%, white) 0 18%, transparent 19%), linear-gradient(135deg,var(--pv-primary),var(--pv-secondary))}}.pv-mobile-stories article:first-child i{border-color:var(--pv-primary);background:radial-gradient(circle at 50% 50%, var(--pv-bg) 0 46%, transparent 47%), linear-gradient(135deg,var(--pv-primary),var(--pv-secondary))}.pv-mobile-stories span{color:var(--pv-muted);font-size:.58rem;font-weight:750}.pv-mobile-post{align-content:start;gap:.75rem;padding:0 .9rem .85rem;display:grid}.pv-mobile-post__head{justify-content:space-between;align-items:center;gap:.7rem;display:flex}.pv-mobile-user{align-items:center;gap:.6rem;display:flex}.pv-mobile-user i{background:linear-gradient(135deg,var(--pv-primary),var(--pv-secondary));border-radius:50%;width:2.2rem;height:2.2rem}.pv-mobile-user span,.pv-mobile-user strong,.pv-mobile-user small{display:block}.pv-mobile-user small,.pv-mobile-post__caption{color:var(--pv-muted);font-size:.62rem;line-height:1.45}.pv-mobile-post__head b{color:var(--pv-muted);font-size:.9rem}.pv-mobile-post__media{border:1px solid var(--pv-border);background:var(--pv-surface);border-radius:1.2rem;min-height:16.5rem;position:relative;overflow:hidden}.pv-mobile-post__gradient{background:radial-gradient(circle at 24% 24%, var(--pv-accent), transparent 26%), radial-gradient(circle at 76% 24%, var(--pv-secondary), transparent 26%), linear-gradient(145deg, var(--pv-primary), var(--pv-surface));position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.pv-mobile-post__gradient{background:radial-gradient(circle at 24% 24%, color-mix(in srgb,var(--pv-accent) 58%, transparent), transparent 26%), radial-gradient(circle at 76% 24%, color-mix(in srgb,var(--pv-secondary) 50%, transparent), transparent 26%), linear-gradient(145deg, color-mix(in srgb,var(--pv-primary) 22%, var(--pv-surface)), color-mix(in srgb,var(--pv-surface) 84%, var(--pv-bg)))}}.pv-mobile-post__badge{background:var(--pv-accent);min-height:1.65rem;color:var(--pv-accent-text);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;padding:0 .55rem;font-size:.56rem;font-weight:900;display:inline-flex;position:absolute;top:.8rem;left:.8rem}.pv-mobile-post__card{background:var(--pv-bg);border-radius:1rem;padding:.9rem;position:absolute;bottom:.8rem;left:.8rem;right:.8rem}@supports (color:color-mix(in lab, red, red)){.pv-mobile-post__card{background:color-mix(in srgb,var(--pv-bg) 88%, transparent)}}.pv-mobile-post__card{box-shadow:0 10px 22px var(--pv-text)}@supports (color:color-mix(in lab, red, red)){.pv-mobile-post__card{box-shadow:0 10px 22px color-mix(in srgb,var(--pv-text) 10%, transparent)}}.pv-mobile-post__card{backdrop-filter:blur(4px)}.pv-mobile-post__card small{color:var(--pv-muted);letter-spacing:.08em;font-size:.55rem;font-weight:900;display:block}.pv-mobile-post__card strong{color:var(--pv-text);margin:.25rem 0 .35rem;font-size:1.15rem;font-weight:930;line-height:1;display:block}.pv-mobile-post__card p{color:var(--pv-muted);margin:0;font-size:.64rem;line-height:1.45}.pv-mobile-post__actions{color:var(--pv-text);gap:.9rem;font-size:.68rem;font-weight:780;display:flex}.pv-mobile-post__actions span:last-child{color:var(--pv-secondary)}.pv-mobile-post__caption{margin:0}.pv-mobile-post__caption b{color:var(--pv-text)}.pv-mobile-insights{grid-template-columns:1fr 1fr;gap:.6rem;padding:0 .9rem .85rem;display:grid}.pv-mobile-insights article{border:1px solid var(--pv-border);background:var(--pv-surface);border-radius:.95rem;padding:.8rem}.pv-mobile-insights small,.pv-mobile-insights strong,.pv-mobile-insights span{display:block}.pv-mobile-insights small{color:var(--pv-muted);font-size:.58rem;font-weight:820}.pv-mobile-insights strong{color:var(--pv-text);margin:.28rem 0;font-size:1.15rem;font-weight:920}.pv-mobile-insights span{color:var(--pv-success);font-size:.62rem;font-weight:820}.pv-mobile-nav{border-top:1px solid var(--pv-border);grid-template-columns:repeat(5,1fr);margin-top:0;padding:.8rem .9rem .95rem;display:grid}.pv-mobile-nav>*{text-align:center;color:var(--pv-muted);font-size:.85rem}.pv-mobile-nav b{color:var(--pv-primary)}@media (width<=620px){.palette-preview-screen--mobile{padding:.85rem}.pv-phone.pv-phone--social{width:min(18rem,100%)}.pv-mobile-post__media{min-height:14.8rem}}.palette-preview-screen--mobile{padding:1.5rem}.pv-phone.pv-phone--social{aspect-ratio:390/844;image-rendering:auto;-webkit-font-smoothing:antialiased;text-rendering:geometricprecision;border-width:9px;border-radius:44px;grid-template-rows:auto auto auto 1fr auto auto;width:min(390px,100%);min-height:0}.pv-phone--social .pv-phone-top{padding:12px 18px 8px;font-size:11px}.pv-phone--social .pv-phone-top>i{width:104px;height:26px}.pv-mobile-header--social{min-height:52px;padding:10px 16px}.pv-mobile-header--social .pv-brand{font-size:15px}.pv-mobile-header__actions{gap:14px;font-size:18px}.pv-mobile-stories{grid-template-columns:repeat(4,1fr);gap:10px;padding:12px 14px 14px}.pv-mobile-stories article{gap:6px}.pv-mobile-stories img,.pv-story-avatar{border:2px solid var(--pv-secondary);object-fit:cover;background:var(--pv-surface);width:54px;height:54px;color:var(--pv-text);border-radius:50%;place-items:center;font-size:15px;font-weight:900;display:grid}.pv-mobile-stories article:first-child img{border-color:var(--pv-primary)}.pv-story-avatar--primary{background:var(--pv-primary);color:var(--pv-primary-text)}.pv-story-avatar--secondary{background:var(--pv-secondary);color:var(--pv-secondary-text)}.pv-story-avatar--accent{background:var(--pv-accent);color:var(--pv-accent-text)}.pv-mobile-stories span:last-child{font-size:10px}.pv-mobile-post{gap:10px;padding:0 14px 10px}.pv-mobile-post__head{min-height:42px}.pv-mobile-user img{object-fit:cover;border-radius:50%;width:34px;height:34px}.pv-mobile-user strong{font-size:12px}.pv-mobile-user small{margin-top:2px;font-size:10px}.pv-mobile-post__head b{font-size:13px}.pv-mobile-post__media{aspect-ratio:4/3;border:1px solid var(--pv-border);background:var(--pv-surface);border-radius:16px;min-height:0;margin:0;position:relative;overflow:hidden}.pv-mobile-post__media>img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.pv-mobile-post__media figcaption{background:var(--pv-accent);color:var(--pv-accent-text);border-radius:999px;padding:5px 8px;font-size:9px;font-weight:900;position:absolute;bottom:10px;left:10px}.pv-mobile-post__gradient,.pv-mobile-post__card{display:none!important}.pv-mobile-post__actions{gap:16px;font-size:11px}.pv-mobile-post__caption{font-size:10.5px;line-height:1.45}.pv-mobile-mini-feed{gap:8px;padding:0 14px 12px;display:grid}.pv-mobile-mini-feed article{border:1px solid var(--pv-border);background:var(--pv-surface);border-radius:12px;grid-template-columns:54px 1fr;align-items:center;gap:10px;padding:8px;display:grid}.pv-mobile-mini-feed__image{width:54px;height:42px;color:var(--pv-primary-text);letter-spacing:.08em;border-radius:9px;place-items:center;font-size:8px;font-weight:950;display:grid;overflow:hidden}.pv-mobile-mini-feed__image--primary{background:var(--pv-primary)}.pv-mobile-mini-feed__image--secondary{background:var(--pv-secondary);color:var(--pv-secondary-text)}.pv-mobile-mini-feed strong,.pv-mobile-mini-feed small{display:block}.pv-mobile-mini-feed strong{color:var(--pv-text);font-size:11px}.pv-mobile-mini-feed small{color:var(--pv-muted);margin-top:2px;font-size:9px}.pv-phone--social .pv-mobile-nav{padding:12px 14px 14px}.pv-phone--social .pv-mobile-nav>*{font-size:16px}.pv-phone--social,.pv-phone--social *{backdrop-filter:none!important;filter:none!important}@media (width<=620px){.palette-preview-screen--mobile{padding:.8rem}.pv-phone.pv-phone--social{width:min(390px,100%)}}.palette-visualizer-shell{display:block}.palette-visualizer-workspace{width:100%}.palette-visualizer-heading__primary{background:var(--acid)!important;color:#171717!important}.palette-style-builder{border-bottom:1px solid #17171717;padding:1rem}.palette-style-builder__head{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.9rem;display:flex}.palette-style-builder__head>div:first-child{gap:.18rem;display:grid}.palette-style-builder__head span,.palette-style-editor__title span,.palette-generated__head span{color:#1717177a;letter-spacing:.08em;text-transform:uppercase;font-size:.65rem;font-weight:900}.palette-style-builder__head strong{font-size:1rem}.palette-style-builder__head p,.palette-generated__head p{color:#17171785;margin:.1rem 0 0;font-size:.74rem}.palette-visualizer-mode--inline{border:0;min-width:12rem;margin:0;padding:0}.palette-style-groups{grid-template-columns:repeat(9,minmax(0,1fr));gap:.55rem;display:grid}.palette-style-groups>button{text-align:left;background:#ffffff70;border:1px solid #1717171a;border-radius:.85rem;grid-template-columns:1.75rem minmax(0,1fr);align-items:center;gap:.55rem;min-width:0;padding:.7rem;transition:transform .15s,border-color .15s,background .15s;display:grid}.palette-style-groups>button:hover{background:#ffffffc7;border-color:#17171738;transform:translateY(-1px)}.palette-style-groups>button.is-active{border-color:#171717;box-shadow:inset 0 0 0 1px #171717}.palette-style-groups>button>i{border:1px solid #1717171f;border-radius:.55rem;width:1.75rem;height:1.75rem}.palette-style-groups span,.palette-style-groups strong,.palette-style-groups small{min-width:0;display:block}.palette-style-groups strong{color:#171717;text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;overflow:hidden}.palette-style-groups small{color:#1717177a;text-overflow:ellipsis;white-space:nowrap;margin-top:.12rem;font-size:.57rem;overflow:hidden}.palette-style-editor{background:#ffffff94;border:1px solid #1717171a;border-radius:.9rem;grid-template-columns:minmax(10rem,1fr) auto minmax(9rem,12rem) auto;align-items:end;gap:.75rem;margin-top:.8rem;padding:.8rem;display:grid}.palette-style-editor[hidden]{display:none}.palette-style-editor__title{gap:.12rem;display:grid}.palette-style-editor__title strong{font-size:.92rem}.palette-style-editor__color,.palette-style-editor__hex{gap:.3rem;display:grid}.palette-style-editor__color span,.palette-style-editor__hex span{color:#1717177a;letter-spacing:.08em;text-transform:uppercase;font-size:.58rem;font-weight:900}.palette-style-editor__color input{background:0 0;border:0;border-radius:.6rem;width:3.4rem;height:2.5rem;padding:0}.palette-style-editor__hex input,.palette-style-editor>button{color:#171717;background:#ffffffb8;border:1px solid #1717171c;border-radius:.65rem;min-height:2.5rem;padding:0 .72rem;font-size:.72rem;font-weight:800}.palette-style-editor__hex input{text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.palette-visualizer-preview [data-style-group]{cursor:pointer;transition:outline-color .12s,box-shadow .12s}.palette-visualizer-preview [data-style-group]:hover{outline:2px dashed var(--pv-accent)}@supports (color:color-mix(in lab, red, red)){.palette-visualizer-preview [data-style-group]:hover{outline:2px dashed color-mix(in srgb, var(--pv-accent) 75%, #171717)}}.palette-visualizer-preview [data-style-group]:hover{outline-offset:3px}.palette-visualizer-preview [data-style-group].is-style-selected{outline:3px solid var(--pv-accent);outline-offset:3px}.palette-preview-screen--website,.palette-visualizer-preview[data-preview-mode=dark] .palette-preview-screen--website{background:var(--pv-bg)!important}.pv-aurora-topbar{background:var(--pv-navbar)!important;color:var(--pv-navbar-text)!important}.pv-aurora-topbar .pv-brand,.pv-aurora-topbar__links,.pv-aurora-topbar__actions a{color:var(--pv-navbar-text)!important}.pv-aurora-hero{background:var(--pv-bg)!important}.pv-aurora-copy h2,.pv-aurora-surface__head h3,.pv-aurora-app-card strong,.pv-aurora-feature-grid strong{color:var(--pv-text)!important}.pv-aurora-copy p,.pv-aurora-surface__head p,.pv-aurora-feature-grid p,.pv-aurora-app-card__head span,.pv-aurora-app-card__head small,.pv-aurora-stat-grid span{color:var(--pv-muted)!important}.pv-aurora-app-card,.pv-aurora-feature-grid article,.pv-aurora-surface{background:var(--pv-surface)!important;border-color:var(--pv-border)!important}.pv-aurora-actions .is-secondary{background:var(--pv-secondary)!important;border-color:var(--pv-secondary)!important;color:var(--pv-secondary-text)!important}.pv-aurora-kicker,.pv-mobile-post__media figcaption{background:var(--pv-accent)!important;color:var(--pv-accent-text)!important}.pv-aurora-feature-grid a,.pv-mobile-post__actions span:last-child{color:var(--pv-accent)!important}.pv-mobile-header--social{background:var(--pv-navbar)!important;color:var(--pv-navbar-text)!important}.pv-mobile-header--social .pv-brand,.pv-mobile-header__actions{color:var(--pv-navbar-text)!important}.pv-phone.pv-phone--social,.palette-preview-screen--mobile{background:var(--pv-bg)!important}.pv-mobile-post,.pv-mobile-mini-feed article{background:var(--pv-surface)!important;border-color:var(--pv-border)!important}.pv-mobile-post strong,.pv-mobile-mini-feed strong{color:var(--pv-text)!important}.pv-mobile-post__caption,.pv-mobile-user small,.pv-mobile-mini-feed small{color:var(--pv-muted)!important}.pv-branding-grid article{border-color:var(--pv-border)!important}.pv-brand-card,.pv-brand-swatch-sheet{background:var(--pv-surface)!important;color:var(--pv-text)!important}.pv-brand-card p,.pv-brand-social h2{color:var(--pv-text)!important}.palette-generated{background:#ffffff9e;border:1px solid #1717171f;border-radius:1rem;margin:1rem;padding:1rem}.palette-generated[hidden]{display:none}.palette-generated__head{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.palette-generated__head>div{gap:.18rem;display:grid}.palette-generated__head>button{background:#ffffffb3;border:1px solid #1717171a;border-radius:.65rem;place-items:center;width:2.2rem;height:2.2rem;font-size:1rem;display:grid}.palette-generated__swatches{grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:.65rem;margin-top:.9rem;display:grid}.palette-generated__swatches article{background:#ffffffb8;border:1px solid #1717171a;border-radius:.8rem;overflow:hidden}.palette-generated__swatches i{height:4.5rem;display:block}.palette-generated__swatches span{gap:.15rem;padding:.65rem;display:grid}.palette-generated__swatches strong{font-size:.68rem}.palette-generated__swatches small{color:#17171785;font:700 .62rem ui-monospace,SFMono-Regular,Menlo,monospace}.palette-generated__actions{justify-content:flex-end;gap:.55rem;margin-top:.8rem;display:flex}.palette-generated__actions button,.palette-generated__actions a,.palette-visualizer-workspace-actions--builder button{color:#171717;background:#ffffffc2;border:1px solid #1717171f;border-radius:.7rem;justify-content:center;align-items:center;min-height:2.55rem;padding:0 .9rem;font-size:.72rem;font-weight:850;display:inline-flex}.palette-generated__actions a,.palette-visualizer-workspace-actions--builder button{background:var(--acid)}.palette-visualizer-workspace-actions--builder{justify-content:space-between;align-items:center}.palette-visualizer-workspace-actions--builder>span{color:#17171780;font-size:.72rem;font-weight:760}[data-theme=dark] .palette-style-builder,[data-theme=dark] .palette-generated{border-color:#ffffff1a}[data-theme=dark] .palette-style-builder__head span,[data-theme=dark] .palette-style-builder__head p,[data-theme=dark] .palette-style-editor__title span,[data-theme=dark] .palette-generated__head span,[data-theme=dark] .palette-generated__head p,[data-theme=dark] .palette-visualizer-workspace-actions--builder>span{color:#f5f2ed85}[data-theme=dark] .palette-style-groups>button,[data-theme=dark] .palette-style-editor,[data-theme=dark] .palette-generated,[data-theme=dark] .palette-generated__swatches article{background:#ffffff0a;border-color:#ffffff1a}[data-theme=dark] .palette-style-groups>button.is-active{border-color:var(--acid);box-shadow:inset 0 0 0 1px var(--acid)}[data-theme=dark] .palette-style-groups strong,[data-theme=dark] .palette-style-editor__title strong,[data-theme=dark] .palette-generated__swatches strong{color:#f5f2ed}[data-theme=dark] .palette-style-groups small,[data-theme=dark] .palette-generated__swatches small{color:#f5f2ed85}[data-theme=dark] .palette-style-editor__hex input,[data-theme=dark] .palette-style-editor>button,[data-theme=dark] .palette-generated__head>button,[data-theme=dark] .palette-generated__actions button{color:#f5f2ed;background:#ffffff0d;border-color:#ffffff1c}@media (width<=1200px){.palette-style-groups{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (width<=820px){.palette-style-builder__head{flex-direction:column}.palette-visualizer-mode--inline{width:100%}.palette-style-groups{grid-template-columns:repeat(3,minmax(0,1fr))}.palette-style-editor{grid-template-columns:1fr auto 1fr}.palette-style-editor>button{grid-column:1/-1}}@media (width<=560px){.palette-style-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.palette-style-editor{grid-template-columns:1fr 1fr}.palette-style-editor__title{grid-column:1/-1}.palette-generated__actions{flex-direction:column}.palette-visualizer-workspace-actions--builder{flex-direction:column;align-items:stretch}}.palette-visualizer-preview--branding-only{background:0 0;min-height:0;padding:0}.palette-preview-screen--branding-board{min-height:0;padding:1rem;background:0 0!important}.palette-style-groups--branding{grid-template-columns:repeat(9,minmax(0,1fr))}.pv-brand-board{border:1px solid var(--pv-border);background:var(--pv-bg);color:var(--pv-text);border-radius:1.25rem;padding:1.1rem}.pv-brand-board__header{justify-content:space-between;align-items:center;gap:1rem;padding:.25rem .15rem 1rem;display:flex}.pv-brand-board__header>span{color:var(--pv-muted);letter-spacing:.11em;text-transform:uppercase;font-size:.62rem;font-weight:850}.pv-brand-lockup{color:var(--pv-brand);align-items:center;gap:.6rem;font-size:1.15rem;font-weight:950;display:inline-flex}.pv-brand-lockup i,.pv-brand-hero-card__mark{background:var(--pv-brand);border-radius:.45rem .85rem;width:1.65rem;height:1.65rem;display:block;transform:rotate(28deg)}.pv-brand-lockup--small{font-size:.86rem}.pv-brand-lockup--small i{width:1.15rem;height:1.15rem}.pv-brand-board__grid{grid-template-columns:1.12fr .88fr;gap:.9rem;display:grid}.pv-brand-board__grid>article{border:1px solid var(--pv-border);border-radius:1rem;min-height:20rem;overflow:hidden}.pv-brand-hero-card{background:var(--pv-primary);color:var(--pv-primary-text);flex-direction:column;padding:1.5rem;display:flex;position:relative;min-height:27rem!important}.pv-brand-hero-card>span{letter-spacing:.13em;font-size:.62rem;font-weight:900}.pv-brand-hero-card>strong{color:var(--pv-text);letter-spacing:-.085em;margin:auto 0 1rem;font-size:clamp(3rem,6vw,5.5rem);font-weight:950;line-height:.82}.pv-brand-hero-card>strong em{color:var(--pv-accent);font-style:normal}.pv-brand-hero-card>p{max-width:21rem;color:var(--pv-muted);margin:0;font-size:.75rem;line-height:1.55}.pv-brand-hero-card__mark{width:4.2rem;height:4.2rem;position:absolute;top:1.45rem;right:1.45rem}.pv-brand-stationery{background:var(--pv-surface);color:var(--pv-text);flex-direction:column;justify-content:space-between;padding:1.35rem;display:flex}.pv-brand-stationery__top,.pv-brand-stationery__footer{justify-content:space-between;align-items:center;gap:1rem;display:flex}.pv-brand-stationery__top>span,.pv-brand-stationery__footer>span{color:var(--pv-muted);font-size:.62rem}.pv-brand-stationery__copy{max-width:26rem;margin:auto 0}.pv-brand-stationery__copy small{color:var(--pv-accent);letter-spacing:.1em;font-size:.58rem;font-weight:900}.pv-brand-stationery__copy h2{max-width:22rem;color:var(--pv-text);letter-spacing:-.05em;margin:.65rem 0;font-size:2rem;line-height:1.02}.pv-brand-stationery__copy p{max-width:22rem;color:var(--pv-muted);font-size:.72rem;line-height:1.55}.pv-brand-stationery__footer{border-top:1px solid var(--pv-border);padding-top:.85rem}.pv-brand-stationery__footer b{background:var(--pv-primary);width:2.1rem;height:2.1rem;color:var(--pv-primary-text);border-radius:.6rem;place-items:center;font-size:.66rem;display:grid}.pv-brand-social-card{background:var(--pv-secondary);color:var(--pv-secondary-text);padding:1.35rem;position:relative;min-height:21rem!important}.pv-brand-social-card__top{justify-content:space-between;align-items:center;display:flex}.pv-brand-social-card__top span{background:var(--pv-accent);min-height:1.7rem;color:var(--pv-accent-text);border-radius:999px;align-items:center;padding:0 .55rem;font-size:.55rem;font-weight:900;display:inline-flex}.pv-brand-social-card__top b{color:var(--pv-brand);font-size:1.15rem}.pv-brand-social-card h2{max-width:23rem;color:var(--pv-text);letter-spacing:-.06em;margin:3.5rem 0 .8rem;font-size:2.6rem;line-height:.94}.pv-brand-social-card p{max-width:21rem;color:var(--pv-muted);font-size:.72rem;line-height:1.5}.pv-brand-social-card__shape{background:var(--pv-accent);border-radius:50%;width:8rem;height:8rem;position:absolute;bottom:-1.5rem;right:-1.5rem}.pv-brand-utility-card{background:var(--pv-surface);color:var(--pv-text);flex-direction:column;padding:1.35rem;display:flex;min-height:21rem!important}.pv-brand-utility-card__head span,.pv-brand-utility-card__head strong{display:block}.pv-brand-utility-card__head span{color:var(--pv-muted);font-size:.62rem}.pv-brand-utility-card__head strong{color:var(--pv-text);margin-top:.2rem;font-size:1.2rem}.pv-brand-utility-card__rows{gap:.7rem;margin-top:1rem;display:grid}.pv-brand-utility-card__rows>div{grid-template-columns:1fr auto;align-items:center;gap:.8rem;display:grid}.pv-brand-utility-card__rows span{color:var(--pv-muted);font-size:.66rem}.pv-brand-utility-card__rows button{background:var(--pv-primary);min-height:2.2rem;color:var(--pv-primary-text);border-radius:.6rem;padding:0 .8rem;font-size:.62rem;font-weight:850}.pv-brand-utility-card__rows button.is-secondary{background:var(--pv-secondary);color:var(--pv-secondary-text)}.pv-brand-utility-card__rows b{background:var(--pv-accent);min-height:1.8rem;color:var(--pv-accent-text);border-radius:999px;align-items:center;padding:0 .55rem;font-size:.55rem;font-weight:900;display:inline-flex}.pv-brand-utility-card__line{background:var(--pv-border);height:1px;margin:1.1rem 0}.pv-brand-utility-card__type{margin-top:auto}.pv-brand-utility-card__type strong{color:var(--pv-text);letter-spacing:-.04em;font-size:1.6rem}.pv-brand-utility-card__type p{color:var(--pv-muted);margin:.3rem 0 0;font-size:.7rem}@supports (color:color-mix(in lab, red, red)){.palette-visualizer-preview--branding-only [data-style-group]:hover{outline:2px dashed color-mix(in srgb, var(--pv-accent) 72%, #171717)}}@media (width<=1100px){.palette-style-groups--branding{grid-template-columns:repeat(5,minmax(0,1fr))}.pv-brand-board__grid{grid-template-columns:1fr}.pv-brand-board__grid>article{min-height:18rem}}@media (width<=620px){.palette-style-groups--branding{grid-template-columns:repeat(2,minmax(0,1fr))}.palette-preview-screen--branding-board{padding:.55rem}.pv-brand-board{padding:.7rem}.pv-brand-board__header{flex-direction:column;align-items:flex-start}.pv-brand-hero-card>strong{font-size:3.5rem}}.palette-style-builder,.palette-style-groups,.palette-style-groups--branding{display:none!important}.palette-layer-hint{color:#17171794;background:#ffffff8a;border:1px solid #17171717;border-radius:.8rem;margin:1rem 1rem 0;padding:.7rem .85rem;font-size:.72rem;font-weight:760}.palette-layer-color-popover{z-index:120;background:#fffdf8;border:1px solid #17171721;border-radius:1rem;width:286px;padding:.85rem;position:fixed;box-shadow:0 18px 50px #1717172e}.palette-layer-color-popover[hidden]{display:none}.palette-layer-color-popover__head{justify-content:space-between;align-items:flex-start;gap:.8rem;margin-bottom:.8rem;display:flex}.palette-layer-color-popover__head>div{gap:.12rem;display:grid}.palette-layer-color-popover__head span,.palette-layer-color-popover__hex>span,.palette-layer-color-popover__picker small{color:#1717177a;letter-spacing:.08em;text-transform:uppercase;font-size:.58rem;font-weight:900}.palette-layer-color-popover__head strong{color:#171717;font-size:.92rem}.palette-layer-color-popover__head>button{color:#171717;background:#17171709;border:1px solid #1717171a;border-radius:.6rem;place-items:center;width:2rem;height:2rem;font-size:1rem;font-weight:800;display:grid}.palette-layer-color-popover__picker{background:#17171706;border:1px solid #17171717;border-radius:.8rem;grid-template-columns:3.5rem 1fr;align-items:center;gap:.7rem;margin-bottom:.7rem;padding:.65rem;display:grid}.palette-layer-color-popover__picker input[type=color]{cursor:pointer;background:0 0;border:0;border-radius:.7rem;width:3.5rem;height:3.5rem;padding:0;overflow:hidden}.palette-layer-color-popover__picker span,.palette-layer-color-popover__picker small,.palette-layer-color-popover__picker b{display:block}.palette-layer-color-popover__picker b{color:#171717;margin-top:.16rem;font:800 .78rem ui-monospace,SFMono-Regular,Menlo,monospace}.palette-layer-color-popover__hex{gap:.32rem;display:grid}.palette-layer-color-popover__hex input{color:#171717;text-transform:uppercase;background:#fff;border:1px solid #1717171c;border-radius:.65rem;width:100%;min-height:2.45rem;padding:0 .72rem;font:800 .74rem ui-monospace,SFMono-Regular,Menlo,monospace}.palette-layer-color-popover__reset{color:#171717;background:#17171709;border:1px solid #1717171a;border-radius:.65rem;width:100%;min-height:2.4rem;margin-top:.7rem;font-size:.7rem;font-weight:820}.palette-visualizer-preview--branding-only [data-style-group]{cursor:crosshair}.palette-visualizer-preview--branding-only [data-style-group]:hover{outline:2px dashed var(--acid)}@supports (color:color-mix(in lab, red, red)){.palette-visualizer-preview--branding-only [data-style-group]:hover{outline:2px dashed color-mix(in srgb, var(--acid) 72%, #171717)}}.palette-visualizer-preview--branding-only [data-style-group]:hover{outline-offset:3px}.palette-visualizer-preview--branding-only [data-style-group].is-style-selected{outline:3px solid var(--acid);outline-offset:3px}[data-theme=dark] .palette-layer-hint{color:#f5f2ed94;background:#ffffff0a;border-color:#ffffff1a}[data-theme=dark] .palette-layer-color-popover{background:#1b1b1b;border-color:#ffffff1f;box-shadow:0 18px 50px #00000057}[data-theme=dark] .palette-layer-color-popover__head strong,[data-theme=dark] .palette-layer-color-popover__picker b{color:#f5f2ed}[data-theme=dark] .palette-layer-color-popover__head span,[data-theme=dark] .palette-layer-color-popover__hex>span,[data-theme=dark] .palette-layer-color-popover__picker small{color:#f5f2ed85}[data-theme=dark] .palette-layer-color-popover__head>button,[data-theme=dark] .palette-layer-color-popover__picker,[data-theme=dark] .palette-layer-color-popover__reset,[data-theme=dark] .palette-layer-color-popover__hex input{color:#f5f2ed;background:#ffffff0e;border-color:#ffffff1c}@media (width<=620px){.palette-layer-hint{margin:.7rem .7rem 0}.palette-layer-color-popover{border-radius:1.1rem;width:auto;bottom:.75rem;right:.75rem;top:auto!important;left:.75rem!important}}.home-modern-page{color:#111318;background:#f7f3ec}.home-modern-page:before{content:none}.home-modern-nav{background:#f7f3ecf5;border-bottom:1px solid #11131814}.home-modern-nav:before{content:none!important}.home-modern-nav__cta{color:#fff;background:#111318;border-radius:.75rem;align-items:center;min-height:2.65rem;padding:0 1rem;font-size:.76rem;font-weight:850;display:inline-flex}.home-modern{width:100%;padding:1.8rem 3rem 0}.home-modern-hero{grid-template-columns:minmax(22rem,.72fr) minmax(38rem,1.28fr);align-items:center;gap:3.5rem;max-width:1500px;margin:0 auto;padding:1rem 0 2rem;display:grid}.home-modern-eyebrow{color:#11131875;letter-spacing:.11em;text-transform:uppercase;margin:0 0 .7rem;font-size:.7rem;font-weight:850}.home-modern-hero__copy h1{color:#101114;letter-spacing:-.075em;max-width:33rem;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(4.4rem,7vw,7.4rem);font-weight:500;line-height:.84}.home-modern-hero__copy h1 span{color:var(--acid)}.home-modern-hero__lede{color:#11131894;max-width:32rem;margin:1.6rem 0 0;font-size:1.04rem;line-height:1.55}.home-modern-hero__actions{flex-wrap:wrap;align-items:center;gap:1.4rem;margin-top:1.55rem;display:flex}.home-modern-btn{border-radius:.72rem;justify-content:center;align-items:center;gap:.8rem;min-height:2.9rem;padding:0 1.25rem;font-size:.78rem;font-weight:850;transition:transform .15s,opacity .15s;display:inline-flex}.home-modern-btn:hover{transform:translateY(-2px)}.home-modern-btn--dark{color:#fff;background:#111318}.home-modern-text-link{color:#111318;align-items:center;gap:.6rem;font-size:.78rem;font-weight:800;display:inline-flex}.home-modern-palette-wrap{min-width:0}.home-modern-palette{border:1px solid #11131814;border-radius:1.3rem;grid-template-columns:repeat(6,1fr);min-height:18.5rem;display:grid;overflow:hidden;box-shadow:0 16px 40px #11131814}.home-modern-palette__swatch{background:var(--hero-color);cursor:pointer;border:0;min-width:0;transition:flex .15s,filter .15s;position:relative}.home-modern-palette__swatch:hover{filter:brightness(1.04)}.home-modern-palette__swatch span{color:color-contrast(var(--hero-color) vs #fff, #171717);text-align:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem;font-weight:900;position:absolute;bottom:1.2rem;left:.5rem;right:.5rem}.home-modern-palette__meta{color:#1113187a;flex-wrap:wrap;justify-content:center;align-items:center;gap:.55rem;padding-top:.8rem;font-size:.68rem;font-weight:720;display:flex}.home-modern-palette__meta i{background:#11131847;border-radius:50%;width:.2rem;height:.2rem}.home-modern-mini-action{color:#111318;background:#ffffff8c;border:1px solid #1113181a;border-radius:999px;align-items:center;min-height:2rem;padding:0 .72rem;font-size:.65rem;font-weight:820;display:inline-flex}.home-modern-core,.home-modern-feature,.home-modern-quick{max-width:1500px;margin:0 auto}.home-modern-section-title{justify-content:center;margin:.2rem 0 .8rem;display:flex}.home-modern-section-title span{color:#111318;letter-spacing:-.025em;font-size:1rem;font-weight:850}.home-modern-core{padding:.6rem 0 1.2rem}.home-modern-core-grid{grid-template-columns:repeat(3,1fr);gap:.9rem;display:grid}.home-modern-core-card{border:1px solid #1113180f;border-radius:1.25rem;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;min-height:8.1rem;padding:1.15rem 1.25rem;transition:transform .16s,box-shadow .16s;display:grid;position:relative;overflow:hidden}.home-modern-core-card:hover{transform:translateY(-3px);box-shadow:0 14px 28px #11131812}.home-modern-core-icon{background:#ffffffa6;border-radius:1rem;place-items:center;width:4.2rem;height:4.2rem;display:grid}.home-modern-core-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:2rem;height:2rem}.home-modern-core-card--blue .home-modern-core-icon,.home-modern-core-card--blue h2{color:#245de6}.home-modern-core-card--green .home-modern-core-icon,.home-modern-core-card--green h2{color:#167a55}.home-modern-core-card--violet .home-modern-core-icon,.home-modern-core-card--violet h2{color:#7856dd}.home-modern-core-card h2{letter-spacing:-.025em;margin:0;font-size:1.02rem;font-weight:900}.home-modern-core-card p{color:#11131894;max-width:16rem;margin:.35rem 0 0;font-size:.72rem;line-height:1.45}.home-modern-circle-arrow{color:#111318;background:#ffffffb8;border:1px solid #1113181a;border-radius:50%;place-items:center;width:2.35rem;height:2.35rem;display:grid}.home-modern-feature{background:#ffffff57;border:1px solid #11131814;border-radius:1.45rem;grid-template-columns:1.3fr .7fr;align-items:center;gap:2.5rem;margin-top:.3rem;padding:1rem;display:grid}.home-modern-brand-preview{grid-template-columns:4.1rem 1.2fr .9fr;gap:.8rem;min-height:18.2rem;display:grid}.home-modern-brand-swatches{background:#fffdf8;border:1px solid #11131814;border-radius:.95rem;align-content:center;gap:.45rem;padding:.55rem;display:grid}.home-modern-brand-swatches i{background:var(--c);border-radius:.48rem;height:2.45rem;display:block}.home-modern-brand-poster{color:#f7f1e5;background:#163622;border-radius:1rem;flex-direction:column;padding:1.25rem;display:flex;position:relative;overflow:hidden}.home-modern-brand-poster>span{letter-spacing:.09em;text-transform:uppercase;font-size:.62rem;font-weight:850}.home-modern-brand-poster>strong{letter-spacing:-.055em;margin:auto 0 .7rem;font-family:Georgia,Times New Roman,serif;font-size:2.8rem;font-weight:500;line-height:.9}.home-modern-brand-poster>p{color:#f7f1e5b8;max-width:13rem;margin:0;font-size:.66rem;line-height:1.45}.home-modern-brand-poster>b{color:#d7ff4f;font-size:1.3rem;position:absolute;top:1rem;right:1rem}.home-modern-brand-stationery{grid-template-rows:1fr 1fr;gap:.8rem;display:grid}.home-modern-brand-stationery>div{background:#fffdf8;border:1px solid #11131814;border-radius:1rem;padding:1rem}.home-modern-brand-stationery strong,.home-modern-brand-stationery span{display:block}.home-modern-brand-stationery strong{font-family:Georgia,Times New Roman,serif;font-size:1.2rem}.home-modern-brand-stationery span{color:#11131885;margin-top:.4rem;font-size:.62rem}.home-modern-type-sample b{font-family:Georgia,Times New Roman,serif;font-size:3rem;font-weight:500;line-height:.9;display:block}.home-modern-feature__copy{max-width:27rem;padding:1rem 1.2rem 1rem 0}.home-modern-feature__kicker{color:#4a9a4c;font-size:.67rem;font-weight:850}.home-modern-feature__copy h2{color:#111318;letter-spacing:-.05em;margin:.55rem 0 .65rem;font-size:2.05rem;line-height:1.05}.home-modern-feature__copy p{color:#11131894;margin:0 0 1.1rem;font-size:.8rem;line-height:1.55}.home-modern-quick{padding:1.05rem 0 1.7rem}.home-modern-quick-grid{border-top:1px solid #11131814;border-bottom:1px solid #11131814;grid-template-columns:repeat(4,1fr);display:grid}.home-modern-quick-link{justify-content:center;align-items:center;gap:.75rem;min-height:4.7rem;padding:.7rem;display:flex}.home-modern-quick-link+.home-modern-quick-link{border-left:1px solid #11131814}.home-modern-quick-icon{background:#d7ff4f80;border-radius:50%;place-items:center;width:2.2rem;height:2.2rem;font-size:1.05rem;display:grid}.home-modern-quick-link span:last-child,.home-modern-quick-link strong,.home-modern-quick-link small{display:block}.home-modern-quick-link strong{color:#111318;font-size:.72rem;font-weight:900}.home-modern-quick-link small{color:#1113187a;margin-top:.16rem;font-size:.62rem}.home-modern-footer{border-top:1px solid #11131814;grid-template-columns:1fr auto auto;align-items:center;gap:2rem;padding:1.2rem 3rem 1.4rem;display:grid;background:#f7f3ec!important}.home-modern-footer,.home-modern-footer p,.home-modern-footer a{color:#11131894!important}.home-modern-footer__brand strong{color:#111318;font-size:.86rem}.home-modern-footer__brand>span{margin-left:.6rem;font-size:.62rem}.home-modern-footer__links{flex-wrap:wrap;justify-content:center;gap:1rem;font-size:.64rem;font-weight:740;display:flex}.home-modern-footer .site-footer__copyright{white-space:nowrap;margin:0;font-size:.62rem}html[data-theme=dark] .home-modern-page,html[data-theme=dark] .home-modern-nav,html[data-theme=dark] .home-modern-footer{color:#f4f1eb;background:#17191d!important}html[data-theme=dark] .home-modern-nav{border-bottom-color:#ffffff14}html[data-theme=dark] .home-modern-hero__copy h1,html[data-theme=dark] .home-modern-core-card h2,html[data-theme=dark] .home-modern-section-title span,html[data-theme=dark] .home-modern-feature__copy h2,html[data-theme=dark] .home-modern-quick-link strong,html[data-theme=dark] .home-modern-text-link{color:#f4f1eb}html[data-theme=dark] .home-modern-eyebrow,html[data-theme=dark] .home-modern-hero__lede,html[data-theme=dark] .home-modern-core-card p,html[data-theme=dark] .home-modern-feature__copy p,html[data-theme=dark] .home-modern-quick-link small,html[data-theme=dark] .home-modern-palette__meta{color:#f4f1eb94}html[data-theme=dark] .home-modern-footer{border-color:#ffffff14}html[data-theme=dark] .home-modern-footer,html[data-theme=dark] .home-modern-footer p,html[data-theme=dark] .home-modern-footer a,html[data-theme=dark] .home-modern-footer__brand strong{color:#f4f1eba3!important}@media (width<=1100px){.home-modern{padding-inline:2rem}.home-modern-hero{grid-template-columns:1fr;gap:2rem}.home-modern-hero__copy{max-width:42rem}.home-modern-palette{min-height:16rem}.home-modern-feature{grid-template-columns:1fr}.home-modern-feature__copy{max-width:none;padding:.7rem}.home-modern-footer{grid-template-columns:1fr;gap:.8rem}.home-modern-footer__links{justify-content:flex-start}}@media (width<=760px){.home-modern{padding:1rem 1rem 0}.home-modern-hero{padding-top:.2rem}.home-modern-hero__copy h1{font-size:clamp(3.5rem,18vw,5rem)}.home-modern-palette{grid-template-columns:repeat(3,1fr);min-height:20rem}.home-modern-core-grid,.home-modern-quick-grid{grid-template-columns:1fr}.home-modern-core-card{min-height:7rem}.home-modern-brand-preview{grid-template-columns:3.4rem 1fr}.home-modern-brand-stationery{grid-column:1/-1;grid-template-rows:none;grid-template-columns:1fr 1fr}.home-modern-quick-link{justify-content:flex-start}.home-modern-quick-link+.home-modern-quick-link{border-top:1px solid #11131814;border-left:0}.home-modern-footer{padding-inline:1rem}}@media (width<=480px){.home-modern-palette{min-height:17rem}.home-modern-brand-preview{grid-template-columns:1fr}.home-modern-brand-swatches{grid-template-columns:repeat(5,1fr)}.home-modern-brand-swatches i{height:2rem}.home-modern-brand-poster{min-height:15rem}.home-modern-brand-stationery{grid-template-columns:1fr}.home-modern-core-card{grid-template-columns:auto 1fr}.home-modern-circle-arrow{display:none}}.home-modern-palette__swatch{color:#fff}.home-modern-palette__swatch span{color:inherit;letter-spacing:.01em;text-shadow:0 1px 2px #0000001f;font-size:.76rem}.home-modern-eyebrow{font-size:.76rem}.home-modern-hero__lede{max-width:34rem;font-size:1.08rem;line-height:1.62}.home-modern-palette__meta{gap:.62rem;font-size:.75rem}.home-modern-mini-action{min-height:2.15rem;padding:0 .82rem;font-size:.72rem}.home-modern-core-card p{max-width:18rem;font-size:.84rem;line-height:1.55}.home-modern-feature__copy h2{font-size:2.2rem}.home-modern-feature__copy p{max-width:31rem;font-size:.92rem;line-height:1.65}.home-modern-quick-link{border-radius:.9rem;min-height:5.35rem;transition:background-color .18s,transform .18s,box-shadow .18s;position:relative}.home-modern-quick-link:hover{z-index:1;background:#ffffffad;transform:translateY(-2px);box-shadow:0 10px 24px #11131812}.home-modern-quick-icon{width:2.45rem;height:2.45rem;transition:transform .18s,background-color .18s}.home-modern-quick-link:hover .home-modern-quick-icon{background:var(--acid);transform:rotate(-6deg)scale(1.08)}.home-modern-quick-link small{color:#11131899;margin-top:.2rem;font-size:.72rem;line-height:1.35}.home-modern-nav,.home-modern-nav a,.home-modern-nav button{color:#111318}.home-modern-nav nav a{color:#111318c2}.home-modern-nav nav a:hover{color:#111318;opacity:1!important}.home-modern-nav__cta{color:#fff!important}.home-modern-brand-stationery span{color:#111318a8;font-size:.69rem;line-height:1.4}.home-modern-brand-poster>p{color:#f7f1e5d6;font-size:.72rem;line-height:1.5}footer.home-modern-footer{display:block;background:#efe9df!important;border-top:1px solid #1113181a!important;padding:0 3rem!important}.home-modern-footer__main{grid-template-columns:minmax(16rem,1.5fr) repeat(3,minmax(9rem,.55fr));gap:3rem;padding:2.25rem 0 2rem;display:grid}.home-modern-footer__brand{max-width:26rem}.home-modern-footer__brand a{align-items:center;gap:.65rem;display:inline-flex;color:#111318!important}.home-modern-footer__brand img{object-fit:contain;width:2.25rem;height:2.25rem}.home-modern-footer__brand strong{letter-spacing:-.03em;font-size:1.08rem;font-weight:950;color:#111318!important}footer.home-modern-footer .home-modern-footer__brand p{max-width:24rem;margin:.8rem 0 0;font-size:.82rem;line-height:1.55;color:#1113189e!important}.home-modern-footer__group>strong{margin-bottom:.65rem;font-size:.75rem;font-weight:900;display:block;color:#111318!important}.home-modern-footer__group nav{gap:.48rem;display:grid}footer.home-modern-footer .home-modern-footer__group a{width:max-content;font-size:.76rem;font-weight:720;transition:color .15s,transform .15s;color:#1113189e!important}footer.home-modern-footer .home-modern-footer__group a:hover{transform:translate(2px);color:#111318!important}.home-modern-footer__bottom{border-top:1px solid #11131817;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0 1.2rem;display:flex}footer.home-modern-footer .home-modern-footer__bottom>span,footer.home-modern-footer .site-footer__copyright{margin:0;font-size:.72rem;line-height:1.4;color:#1113187a!important}html[data-theme=dark] .home-modern-page{color:#f6f3ed;background:#15171b!important}html[data-theme=dark] .home-modern-nav>div>a,html[data-theme=dark] .home-modern-nav>div>a span,html[data-theme=dark] .home-modern-nav nav a,html[data-theme=dark] .home-modern-nav button{color:#f6f3edd6!important}html[data-theme=dark] .home-modern-nav nav a:hover,html[data-theme=dark] .home-modern-nav>div>a:hover span{color:#fff!important}html[data-theme=dark] .home-modern-nav__cta{background:var(--acid)!important;color:#171717!important}html[data-theme=dark] .home-modern-hero__copy h1,html[data-theme=dark] .home-modern-section-title span,html[data-theme=dark] .home-modern-core-card h2,html[data-theme=dark] .home-modern-feature__copy h2,html[data-theme=dark] .home-modern-quick-link strong,html[data-theme=dark] .home-modern-text-link{color:#f6f3ed!important}html[data-theme=dark] .home-modern-eyebrow{color:#f6f3ed99!important}html[data-theme=dark] .home-modern-hero__lede,html[data-theme=dark] .home-modern-core-card p,html[data-theme=dark] .home-modern-feature__copy p,html[data-theme=dark] .home-modern-palette__meta,html[data-theme=dark] .home-modern-quick-link small{color:#f6f3edad!important}html[data-theme=dark] .home-modern-mini-action{color:#f6f3ed;background:#ffffff0f;border-color:#ffffff1f}html[data-theme=dark] .home-modern-btn--dark{color:#171717;background:#f6f3ed}html[data-theme=dark] .home-modern-core-card{border-color:#ffffff12}html[data-theme=dark] .home-modern-core-card--blue{background:#1d2940}html[data-theme=dark] .home-modern-core-card--green{background:#1b3028}html[data-theme=dark] .home-modern-core-card--violet{background:#2b2442}html[data-theme=dark] .home-modern-core-card--blue h2,html[data-theme=dark] .home-modern-core-card--blue .home-modern-core-icon{color:#8ab2ff!important}html[data-theme=dark] .home-modern-core-card--green h2,html[data-theme=dark] .home-modern-core-card--green .home-modern-core-icon{color:#75d9af!important}html[data-theme=dark] .home-modern-core-card--violet h2,html[data-theme=dark] .home-modern-core-card--violet .home-modern-core-icon{color:#b9a3ff!important}html[data-theme=dark] .home-modern-core-icon,html[data-theme=dark] .home-modern-circle-arrow{background:#ffffff12;border-color:#ffffff1a}html[data-theme=dark] .home-modern-circle-arrow{color:#f6f3ed}html[data-theme=dark] .home-modern-feature{background:#1c1f24;border-color:#ffffff17}html[data-theme=dark] .home-modern-feature__kicker{color:#8dd99d}html[data-theme=dark] .home-modern-brand-stationery>div,html[data-theme=dark] .home-modern-brand-swatches{color:#f6f3ed;background:#25282e;border-color:#ffffff17}html[data-theme=dark] .home-modern-brand-stationery strong,html[data-theme=dark] .home-modern-type-sample b{color:#f6f3ed}html[data-theme=dark] .home-modern-brand-stationery span{color:#f6f3edad}html[data-theme=dark] .home-modern-quick-grid{border-color:#ffffff17}html[data-theme=dark] .home-modern-quick-link+.home-modern-quick-link{border-left-color:#ffffff17}html[data-theme=dark] .home-modern-quick-link:hover{background:#ffffff0e;box-shadow:0 12px 28px #0000002e}html[data-theme=dark] .home-modern-quick-icon{color:#d7ff4f;background:#d7ff4f24}html[data-theme=dark] footer.home-modern-footer{background:#101216!important;border-color:#ffffff17!important}html[data-theme=dark] footer.home-modern-footer .home-modern-footer__brand p,html[data-theme=dark] footer.home-modern-footer .home-modern-footer__group a{color:#f6f3eda3!important}html[data-theme=dark] .home-modern-footer__bottom{border-color:#ffffff17}html[data-theme=dark] footer.home-modern-footer .home-modern-footer__bottom>span,html[data-theme=dark] footer.home-modern-footer .site-footer__copyright{color:#f6f3ed7a!important}html[data-theme=dark] .home-modern-nav #mobile-menu{background:#1d2026!important;border-color:#ffffff1c!important}html[data-theme=dark] .home-modern-nav #mobile-menu nav a{color:#f6f3edd6!important}@media (width<=1100px){.home-modern-footer__main{grid-template-columns:1.5fr repeat(3,1fr);gap:1.8rem}}@media (width<=760px){footer.home-modern-footer{padding-inline:1rem!important}.home-modern-footer__main{grid-template-columns:1fr 1fr;gap:1.6rem 2rem;padding:1.7rem 0}.home-modern-footer__brand{grid-column:1/-1}.home-modern-footer__bottom{flex-direction:column;align-items:flex-start}.home-modern-quick-link+.home-modern-quick-link{border-top:1px solid #11131814;border-left:0}html[data-theme=dark] .home-modern-quick-link+.home-modern-quick-link{border-top-color:#ffffff17}}@media (width<=480px){.home-modern-footer__main{grid-template-columns:1fr}.home-modern-footer__brand{grid-column:auto}.home-modern-hero__lede{font-size:.98rem}.home-modern-core-card p,.home-modern-feature__copy p{font-size:.82rem}}.home-modern-hero__actions{gap:1rem 1.25rem}.home-modern-text-link{color:#111318d1;letter-spacing:-.01em;align-items:center;gap:.85rem;min-height:2.9rem;padding:0 .1rem 0 .2rem;font-size:.84rem;font-weight:860;transition:color .18s,transform .18s;display:inline-flex;position:relative}.home-modern-text-link>span{position:relative}.home-modern-text-link>span:after{content:"";transform-origin:0;opacity:.5;background:currentColor;border-radius:999px;height:1.5px;transition:transform .18s,opacity .18s;position:absolute;bottom:-.18rem;left:0;right:0;transform:scaleX(.38)}.home-modern-text-link>i{color:#111318;background:#ffffffb8;border:1px solid #1113181f;border-radius:999px;place-items:center;width:2.1rem;height:2.1rem;font-size:.88rem;font-style:normal;line-height:1;transition:transform .18s,background-color .18s,border-color .18s,box-shadow .18s;display:grid;box-shadow:0 6px 14px #1113180d}.home-modern-text-link:hover{color:#111318;transform:translateY(-1px)}.home-modern-text-link:hover>span:after{opacity:1;transform:scaleX(1)}.home-modern-text-link:hover>i{color:#fff;background:#111318;border-color:#111318;transform:translate(4px);box-shadow:0 10px 20px #1113181f}.home-modern-palette{isolation:isolate;position:relative}.home-modern-palette:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff1f}.home-modern-palette__swatch{transform-origin:bottom;transition:transform .22s,filter .22s,box-shadow .22s;overflow:hidden}.home-modern-palette__swatch:before{content:"";opacity:0;background:linear-gradient(#ffffff29,#fff0 28%),linear-gradient(105deg,#0000 25%,#ffffff2e 45%,#0000 62%);transition:opacity .22s,transform .22s;position:absolute;inset:0;transform:translate(-12%)}.home-modern-palette__swatch:after{content:"Click to copy";color:#fff;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;opacity:0;pointer-events:none;background:#111318b8;border-radius:999px;align-items:center;min-height:1.55rem;padding:0 .55rem;font-size:.56rem;font-weight:850;transition:opacity .18s,transform .18s;display:inline-flex;position:absolute;top:1rem;left:50%;transform:translate(-50%,-10px);box-shadow:0 10px 24px #11131829}.home-modern-palette__swatch span{transition:transform .18s,opacity .18s}.home-modern-palette:hover .home-modern-palette__swatch{filter:saturate(.94)brightness(.985)}.home-modern-palette:hover .home-modern-palette__swatch:hover{z-index:2;filter:saturate(1.08)brightness(1.03);transform:translateY(-8px)scale(1.02);box-shadow:inset 0 0 0 1px #ffffff2e,0 16px 28px #11131824}.home-modern-palette:hover .home-modern-palette__swatch:hover:before{opacity:1;transform:translate(0)}.home-modern-palette:hover .home-modern-palette__swatch:hover:after{opacity:1;transform:translate(-50%)}.home-modern-palette:hover .home-modern-palette__swatch:hover span{transform:translateY(-2px)}.home-modern-palette__meta{gap:.7rem}.home-modern-mini-action{cursor:pointer;user-select:none;gap:.45rem;transition:transform .18s,background-color .18s,color .18s,border-color .18s,box-shadow .18s;position:relative;box-shadow:0 4px 12px #1113180d}.home-modern-mini-action:hover,.home-modern-mini-action:focus-visible{color:#fff;background:#111318;border-color:#111318;transform:translateY(-2px);box-shadow:0 10px 22px #1113181f}.home-modern-mini-action:focus-visible,.home-modern-text-link:focus-visible,.home-modern-palette__swatch:focus-visible{outline:2px solid var(--acid);outline-offset:3px}.home-modern-palette__meta>span:not(.home-modern-mini-action){transition:color .18s,opacity .18s}.home-modern-palette__meta:hover>span:not(.home-modern-mini-action){color:#111318b8}html[data-theme=dark] .home-modern-text-link{color:#f6f3eddb!important}html[data-theme=dark] .home-modern-text-link>i{color:#f6f3ed;background:#ffffff12;border-color:#ffffff1f;box-shadow:0 6px 14px #00000024}html[data-theme=dark] .home-modern-text-link:hover{color:#fff!important}html[data-theme=dark] .home-modern-text-link:hover>i{background:var(--acid);border-color:var(--acid);color:#171717;box-shadow:0 10px 22px #00000038}html[data-theme=dark] .home-modern-mini-action{color:#f6f3ed;background:#ffffff0f;border-color:#ffffff1f;box-shadow:0 4px 12px #0000001f}html[data-theme=dark] .home-modern-mini-action:hover,html[data-theme=dark] .home-modern-mini-action:focus-visible{background:var(--acid);border-color:var(--acid);color:#171717;box-shadow:0 12px 24px #0003}html[data-theme=dark] .home-modern-palette__swatch:after{color:#171717;background:#ffffffe0;box-shadow:0 10px 24px #00000042}html[data-theme=dark] .home-modern-palette:hover .home-modern-palette__swatch{filter:saturate(.94)brightness(.94)}html[data-theme=dark] .home-modern-palette:hover .home-modern-palette__swatch:hover{filter:saturate(1.06)brightness(1.02);box-shadow:inset 0 0 0 1px #ffffff1f,0 16px 28px #0000003d}@media (width<=760px){.home-modern-text-link{min-height:2.7rem}.home-modern-palette__swatch:after{font-size:.52rem;top:.7rem}.home-modern-palette:hover .home-modern-palette__swatch:hover{transform:translateY(-4px)scale(1.01)}}.home-modern-brand-preview{--brand-demo-active:#163622;--brand-demo-active-text:#f7f1e5}.home-modern-brand-swatches{z-index:3;position:relative}.home-modern-brand-swatches button{background:var(--c);cursor:pointer;border:0;border-radius:.48rem;width:100%;height:2.45rem;transition:transform .18s,box-shadow .18s,opacity .18s;display:block;position:relative;box-shadow:inset 0 0 0 1px #11131814}.home-modern-brand-swatches button:after{content:"";opacity:0;background:#111318;border-radius:50%;width:.42rem;height:.42rem;transition:opacity .18s,transform .18s;position:absolute;top:50%;right:-.88rem;transform:translateY(-50%)scale(.4)}.home-modern-brand-swatches button:hover{z-index:2;transform:translate(5px)scale(1.04);box-shadow:inset 0 0 0 2px #ffffff59,0 7px 15px #11131824}.home-modern-brand-swatches button.is-active{transform:translate(4px);box-shadow:inset 0 0 0 2px #ffffff8c,0 8px 18px #11131829}.home-modern-brand-swatches button.is-active:after{opacity:1;transform:translateY(-50%)scale(1)}.home-modern-brand-swatches button:focus-visible{outline:2px solid var(--acid);outline-offset:3px}.home-modern-brand-poster{isolation:isolate;background:var(--brand-demo-active);color:var(--brand-demo-active-text);transition:background-color .28s,color .28s}.home-modern-brand-poster>strong{color:var(--brand-demo-active-text);text-shadow:0 1px #0000000d;transition:color .28s}.home-modern-brand-poster>p{color:var(--brand-demo-active-text)}@supports (color:color-mix(in lab, red, red)){.home-modern-brand-poster>p{color:color-mix(in srgb, var(--brand-demo-active-text) 78%, transparent)}}.home-modern-brand-poster>p{transition:color .28s}.home-modern-brand-poster>b{color:#d7ff4f}.home-modern-brand-forest{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.home-modern-brand-forest:before,.home-modern-brand-forest:after{content:"";background:var(--brand-demo-active-text);width:2px;height:82%;position:absolute;bottom:-12%;right:22%}@supports (color:color-mix(in lab, red, red)){.home-modern-brand-forest:before,.home-modern-brand-forest:after{background:color-mix(in srgb, var(--brand-demo-active-text) 22%, transparent)}}.home-modern-brand-forest:before,.home-modern-brand-forest:after{transform-origin:bottom;opacity:.48;transform:rotate(28deg)}.home-modern-brand-forest:after{opacity:.32;height:92%;bottom:-20%;right:4%;transform:rotate(-18deg)}.home-modern-brand-forest i{background:var(--brand-demo-active-text);border-radius:100% 0;width:5.1rem;height:2.05rem;display:block;position:absolute}@supports (color:color-mix(in lab, red, red)){.home-modern-brand-forest i{background:color-mix(in srgb, var(--brand-demo-active-text) 14%, var(--brand-demo-active))}}.home-modern-brand-forest i{opacity:.62;box-shadow:inset 0 0 0 1px var(--brand-demo-active-text)}@supports (color:color-mix(in lab, red, red)){.home-modern-brand-forest i{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--brand-demo-active-text) 8%, transparent)}}.home-modern-brand-forest i{transition:background-color .28s}.home-modern-brand-forest i:first-child{top:14%;right:1%;transform:rotate(34deg)}.home-modern-brand-forest i:nth-child(2){top:28%;right:17%;transform:rotate(-28deg)scale(.92)}.home-modern-brand-forest i:nth-child(3){top:42%;right:-2%;transform:rotate(48deg)scale(1.12)}.home-modern-brand-forest i:nth-child(4){top:53%;right:25%;transform:rotate(18deg)scale(.82)}.home-modern-brand-forest i:nth-child(5){top:66%;right:5%;transform:rotate(-36deg)scale(1.06)}.home-modern-brand-forest i:nth-child(6){top:72%;right:33%;transform:rotate(42deg)scale(.76)}.home-modern-brand-forest i:nth-child(7){top:83%;right:13%;transform:rotate(8deg)scale(1.2)}.home-modern-brand-forest i:nth-child(8){top:18%;right:39%;transform:rotate(-48deg)scale(.7)}.home-modern-brand-poster:after{content:"";z-index:1;background:linear-gradient(90deg, var(--brand-demo-active) 0 42%, transparent 76%);pointer-events:none;position:absolute;inset:0}.home-modern-brand-stationery>div{position:relative;overflow:hidden}.home-modern-brand-stationery__accent{background:var(--brand-demo-active);border-radius:999px;width:2.35rem;height:.42rem;transition:background-color .28s,width .18s;position:absolute;bottom:.8rem;right:.8rem}.home-modern-brand-stationery>div:hover .home-modern-brand-stationery__accent{width:3.2rem}html[data-theme=dark] .home-modern-brand-swatches button:after{background:#f6f3ed}html[data-theme=dark] .home-modern-brand-swatches button{box-shadow:inset 0 0 0 1px #ffffff1a}html[data-theme=dark] .home-modern-brand-swatches button:hover,html[data-theme=dark] .home-modern-brand-swatches button.is-active{box-shadow:inset 0 0 0 2px #ffffff6b,0 9px 20px #0000003d}@media (width<=480px){.home-modern-brand-swatches{grid-template-columns:repeat(5,1fr)}.home-modern-brand-swatches button{height:2rem}.home-modern-brand-swatches button:after{top:auto;bottom:-.66rem;right:50%;transform:translate(50%)scale(.4)}.home-modern-brand-swatches button.is-active:after{transform:translate(50%)scale(1)}}.home-modern-brand-poster{isolation:isolate}.home-modern-brand-tree{z-index:1;object-fit:contain;pointer-events:none;user-select:none;opacity:.94;transform-origin:50%;width:25rem;max-width:none;height:auto;transition:opacity .2s,transform .28s;position:absolute;bottom:-8.4rem;right:-5.8rem;transform:rotate(-7deg)}.home-modern-brand-poster:hover .home-modern-brand-tree{opacity:1;transform:rotate(-5deg)scale(1.025)}.home-modern-brand-poster>span,.home-modern-brand-poster>strong,.home-modern-brand-poster>p,.home-modern-brand-poster>b{z-index:3;position:relative}.home-modern-brand-poster>strong,.home-modern-brand-poster>p{max-width:13rem}.home-modern-brand-poster:after{z-index:2;background:linear-gradient(90deg, var(--brand-demo-active) 0%, var(--brand-demo-active) 42%, var(--brand-demo-active) 68%, transparent 100%)}@supports (color:color-mix(in lab, red, red)){.home-modern-brand-poster:after{background:linear-gradient(90deg, var(--brand-demo-active) 0%, color-mix(in srgb, var(--brand-demo-active) 94%, transparent) 42%, color-mix(in srgb, var(--brand-demo-active) 42%, transparent) 68%, transparent 100%)}}@media (width<=760px){.home-modern-brand-tree{width:23rem;bottom:-7rem;right:-6rem}}@media (width<=480px){.home-modern-brand-tree{opacity:.82;width:21rem;bottom:-6rem;right:-5rem}}.home-modern-nav{color:#111318;backdrop-filter:blur(14px);border-bottom:1px solid #11131814;background:#f7f3ecf5!important}.home-modern-nav>div>a,.home-modern-nav>div>a span{color:#111318!important}.modern-global-nav-link{transition:color .16s,transform .16s;color:#111318ad!important}.modern-global-nav-link:after{content:"";background:var(--acid);opacity:0;border-radius:999px;height:2px;transition:opacity .16s,transform .16s;position:absolute;bottom:-.55rem;left:0;right:0;transform:scaleX(.35)}.modern-global-nav-link:hover{transform:translateY(-1px);color:#111318!important}.modern-global-nav-link:hover:after,.modern-global-nav-link.is-active:after{opacity:1;transform:scaleX(1)}.modern-global-nav-link.is-active{color:#111318!important}.modern-global-menu-button{color:#111318;backdrop-filter:blur(12px);background:#ffffffa8;border:1px solid #1113181f;transition:background-color .16s,transform .16s;box-shadow:0 6px 16px #1113180f}.modern-global-menu-button:hover{background:#fff;transform:translateY(-1px)}.modern-global-mobile-menu{backdrop-filter:blur(18px);background:#f7f3ecfa;border:1px solid #1113181a;border-radius:1.35rem;box-shadow:0 18px 50px #1717171f}.modern-global-mobile-link{transition:background-color .15s,color .15s,transform .15s;color:#111318b8!important}.modern-global-mobile-link:hover{background:#1113180e;transform:translate(2px);color:#111318!important}.modern-global-mobile-link.is-active{background:#111318;color:#fff!important}footer.home-modern-footer{color:#111318;margin-top:0;background:#efe9df!important;border-top:1px solid #1113181a!important}footer.home-modern-footer .home-modern-footer__group a:hover{color:#111318!important}html[data-theme=dark] .home-modern-nav{color:#f6f3ed;border-bottom-color:#ffffff14;background:#15171bf5!important}html[data-theme=dark] .home-modern-nav>div>a,html[data-theme=dark] .home-modern-nav>div>a span{color:#f6f3ed!important}html[data-theme=dark] .modern-global-nav-link{color:#f6f3eda3!important}html[data-theme=dark] .modern-global-nav-link:hover,html[data-theme=dark] .modern-global-nav-link.is-active{color:#fff!important}html[data-theme=dark] .modern-global-menu-button{color:#f6f3ed;background:#ffffff0e;border-color:#ffffff1c;box-shadow:0 6px 16px #00000029}html[data-theme=dark] .modern-global-menu-button:hover{background:#ffffff17}html[data-theme=dark] .modern-global-mobile-menu{background:#181a1ffa;border-color:#ffffff1a;box-shadow:0 20px 55px #0000004d}html[data-theme=dark] .modern-global-mobile-link{color:#f6f3edb3!important}html[data-theme=dark] .modern-global-mobile-link:hover{background:#ffffff0f;color:#fff!important}html[data-theme=dark] .modern-global-mobile-link.is-active{background:var(--acid);color:#171717!important}html[data-theme=dark] footer.home-modern-footer{background:#101216!important;border-top-color:#ffffff14!important}html[data-theme=dark] footer.home-modern-footer .home-modern-footer__brand a,html[data-theme=dark] footer.home-modern-footer .home-modern-footer__brand strong,html[data-theme=dark] footer.home-modern-footer .home-modern-footer__group>strong{color:#f6f3ed!important}html[data-theme=dark] footer.home-modern-footer .home-modern-footer__brand p,html[data-theme=dark] footer.home-modern-footer .home-modern-footer__group a,html[data-theme=dark] footer.home-modern-footer .home-modern-footer__bottom>span,html[data-theme=dark] footer.home-modern-footer .site-footer__copyright{color:#f6f3ed94!important}html[data-theme=dark] footer.home-modern-footer .home-modern-footer__group a:hover{color:#fff!important}@media (width<=1024px){.home-modern-core{width:100%}.home-modern-core-grid{grid-template-columns:1fr;gap:.75rem;max-width:46rem;margin-inline:auto}.home-modern-core-card{border-radius:1.1rem;grid-template-columns:3.65rem minmax(0,1fr) 2.5rem;gap:1rem;min-height:0;padding:1rem 1.05rem;box-shadow:0 8px 24px #11131809}.home-modern-core-icon{border-radius:.9rem;width:3.65rem;height:3.65rem}.home-modern-core-icon svg{width:1.75rem;height:1.75rem}.home-modern-core-card h2{font-size:1.05rem;line-height:1.2}.home-modern-core-card p{max-width:32rem;margin-top:.25rem;font-size:.84rem;line-height:1.5}.home-modern-circle-arrow{flex:none;width:2.5rem;height:2.5rem}}@media (width<=600px){.home-modern-core{padding-top:.4rem}.home-modern-section-title{text-align:center;margin:0 0 .75rem}.home-modern-section-title span{font-size:1rem;line-height:1.25}.home-modern-core-grid{gap:.65rem}.home-modern-core-card{border-radius:1rem;grid-template-columns:3.15rem minmax(0,1fr) 2.25rem;gap:.78rem;padding:.9rem}.home-modern-core-icon{border-radius:.82rem;width:3.15rem;height:3.15rem}.home-modern-core-icon svg{width:1.55rem;height:1.55rem}.home-modern-core-card h2{font-size:.98rem}.home-modern-core-card p,.home-modern-core-card p:last-child{margin-top:.2rem;font-size:.78rem;line-height:1.42}.home-modern-circle-arrow{width:2.25rem;height:2.25rem;font-size:.9rem;display:grid}}@media (width<=380px){.home-modern-core-card{grid-template-columns:2.9rem minmax(0,1fr) 2rem;gap:.65rem;padding:.8rem}.home-modern-core-icon{width:2.9rem;height:2.9rem}.home-modern-core-card h2{font-size:.94rem}.home-modern-core-card p,.home-modern-core-card p:last-child{font-size:.74rem}.home-modern-circle-arrow{width:2rem;height:2rem}}.home-modern-inspiration{max-width:1500px;margin:0 auto;padding:.7rem 0 3.2rem}.home-modern-inspiration__head{justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:1rem;display:flex}.home-modern-inspiration__eyebrow{color:#1113187a;letter-spacing:.09em;text-transform:uppercase;margin:0 0 .35rem;font-size:.72rem;font-weight:850}.home-modern-inspiration__head h2{color:#111318;letter-spacing:-.05em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,3vw,3rem);font-weight:500;line-height:1}.home-modern-inspiration__head>div>p:last-child{color:#11131894;max-width:35rem;margin:.6rem 0 0;font-size:.82rem;line-height:1.55}.home-modern-inspiration__shuffle{color:#111318;background:#ffffff80;border:1px solid #1113181c;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:.5rem;min-height:2.65rem;padding:0 .95rem;font-size:.72rem;font-weight:850;transition:transform .16s,background-color .16s,border-color .16s;display:inline-flex}.home-modern-inspiration__shuffle:hover{background:#fffdf8;border-color:#1113182e;transform:translateY(-2px)}.home-modern-inspiration__shuffle span{font-size:1rem}.home-modern-inspiration__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem;display:grid}.home-modern-inspiration-card{background:#ffffff4d;border:1px solid #11131814;border-radius:1.15rem;min-width:0;transition:transform .18s,box-shadow .18s,border-color .18s;overflow:hidden}.home-modern-inspiration-card:hover{border-color:#11131821;transform:translateY(-3px);box-shadow:0 14px 30px #11131812}.home-modern-inspiration-card__swatches{grid-template-columns:repeat(5,1fr);min-height:9.5rem;display:grid}.home-modern-inspiration-card__swatch{background:var(--inspiration-color);color:#fff;cursor:copy;border:0;min-width:0;transition:filter .16s,transform .16s;position:relative}.home-modern-inspiration-card__swatch:hover,.home-modern-inspiration-card__swatch:focus-visible{z-index:1;filter:brightness(1.06);transform:scaleX(1.05)}.home-modern-inspiration-card__swatch span{opacity:0;color:inherit;letter-spacing:-.025em;text-align:center;text-shadow:0 1px 2px #0000001f;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.58rem;font-weight:900;transition:opacity .16s,transform .16s;position:absolute;bottom:.65rem;left:.15rem;right:.15rem;transform:translateY(4px)}.home-modern-inspiration-card__swatch:hover span,.home-modern-inspiration-card__swatch:focus-visible span{opacity:1;transform:translateY(0)}.home-modern-inspiration-card__body{padding:1rem}.home-modern-inspiration-card__body h3{color:#111318;letter-spacing:-.03em;margin:0;font-size:.95rem;font-weight:900}.home-modern-inspiration-card__body p{color:#11131885;margin:.28rem 0 0;font-size:.68rem;line-height:1.4}.home-modern-inspiration-card__link{color:#111318;align-items:center;gap:.45rem;margin-top:.85rem;font-size:.7rem;font-weight:850;display:inline-flex}.home-modern-inspiration-card__link span{transition:transform .16s}.home-modern-inspiration-card__link:hover span{transform:translate(3px)}html[data-theme=dark] .home-modern-inspiration__eyebrow{color:#f6f3ed8f}html[data-theme=dark] .home-modern-inspiration__head h2,html[data-theme=dark] .home-modern-inspiration-card__body h3,html[data-theme=dark] .home-modern-inspiration-card__link{color:#f6f3ed}html[data-theme=dark] .home-modern-inspiration__head>div>p:last-child,html[data-theme=dark] .home-modern-inspiration-card__body p{color:#f6f3eda6}html[data-theme=dark] .home-modern-inspiration__shuffle{color:#f6f3ed;background:#ffffff0e;border-color:#ffffff1f}html[data-theme=dark] .home-modern-inspiration__shuffle:hover{background:#ffffff17;border-color:#fff3}html[data-theme=dark] .home-modern-inspiration-card{background:#ffffff09;border-color:#ffffff17}html[data-theme=dark] .home-modern-inspiration-card:hover{border-color:#ffffff24;box-shadow:0 16px 34px #0003}@media (width<=1100px){.home-modern-inspiration__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.home-modern-inspiration{padding-bottom:2.25rem}.home-modern-inspiration__head{flex-direction:column;align-items:flex-start;gap:1rem}.home-modern-inspiration__shuffle{align-self:stretch}.home-modern-inspiration-card__swatches{min-height:8.4rem}}@media (width<=560px){.home-modern-inspiration__grid{grid-template-columns:1fr}.home-modern-inspiration-card__swatches{min-height:8.8rem}.home-modern-inspiration-card__swatch span{opacity:.9;transform:none}}.home-modern-one-color{max-width:1500px;margin:0 auto;padding:1.4rem 0 4.6rem}.home-modern-one-color__head{margin-bottom:1rem}.home-modern-one-color__eyebrow{color:#1113187a;letter-spacing:.09em;text-transform:uppercase;margin:0 0 .35rem;font-size:.72rem;font-weight:850}.home-modern-one-color__head h2{color:#111318;letter-spacing:-.05em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,3vw,3rem);font-weight:500;line-height:1}.home-modern-one-color__head>p:last-child{color:#11131894;max-width:35rem;margin:.6rem 0 0;font-size:.82rem;line-height:1.55}.home-modern-one-color__panel{background:#ffffff4d;border:1px solid #11131814;border-radius:1.2rem;grid-template-columns:minmax(0,1.05fr) minmax(250px,.72fr) minmax(300px,1fr);align-items:stretch;gap:1rem;padding:1rem;display:grid}.home-modern-one-color__picker{cursor:pointer;background:#ffffff6b;border:1px solid #11131812;border-radius:1rem;grid-template-columns:minmax(120px,44%) minmax(0,1fr);min-height:11.5rem;display:grid;position:relative;overflow:hidden}.home-modern-one-color__swatch{background:var(--one-color);min-height:100%;transition:background-color .18s,filter .18s}.home-modern-one-color__picker:hover .home-modern-one-color__swatch{filter:brightness(1.04)}.home-modern-one-color__picker-copy{flex-direction:column;justify-content:center;min-width:0;padding:1.15rem;display:flex}.home-modern-one-color__picker-copy small,.home-modern-one-color__input-wrap>label{color:#1113187a;letter-spacing:.08em;text-transform:uppercase;font-size:.63rem;font-weight:850}.home-modern-one-color__picker-copy strong{color:#111318;letter-spacing:-.04em;margin-top:.35rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(1.25rem,1.6vw,1.7rem);font-weight:850}.home-modern-one-color__picker-copy>span:last-child{color:#11131885;margin-top:.45rem;font-size:.7rem;line-height:1.4}.home-modern-one-color__picker input[type=color]{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.home-modern-one-color__picker:focus-within{outline-offset:2px;outline:2px solid #354cc74d}.home-modern-one-color__input-wrap{flex-direction:column;justify-content:center;padding:1rem;display:flex}.home-modern-one-color__input-row{grid-template-columns:minmax(0,1fr) auto;gap:.55rem;margin-top:.55rem;display:grid}.home-modern-one-color__input-row input{color:#111318;text-transform:uppercase;background:#ffffffa6;border:1px solid #1113181f;border-radius:.8rem;outline:none;width:100%;min-height:3rem;padding:0 .9rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9rem;font-weight:800;transition:border-color .16s,box-shadow .16s,background-color .16s}.home-modern-one-color__input-row input:focus{background:#fffdf8;border-color:#354cc766;box-shadow:0 0 0 3px #354cc714}.home-modern-one-color__input-row input[aria-invalid=true]{border-color:#be37377a}.home-modern-one-color__input-row button{color:#fff;cursor:pointer;background:#111318;border:0;border-radius:.8rem;min-height:3rem;padding:0 .95rem;font-size:.7rem;font-weight:850;transition:transform .16s,opacity .16s}.home-modern-one-color__input-row button:hover{opacity:.9;transform:translateY(-1px)}.home-modern-one-color__input-wrap>small{color:#11131873;margin-top:.45rem;font-size:.64rem;line-height:1.4}.home-modern-one-color__actions{background:#ffffff6b;border:1px solid #11131814;border-radius:1rem;grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:hidden}.home-modern-one-color__action{color:#111318;justify-content:space-between;align-items:center;gap:1rem;min-height:5.7rem;padding:1rem;font-size:.76rem;font-weight:850;transition:background-color .16s;display:flex}.home-modern-one-color__action:nth-child(odd){border-right:1px solid #11131814}.home-modern-one-color__action:nth-child(-n+2){border-bottom:1px solid #11131814}.home-modern-one-color__action:hover{background:#ffffffb8}.home-modern-one-color__action i{background:var(--one-color);width:2rem;height:2rem;color:var(--one-color-text,#fff);text-shadow:0 1px 2px #0003;border-radius:999px;flex:none;place-items:center;font-size:.78rem;font-style:normal;transition:transform .16s,background-color .18s;display:grid}.home-modern-one-color__action:hover i{transform:translate(2px)}html[data-theme=dark] .home-modern-one-color__eyebrow,html[data-theme=dark] .home-modern-one-color__picker-copy small,html[data-theme=dark] .home-modern-one-color__input-wrap>label{color:#f6f3ed8f}html[data-theme=dark] .home-modern-one-color__head h2,html[data-theme=dark] .home-modern-one-color__picker-copy strong,html[data-theme=dark] .home-modern-one-color__action{color:#f6f3ed}html[data-theme=dark] .home-modern-one-color__head>p:last-child,html[data-theme=dark] .home-modern-one-color__picker-copy>span:last-child,html[data-theme=dark] .home-modern-one-color__input-wrap>small{color:#f6f3eda3}html[data-theme=dark] .home-modern-one-color__panel,html[data-theme=dark] .home-modern-one-color__picker,html[data-theme=dark] .home-modern-one-color__actions{background:#ffffff09;border-color:#ffffff17}html[data-theme=dark] .home-modern-one-color__input-row input{color:#f6f3ed;background:#ffffff0e;border-color:#ffffff1f}html[data-theme=dark] .home-modern-one-color__input-row input:focus{background:#ffffff14;border-color:#c4b5fd6b;box-shadow:0 0 0 3px #c4b5fd14}html[data-theme=dark] .home-modern-one-color__input-row button{color:#111318;background:#f6f3ed}html[data-theme=dark] .home-modern-one-color__action:nth-child(odd){border-right-color:#ffffff17}html[data-theme=dark] .home-modern-one-color__action:nth-child(-n+2){border-bottom-color:#ffffff17}html[data-theme=dark] .home-modern-one-color__action:hover{background:#ffffff0f}@media (width<=1100px){.home-modern-one-color__panel{grid-template-columns:repeat(2,minmax(0,1fr))}.home-modern-one-color__actions{grid-column:1/-1}}@media (width<=760px){.home-modern-one-color{padding-top:.7rem;padding-bottom:3.2rem}.home-modern-one-color__panel{grid-template-columns:1fr;padding:.75rem}.home-modern-one-color__picker{min-height:9rem}.home-modern-one-color__input-wrap{padding:.65rem .25rem .4rem}.home-modern-one-color__actions{grid-column:auto}}@media (width<=500px){.home-modern-one-color__picker{grid-template-columns:42% minmax(0,1fr)}.home-modern-one-color__actions{grid-template-columns:1fr}.home-modern-one-color__action{min-height:4.15rem}.home-modern-one-color__action:nth-child(odd){border-right:0}.home-modern-one-color__action:nth-child(-n+3){border-bottom:1px solid #11131814}html[data-theme=dark] .home-modern-one-color__action:nth-child(-n+3){border-bottom-color:#ffffff17}}.home-modern-nav__cta{font-size:.84rem}.home-modern-eyebrow{font-size:.82rem;line-height:1.35}.home-modern-hero__lede{font-size:1.1rem;line-height:1.65}.home-modern-btn,.home-modern-text-link{font-size:.88rem}.home-modern-palette__swatch span{font-size:.82rem}.home-modern-palette__swatch:after{font-size:.66rem}.home-modern-palette__meta{font-size:.8rem;line-height:1.35}.home-modern-mini-action{font-size:.78rem}.home-modern-section-title span,.home-modern-core-card h2{font-size:1.16rem}.home-modern-core-card p,.home-modern-core-card p:last-child{max-width:19rem;font-size:.9rem;line-height:1.55}.home-modern-brand-poster>span{font-size:.72rem;line-height:1.35}.home-modern-brand-poster>p{font-size:.78rem;line-height:1.55}.home-modern-brand-stationery span{font-size:.76rem;line-height:1.45}.home-modern-feature__kicker{font-size:.82rem}.home-modern-feature__copy p{font-size:.96rem;line-height:1.65}.home-modern-quick-link strong{font-size:.92rem}.home-modern-quick-link small{font-size:.8rem;line-height:1.45}.home-modern-inspiration__eyebrow,.home-modern-one-color__eyebrow{font-size:.8rem;line-height:1.35}.home-modern-inspiration__head>div>p:last-child,.home-modern-one-color__head>p:last-child{font-size:.92rem;line-height:1.6}.home-modern-inspiration__shuffle{font-size:.8rem}.home-modern-inspiration-card__swatch span{font-size:.68rem}.home-modern-inspiration-card__body h3{font-size:1rem}.home-modern-inspiration-card__body p{font-size:.78rem;line-height:1.5}.home-modern-inspiration-card__link{font-size:.8rem}.home-modern-one-color__picker-copy small,.home-modern-one-color__input-wrap>label{font-size:.75rem;line-height:1.35}.home-modern-one-color__picker-copy>span:last-child{font-size:.8rem;line-height:1.5}.home-modern-one-color__input-row input{font-size:.96rem}.home-modern-one-color__input-row button{font-size:.8rem}.home-modern-one-color__input-wrap>small{font-size:.75rem;line-height:1.45}.home-modern-one-color__action{font-size:.86rem}.home-modern-one-color__action i{font-size:.84rem}footer.home-modern-footer .home-modern-footer__brand p{font-size:.88rem;line-height:1.6}.home-modern-footer__group>strong,footer.home-modern-footer .home-modern-footer__group a{font-size:.82rem}footer.home-modern-footer .home-modern-footer__bottom>span,footer.home-modern-footer .site-footer__copyright{font-size:.78rem}@media (width<=760px){.home-modern-eyebrow{font-size:.78rem}.home-modern-hero__lede{font-size:1rem;line-height:1.6}.home-modern-core-card p,.home-modern-core-card p:last-child,.home-modern-feature__copy p{font-size:.88rem}.home-modern-palette__meta{font-size:.76rem}.home-modern-quick-link strong{font-size:.9rem}.home-modern-quick-link small{font-size:.78rem}.home-modern-inspiration__head>div>p:last-child,.home-modern-one-color__head>p:last-child{font-size:.88rem}.home-modern-inspiration-card__body p,.home-modern-inspiration-card__link,.home-modern-one-color__picker-copy>span:last-child,.home-modern-one-color__action{font-size:.8rem}}@media (width<=500px){.home-modern-palette__swatch span{font-size:.72rem}.home-modern-inspiration-card__swatch span{font-size:.7rem}}.gradient-pro-page{--gp-page:#f7f3ec;--gp-panel:#ffffff7a;--gp-panel-2:#ffffff9e;--gp-panel-3:#1113180b;--gp-input:#ffffff9e;--gp-border:#1113181a;--gp-border-strong:#1113182e;--gp-text:#111318;--gp-muted:#11131894;--gp-muted-2:#11131861;--gp-track:#1113181a;--gp-hover:#1113180e;--gp-shadow:0 14px 38px #1113180e;--gp-purple:#7d39e8;--gp-purple-2:#6728d8;background:var(--gp-page)}[data-theme=dark] .gradient-pro-page{--gp-page:#15171b;--gp-panel:#ffffff09;--gp-panel-2:#ffffff0e;--gp-panel-3:#ffffff0a;--gp-input:#ffffff0a;--gp-border:#ffffff17;--gp-border-strong:#ffffff29;--gp-text:#f4f1eb;--gp-muted:#f4f1eb99;--gp-muted-2:#f4f1eb61;--gp-track:#ffffff1a;--gp-hover:#ffffff0f;--gp-shadow:0 18px 45px #0000001f;--gp-purple:#9c5cff;--gp-purple-2:#7b36ef}.gradient-pro-heading{width:100%;max-width:1500px;margin:0 auto 1.25rem}.gradient-pro-kicker{color:var(--gp-muted);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.8rem;font-weight:900}.gradient-pro-heading h1{color:var(--gp-text);letter-spacing:-.07em;margin:.15rem 0 0;font-size:clamp(2.3rem,5vw,4.5rem);font-weight:950;line-height:.94}.gradient-pro-description{max-width:44rem;color:var(--gp-muted);margin:.65rem 0 0;font-size:.86rem;line-height:1.55rem}.gradient-pro-shell{border:1px solid var(--gp-border);background:var(--gp-panel);width:100%;max-width:1500px;box-shadow:var(--gp-shadow);color:var(--gp-text);border-radius:1.45rem;margin:0 auto;overflow:hidden}.gradient-pro-workspace{grid-template-columns:minmax(0,1.04fr) minmax(25rem,.84fr);gap:1.8rem;padding:1.65rem;display:grid}.gradient-pro-preview-column,.gradient-pro-controls{min-width:0}.gradient-pro-preview{isolation:isolate;background:linear-gradient(135deg,#7c3aed 0%,#06b6d4 50%,#f97316 100%);border:1px solid #ffffff21;border-radius:1rem;min-height:37rem;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff09,0 20px 45px #00000029}.gradient-pro-preview:after{content:"";pointer-events:none;mix-blend-mode:soft-light;background:linear-gradient(#ffffff12,#0000 24% 78%,#0000000d);position:absolute;inset:0}.gradient-pro-preview:fullscreen{border:0;border-radius:0;width:100vw;height:100vh;min-height:100vh}.gradient-pro-preview-actions{z-index:4;gap:.45rem;display:flex;position:absolute;top:1rem;right:1rem}.gradient-pro-icon-button,.gradient-pro-code-pill button,.gradient-pro-stop-remove{color:#ffffffe6;backdrop-filter:blur(10px);cursor:pointer;background:#0a0e1457;border:1px solid #ffffff29;place-items:center;transition:background .15s,border-color .15s,transform .15s;display:grid}.gradient-pro-icon-button{border-radius:.7rem;width:2.7rem;height:2.7rem}.gradient-pro-icon-button:hover,.gradient-pro-code-pill button:hover{background:#0a0e148f;border-color:#ffffff47;transform:translateY(-1px)}.gradient-pro-icon-button svg,.gradient-pro-code-pill button svg,.gradient-pro-actions svg,.gradient-pro-stop-remove svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:1.15rem;height:1.15rem}.gradient-pro-code-pill{z-index:4;backdrop-filter:blur(16px);background:#080b10a8;border:1px solid #ffffff1f;border-radius:.75rem;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem;min-height:3.15rem;padding:.45rem .5rem .45rem .9rem;display:grid;position:absolute;bottom:1.35rem;left:1.35rem;right:1.35rem;box-shadow:0 12px 34px #0000002e}.gradient-pro-code-pill code{color:#ffffffe0;text-overflow:ellipsis;white-space:nowrap;min-width:0;font:650 .79rem/1.35 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;overflow:hidden}.gradient-pro-code-pill button{border-radius:.62rem;width:2.3rem;height:2.3rem}.gradient-pro-controls{flex-direction:column;gap:1.1rem;display:flex}.gradient-pro-tabs{border:1px solid var(--gp-border);background:var(--gp-text);border-radius:.75rem;grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.gradient-pro-tabs{background:color-mix(in srgb, var(--gp-text) 1.5%, transparent)}}.gradient-pro-tabs button{border:0;border-right:1px solid var(--gp-text);min-height:3rem}@supports (color:color-mix(in lab, red, red)){.gradient-pro-tabs button{border-right:1px solid color-mix(in srgb, var(--gp-text) 5%, transparent)}}.gradient-pro-tabs button{color:var(--gp-text);background:0 0}@supports (color:color-mix(in lab, red, red)){.gradient-pro-tabs button{color:color-mix(in srgb, var(--gp-text) 65%, transparent)}}.gradient-pro-tabs button{cursor:pointer;font-size:.88rem;font-weight:750;transition:background .15s,color .15s,box-shadow .15s}.gradient-pro-tabs button:last-child{border-right:0}.gradient-pro-tabs button.is-active{color:var(--gp-text);box-shadow:inset 0 1px var(--gp-text);background:linear-gradient(#ffffff16,#ffffff0d)}@supports (color:color-mix(in lab, red, red)){.gradient-pro-tabs button.is-active{box-shadow:inset 0 1px color-mix(in srgb, var(--gp-text) 3.5%, transparent)}}.gradient-pro-section{min-width:0}.gradient-pro-section-head,.gradient-pro-presets-head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.gradient-pro-section-head h2,.gradient-pro-presets-head h2{color:var(--gp-text);margin:0}@supports (color:color-mix(in lab, red, red)){.gradient-pro-section-head h2,.gradient-pro-presets-head h2{color:color-mix(in srgb, var(--gp-text) 88%, transparent)}}.gradient-pro-section-head h2,.gradient-pro-presets-head h2{letter-spacing:-.01em;font-size:.86rem;font-weight:760}.gradient-pro-add-stop{border:1px solid var(--gp-border);background:var(--gp-text);border-radius:.65rem;align-items:center;gap:.42rem;min-height:2.35rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.gradient-pro-add-stop{background:color-mix(in srgb, var(--gp-text) 4%, transparent)}}.gradient-pro-add-stop{color:var(--gp-text);padding:0 .78rem}@supports (color:color-mix(in lab, red, red)){.gradient-pro-add-stop{color:color-mix(in srgb, var(--gp-text) 88%, transparent)}}.gradient-pro-add-stop{cursor:pointer;font-size:.78rem;font-weight:780;transition:background .15s,border-color .15s}.gradient-pro-add-stop:hover{border-color:var(--gp-border-strong);background:var(--gp-text)}@supports (color:color-mix(in lab, red, red)){.gradient-pro-add-stop:hover{background:color-mix(in srgb, var(--gp-text) 7.5%, transparent)}}.gradient-pro-add-stop span{font-size:1.15rem;line-height:1}.gradient-pro-stop-track{--track-gradient:linear-gradient(90deg, #7c3aed, #06b6d4, #f97316);touch-action:none;height:1.8rem;margin:.8rem .35rem .45rem;position:relative}.gradient-pro-stop-track:before{content:"";background:var(--track-gradient);border:1px solid #ffffff2e;border-radius:.2rem;height:.55rem;position:absolute;top:.55rem;left:0;right:0;box-shadow:inset 0 0 0 1px #00000012}.gradient-pro-stop-handle{z-index:2;top:.3rem;left:var(--stop-position);background:var(--stop-color);cursor:ew-resize;touch-action:none;border:2px solid #fff;border-radius:.22rem;width:1.05rem;height:1.05rem;margin:0;position:absolute;transform:translate(-50%);box-shadow:0 2px 9px #00000059}.gradient-pro-stop-handle:after{content:"";position:absolute;inset:-.45rem}.gradient-pro-stop-handle:focus-visible{outline-offset:3px;outline:3px solid #8b3dff7a}.gradient-pro-stop-list{gap:.42rem;display:grid}.gradient-pro-stop-row{border:1px solid var(--gp-border);border-radius:.65rem;grid-template-columns:2rem minmax(7rem,1fr) minmax(5.7rem,.45fr) 2rem;align-items:center;gap:.6rem;min-height:3rem;padding:.35rem .55rem;display:grid;background:var(--gp-panel-3)!important}.gradient-pro-stop-color{cursor:pointer;overflow:hidden;border:1px solid var(--gp-border)!important;background:0 0!important;border-radius:.45rem!important;width:2rem!important;min-width:2rem!important;height:2rem!important;margin:0!important;padding:0!important}.gradient-pro-stop-color::-webkit-color-swatch-wrapper{padding:0}.gradient-pro-stop-color::-webkit-color-swatch{border:0;border-radius:.38rem}.gradient-pro-stop-color::-moz-color-swatch{border:0;border-radius:.38rem}.gradient-pro-stop-hex{width:100%!important;min-width:0!important;height:2.1rem!important;color:var(--gp-text)!important;background:0 0!important;border:0!important;padding:0!important}@supports (color:color-mix(in lab, red, red)){.gradient-pro-stop-hex{color:color-mix(in srgb, var(--gp-text) 90%, transparent)!important}}.gradient-pro-stop-hex{text-transform:uppercase;outline:0;box-shadow:none!important;font:750 .84rem/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace!important}.gradient-pro-stop-position-field{border:1px solid var(--gp-border);background:var(--gp-text);border-radius:.5rem;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:2.2rem;display:grid;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.gradient-pro-stop-position-field{background:color-mix(in srgb, var(--gp-text) 4%, transparent)}}.gradient-pro-stop-position-field input{width:100%!important;min-width:0!important;height:2.1rem!important;color:var(--gp-text)!important;background:0 0!important;border:0!important;padding:0 .55rem!important}@supports (color:color-mix(in lab, red, red)){.gradient-pro-stop-position-field input{color:color-mix(in srgb, var(--gp-text) 90%, transparent)!important}}.gradient-pro-stop-position-field input{outline:0;box-shadow:none!important;font-size:.82rem!important;font-weight:760!important}.gradient-pro-stop-position-field span{color:var(--gp-muted);padding-right:.55rem;font-size:.75rem;font-weight:720}.gradient-pro-stop-remove{width:2rem;height:2rem;color:var(--gp-text);background:0 0;border:0}@supports (color:color-mix(in lab, red, red)){.gradient-pro-stop-remove{color:color-mix(in srgb, var(--gp-text) 43%, transparent)}}.gradient-pro-stop-remove{backdrop-filter:none}.gradient-pro-stop-remove:hover:not(:disabled){background:var(--gp-text)}@supports (color:color-mix(in lab, red, red)){.gradient-pro-stop-remove:hover:not(:disabled){background:color-mix(in srgb, var(--gp-text) 5.5%, transparent)}}.gradient-pro-stop-remove:hover:not(:disabled){color:var(--gp-text)}.gradient-pro-stop-remove:disabled{opacity:.18;cursor:not-allowed}.gradient-pro-tuning{gap:1rem;padding-top:.2rem;display:grid}.gradient-pro-control-title{color:var(--gp-text);margin-bottom:.65rem;display:block}@supports (color:color-mix(in lab, red, red)){.gradient-pro-control-title{color:color-mix(in srgb, var(--gp-text) 78%, transparent)}}.gradient-pro-control-title{font-size:.82rem;font-weight:720}.gradient-pro-angle-layout{grid-template-columns:7.3rem minmax(0,1fr);align-items:center;gap:1.15rem;display:grid}.gradient-pro-angle-dial{--angle:135deg;background:radial-gradient(circle at center, var(--gp-panel-2) 0 56%, transparent 57%), conic-gradient(from -75deg, #7b2cff, #16b6e8 37%, #ff8a2c 72%, #7b2cff 100%);cursor:crosshair;touch-action:none;border-radius:50%;place-items:center;width:7.25rem;height:7.25rem;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff0f}.gradient-pro-angle-dial:after{content:"";box-shadow:inset 0 0 0 .3rem var(--gp-panel);pointer-events:none;border-radius:50%;position:absolute;inset:.32rem}.gradient-pro-angle-dial strong{z-index:2;color:var(--gp-text);font-size:1.05rem;font-weight:820;position:relative}.gradient-pro-angle-dot{z-index:3;width:.9rem;height:.9rem;transform:rotate(calc(var(--angle) - 90deg)) translateX(3.05rem);background:#a765ff;border:2px solid #fff;border-radius:50%;margin:-.45rem;position:absolute;top:50%;left:50%;box-shadow:0 2px 7px #00000052}.gradient-pro-slider-line{grid-template-columns:minmax(0,1fr) 4.2rem;align-items:center;gap:.85rem;display:grid}.gradient-pro-slider-line input[type=range]{--gp-range-progress:50%;cursor:pointer;touch-action:pan-y;appearance:none!important;width:100%!important;height:1.35rem!important;min-height:1.35rem!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;margin:0!important;padding:0!important}.gradient-pro-slider-line input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--gp-purple) 0 var(--gp-range-progress), var(--gp-track) var(--gp-range-progress) 100%);border:0;border-radius:999px;height:.32rem}.gradient-pro-slider-line input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--gp-purple);border:2px solid #fff;border-radius:50%;width:1rem;height:1rem;margin-top:-.34rem;box-shadow:0 2px 8px #0000003d}.gradient-pro-slider-line input[type=range]::-moz-range-track{background:var(--gp-track);border:0;border-radius:999px;height:.32rem}.gradient-pro-slider-line input[type=range]::-moz-range-progress{background:var(--gp-purple);border-radius:999px;height:.32rem}.gradient-pro-slider-line input[type=range]::-moz-range-thumb{background:var(--gp-purple);border:2px solid #fff;border-radius:50%;width:.86rem;height:.86rem;box-shadow:0 2px 8px #0000003d}.gradient-pro-slider-line output{border:1px solid var(--gp-border);background:var(--gp-panel-3);min-height:2.35rem;color:var(--gp-text);border-radius:.55rem;place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.gradient-pro-slider-line output{color:color-mix(in srgb, var(--gp-text) 88%, transparent)}}.gradient-pro-slider-line output{font-size:.82rem;font-weight:760}.gradient-pro-position-block select{border:1px solid var(--gp-border);background:var(--gp-input);width:100%;height:2.7rem;color:var(--gp-text);border-radius:.6rem;padding:0 .75rem}@supports (color:color-mix(in lab, red, red)){.gradient-pro-position-block select{color:color-mix(in srgb, var(--gp-text) 90%, transparent)}}.gradient-pro-position-block select{color-scheme:inherit;outline:0;font-size:.82rem;font-weight:720}.gradient-pro-options{grid-template-columns:auto auto minmax(8rem,1fr);align-items:center;gap:.75rem;padding-top:.1rem;display:grid}.gradient-pro-toggle{color:var(--gp-text);align-items:center;gap:.55rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.gradient-pro-toggle{color:color-mix(in srgb, var(--gp-text) 64%, transparent)}}.gradient-pro-toggle{cursor:pointer;font-size:.78rem;font-weight:720}.gradient-pro-toggle input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.gradient-pro-toggle i{background:var(--gp-track);width:2.45rem;height:1.35rem;box-shadow:inset 0 0 0 1px var(--gp-text);border-radius:999px;position:relative}@supports (color:color-mix(in lab, red, red)){.gradient-pro-toggle i{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--gp-text) 5%, transparent)}}.gradient-pro-toggle i{transition:background .15s}.gradient-pro-toggle i:after{content:"";background:var(--gp-text);border-radius:50%;width:.95rem;height:.95rem;position:absolute;top:.2rem;left:.2rem}@supports (color:color-mix(in lab, red, red)){.gradient-pro-toggle i:after{background:color-mix(in srgb, var(--gp-text) 42%, transparent)}}.gradient-pro-toggle i:after{transition:transform .17s,background .17s}.gradient-pro-toggle input:checked+i{background:#8b3dff6b}.gradient-pro-toggle input:checked+i:after{background:var(--gp-text);transform:translate(1.1rem)}.gradient-pro-toggle input:focus-visible+i{outline-offset:2px;outline:2px solid #9c5cff}.gradient-pro-smoothness{min-height:2.55rem;color:var(--gp-text);justify-content:flex-end;align-items:center;gap:.65rem;display:flex}@supports (color:color-mix(in lab, red, red)){.gradient-pro-smoothness{color:color-mix(in srgb, var(--gp-text) 62%, transparent)}}.gradient-pro-smoothness{font-size:.78rem;font-weight:720}.gradient-pro-smoothness select{border:1px solid var(--gp-border);background:var(--gp-panel-3);min-width:6.9rem;height:2.55rem;color:var(--gp-text);border-radius:.55rem;padding:0 .7rem}@supports (color:color-mix(in lab, red, red)){.gradient-pro-smoothness select{color:color-mix(in srgb, var(--gp-text) 90%, transparent)}}.gradient-pro-smoothness select{color-scheme:inherit;outline:0;font-size:.8rem;font-weight:750}.gradient-pro-actions{grid-template-columns:1fr 1fr;gap:.65rem;margin-top:auto;display:grid}.gradient-pro-actions button{color:#fff;cursor:pointer;border-radius:.65rem;justify-content:center;align-items:center;gap:.55rem;min-width:0;min-height:3rem;padding:0 .8rem;font-size:.82rem;font-weight:800;transition:transform .15s,border-color .15s,background .15s,box-shadow .15s;display:inline-flex}.gradient-pro-actions button:hover{transform:translateY(-1px)}.gradient-pro-primary-action{background:linear-gradient(135deg,#9544ff,#6e2cff);border:1px solid #ab63ff66;box-shadow:0 10px 24px #702cff2e,inset 0 1px #ffffff24}.gradient-pro-primary-action:hover{background:linear-gradient(135deg,#a256ff,#7938ff);box-shadow:0 12px 27px #702cff3d,inset 0 1px #ffffff29}.gradient-pro-secondary-action{border:1px solid var(--gp-border);background:var(--gp-text)}@supports (color:color-mix(in lab, red, red)){.gradient-pro-secondary-action{background:color-mix(in srgb, var(--gp-text) 3.5%, transparent)}}.gradient-pro-secondary-action{color:var(--gp-text)!important}.gradient-pro-secondary-action:hover{border-color:var(--gp-border-strong);background:var(--gp-text)}@supports (color:color-mix(in lab, red, red)){.gradient-pro-secondary-action:hover{background:color-mix(in srgb, var(--gp-text) 6.5%, transparent)}}.gradient-pro-export-action span{color:var(--gp-muted-2);margin-left:auto}.gradient-pro-presets{border-top:1px solid var(--gp-border);padding:1.15rem 1.65rem 1.45rem}.gradient-pro-presets-head{margin-bottom:.75rem}.gradient-pro-presets-head span{color:var(--gp-muted-2);font-size:.72rem;font-weight:650}.gradient-pro-preset-row{grid-template-columns:repeat(8,minmax(5rem,1fr));gap:.75rem;display:grid}.gradient-pro-preset{background:var(--gp-panel-2);cursor:pointer;border:2px solid #0000;border-radius:.7rem;min-width:0;height:5.9rem;padding:.14rem;transition:transform .15s,border-color .15s,box-shadow .15s;overflow:hidden}.gradient-pro-preset>span{border-radius:.52rem;width:100%;height:100%;display:block}.gradient-pro-preset:hover{border-color:var(--gp-text);transform:translateY(-2px)}@supports (color:color-mix(in lab, red, red)){.gradient-pro-preset:hover{border-color:color-mix(in srgb, var(--gp-text) 32%, transparent)}}.gradient-pro-preset.is-selected{border-color:var(--gp-text);box-shadow:0 0 0 1px var(--gp-text)}@supports (color:color-mix(in lab, red, red)){.gradient-pro-preset.is-selected{box-shadow:0 0 0 1px color-mix(in srgb, var(--gp-text) 22%, transparent)}}.gradient-pro-page button:focus-visible,.gradient-pro-page input:focus-visible,.gradient-pro-page select:focus-visible{outline-offset:2px;outline:2px solid #9c5cff}[data-theme=dark] .gradient-pro-heading h1{color:#f5f2ed}[data-theme=dark] .gradient-pro-kicker,[data-theme=dark] .gradient-pro-description{color:#f5f2ed87}@media (width<=1180px){.gradient-pro-workspace{grid-template-columns:minmax(0,1fr) minmax(22rem,.82fr);gap:1.25rem}.gradient-pro-preview{min-height:33rem}.gradient-pro-angle-layout{grid-template-columns:6.3rem minmax(0,1fr)}.gradient-pro-angle-dial{width:6.2rem;height:6.2rem}.gradient-pro-angle-dot{transform:rotate(calc(var(--angle) - 90deg)) translateX(2.55rem)}.gradient-pro-preset-row{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=920px){.gradient-pro-workspace{grid-template-columns:1fr}.gradient-pro-preview{min-height:30rem}.gradient-pro-actions{margin-top:.25rem}.gradient-pro-angle-layout{grid-template-columns:7.3rem minmax(0,1fr)}.gradient-pro-angle-dial{width:7.25rem;height:7.25rem}.gradient-pro-angle-dot{transform:rotate(calc(var(--angle) - 90deg)) translateX(3.05rem)}}@media (width<=680px){.gradient-pro-page{padding-inline:1rem!important}.gradient-pro-heading{margin-bottom:1rem}.gradient-pro-shell{border-radius:1.15rem}.gradient-pro-workspace{gap:1rem;padding:.85rem}.gradient-pro-preview{border-radius:.85rem;min-height:23rem}.gradient-pro-code-pill{bottom:.75rem;left:.75rem;right:.75rem}.gradient-pro-preview-actions{top:.75rem;right:.75rem}.gradient-pro-stop-row{grid-template-columns:2rem minmax(0,1fr) 5.4rem 1.8rem;gap:.42rem;padding-inline:.4rem}.gradient-pro-stop-remove{width:1.8rem;height:1.8rem}.gradient-pro-options{grid-template-columns:1fr 1fr}.gradient-pro-smoothness{grid-column:1/-1;justify-content:space-between}.gradient-pro-actions{grid-template-columns:1fr 1fr}.gradient-pro-primary-action{grid-column:1/-1}.gradient-pro-presets{padding:1rem .85rem 1.1rem}.gradient-pro-preset-row{scroll-snap-type:x proximity;scrollbar-width:thin;gap:.6rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.gradient-pro-preset{scroll-snap-align:start;flex:0 0 7.6rem;height:5rem}}@media (width<=500px){.gradient-pro-heading{padding:0 .35rem}.gradient-pro-heading h1{font-size:2.7rem}}@media (width<=480px){.gradient-pro-description{font-size:.86rem}.gradient-pro-preview{min-height:19rem}.gradient-pro-code-pill code{font-size:.7rem}.gradient-pro-tabs button{min-height:2.75rem;font-size:.8rem}.gradient-pro-stop-row{grid-template-columns:1.9rem minmax(0,1fr) 4.9rem 1.7rem;gap:.32rem}.gradient-pro-stop-color{width:1.9rem!important;min-width:1.9rem!important;height:1.9rem!important}.gradient-pro-stop-hex{font-size:.75rem!important}.gradient-pro-stop-position-field input{padding-inline:.35rem!important;font-size:.75rem!important}.gradient-pro-stop-position-field span{padding-right:.35rem}.gradient-pro-angle-layout{grid-template-columns:5.7rem minmax(0,1fr);gap:.8rem}.gradient-pro-angle-dial{width:5.65rem;height:5.65rem}.gradient-pro-angle-dot{transform:rotate(calc(var(--angle) - 90deg)) translateX(2.25rem)}.gradient-pro-slider-line{grid-template-columns:minmax(0,1fr) 3.6rem;gap:.55rem}.gradient-pro-actions{grid-template-columns:1fr}.gradient-pro-primary-action{grid-column:auto}.gradient-pro-presets-head span{display:none}}@media (prefers-reduced-motion:reduce){.gradient-pro-page *,.gradient-pro-page :before,.gradient-pro-page :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}#main-content.chromble-home-width{width:100%;max-width:1596px;margin-left:auto;margin-right:auto;padding-left:3rem!important;padding-right:3rem!important}@media (width<=1100px){#main-content.chromble-home-width{max-width:none;padding-left:2rem!important;padding-right:2rem!important}}@media (width<=760px){#main-content.chromble-home-width{padding-left:1rem!important;padding-right:1rem!important}}.pv-brand-controls{grid-template-columns:minmax(0,1.55fr) minmax(18rem,.45fr);gap:.9rem;padding:1rem 1rem 0;display:grid}.pv-template-picker,.pv-logo-upload{background:#ffffff8f;border:1px solid #17171717;border-radius:1rem;min-width:0;padding:.9rem}.pv-brand-controls__head{justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:.72rem;display:flex}.pv-brand-controls__head>div{min-width:0}.pv-brand-controls__head span,.pv-brand-controls__head strong{display:block}.pv-brand-controls__head span{color:#17171775;letter-spacing:.1em;text-transform:uppercase;font-size:.6rem;font-weight:900}.pv-brand-controls__head strong{color:#171717;margin-top:.12rem;font-size:.9rem;font-weight:900}.pv-brand-controls__head small{color:#17171775;white-space:nowrap;font-size:.64rem;font-weight:720}.pv-template-cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:.55rem;display:grid}.pv-template-card{text-align:left;background:#ffffffad;border:1px solid #17171717;border-radius:.82rem;min-width:0;padding:.45rem;transition:transform .15s,border-color .15s,box-shadow .15s,background .15s}.pv-template-card:hover{background:#fff;border-color:#1717172e;transform:translateY(-1px)}.pv-template-card.is-active{background:#fff;border-color:#171717;box-shadow:inset 0 0 0 1px #171717}.pv-template-card>strong,.pv-template-card>small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.pv-template-card>strong{color:#171717;margin-top:.42rem;font-size:.68rem;font-weight:900}.pv-template-card>small{color:#17171775;margin-top:.08rem;font-size:.56rem;font-weight:720}.pv-template-card__thumb{background:var(--pv-bg);border:1px solid #17171712;border-radius:.58rem;height:3.65rem;display:block;position:relative;overflow:hidden}.pv-template-card__thumb i{border-radius:.22rem;display:block;position:absolute}.pv-template-card__thumb--board i:first-child{background:var(--pv-primary);inset:.42rem 48% .42rem .42rem}.pv-template-card__thumb--board i:nth-child(2){background:var(--pv-surface);border:1px solid var(--pv-border);inset:.42rem .42rem 52% 56%}.pv-template-card__thumb--board i:nth-child(3){background:var(--pv-secondary);inset:56% .42rem .42rem 56%}.pv-template-card__thumb--website i:first-child{background:var(--pv-border);height:.38rem;top:.42rem;left:.42rem;right:.42rem}.pv-template-card__thumb--website i:nth-child(2){background:var(--pv-primary);width:43%;height:1.55rem;top:1.2rem;left:.42rem}.pv-template-card__thumb--website i:nth-child(3){background:var(--pv-accent);width:42%;height:1.55rem;top:1.2rem;right:.42rem}.pv-template-card__thumb--social{background:var(--pv-secondary)}.pv-template-card__thumb--social i:first-child{background:var(--pv-accent);width:34%;height:.4rem;top:.48rem;left:.48rem}.pv-template-card__thumb--social i:nth-child(2){background:var(--pv-primary);border-radius:50%;width:1.6rem;height:1.6rem;bottom:.48rem;right:.48rem}.pv-template-card__thumb--social i:nth-child(3){background:var(--pv-bg);width:48%;height:.72rem;bottom:.55rem;left:.48rem}.pv-template-card__thumb--business{background:var(--pv-bg)}@supports (color:color-mix(in lab, red, red)){.pv-template-card__thumb--business{background:color-mix(in srgb,var(--pv-bg) 78%,#ddd)}}.pv-template-card__thumb--business i:first-child{background:var(--pv-primary);width:45%;top:.55rem;bottom:.55rem;left:.42rem;transform:rotate(-4deg)}.pv-template-card__thumb--business i:nth-child(2){background:var(--pv-surface);border:1px solid var(--pv-border);width:45%;top:.55rem;bottom:.55rem;right:.42rem;transform:rotate(4deg)}.pv-template-card__thumb--packaging{background:var(--pv-bg)}@supports (color:color-mix(in lab, red, red)){.pv-template-card__thumb--packaging{background:color-mix(in srgb,var(--pv-bg) 78%,#ddd)}}.pv-template-card__thumb--packaging i:first-child{background:var(--pv-primary);width:26%;height:2.5rem;bottom:.42rem;left:16%}.pv-template-card__thumb--packaging i:nth-child(2){background:var(--pv-secondary);border-radius:.55rem .55rem .18rem .18rem;width:22%;height:2rem;bottom:.42rem;left:46%}.pv-template-card__thumb--packaging i:nth-child(3){background:var(--pv-accent);width:18%;height:1.45rem;bottom:.42rem;right:8%}.pv-logo-upload{flex-direction:column;display:flex}.pv-logo-upload__drop{text-align:left;background:#ffffff7a;border:1px dashed #1717172e;border-radius:.78rem;grid-template-columns:2.55rem minmax(0,1fr);align-items:center;gap:.65rem;min-height:4.2rem;padding:.55rem .65rem;transition:border-color .15s,background .15s;display:grid}.pv-logo-upload__drop:hover,.pv-logo-upload.is-dragging .pv-logo-upload__drop{background:#fff;border-color:#17171761}.pv-logo-upload.has-logo .pv-logo-upload__drop{border-style:solid}.pv-logo-upload__icon{width:2.55rem;height:2.55rem;color:var(--acid);background:#171717;border-radius:.68rem;place-items:center;font-size:1rem;font-weight:950;display:grid}.pv-logo-upload__drop strong,.pv-logo-upload__drop small{min-width:0;display:block}.pv-logo-upload__drop strong{color:#171717;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;font-weight:900;overflow:hidden}.pv-logo-upload__drop small{color:#17171775;margin-top:.14rem;font-size:.56rem;line-height:1.35}.pv-logo-upload__meta{justify-content:space-between;align-items:center;gap:.6rem;margin-top:.52rem;display:flex}.pv-logo-upload__meta span{color:#1717176b;font-size:.55rem;line-height:1.35}.pv-logo-upload__meta button{color:#171717ad;flex:none;font-size:.58rem;font-weight:850}.pv-logo-upload__meta button:disabled{opacity:.3;cursor:not-allowed}.palette-layer-hint{justify-content:space-between;align-items:center;gap:1rem;display:flex}.palette-layer-hint b{color:#1717176b;font-size:.62rem;font-weight:760}.pv-logo-fallback{align-items:center;gap:.55rem;display:inline-flex}.pv-logo-fallback[hidden],.pv-user-logo[hidden]{display:none!important}.pv-user-logo{object-fit:contain;width:auto;max-width:9rem;height:auto;max-height:2.25rem;display:block}.pv-user-logo--hero{max-width:8rem;max-height:4rem;position:absolute;top:1.35rem;right:1.35rem}.pv-user-logo--website{max-width:12rem;max-height:5rem}.pv-user-logo--business{max-width:10rem;max-height:3rem}.pv-user-logo--package{max-width:9rem;max-height:3rem}.pv-social-logo .pv-user-logo{max-width:5rem;max-height:2rem}.pv-brand-screen{min-height:0;padding:1rem;background:0 0!important}.pv-web-mockup{border:1px solid var(--pv-border);background:var(--pv-bg);color:var(--pv-text);border-radius:1.2rem;overflow:hidden}.pv-web-mockup__nav{border-bottom:1px solid var(--pv-border);background:var(--pv-surface);grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;min-height:4.3rem;padding:.8rem 1rem;display:grid}.pv-web-mockup__nav nav{color:var(--pv-muted);justify-content:center;gap:1.35rem;font-size:.65rem;font-weight:780;display:flex}.pv-web-mockup__nav>button,.pv-web-mockup__actions>button:first-child{background:var(--pv-primary);min-height:2.3rem;color:var(--pv-primary-text);border-radius:.62rem;padding:0 .85rem;font-size:.64rem;font-weight:900}.pv-web-mockup__hero{grid-template-columns:1fr .88fr;align-items:stretch;gap:1rem;padding:1rem;display:grid}.pv-web-mockup__copy{flex-direction:column;justify-content:center;min-height:25rem;padding:clamp(1rem,4vw,3rem);display:flex}.pv-web-eyebrow{background:var(--pv-accent);color:var(--pv-accent-text);letter-spacing:.09em;border-radius:999px;align-self:flex-start;padding:.32rem .55rem;font-size:.56rem;font-weight:900}.pv-web-mockup__copy h2{max-width:38rem;color:var(--pv-text);letter-spacing:-.075em;margin:.9rem 0;font-size:clamp(2.35rem,5.2vw,5rem);line-height:.9}.pv-web-mockup__copy h2 em{color:var(--pv-secondary);font-style:normal}.pv-web-mockup__copy p{max-width:32rem;color:var(--pv-muted);margin:0;font-size:.76rem;line-height:1.6}.pv-web-mockup__actions{gap:.55rem;margin-top:1.15rem;display:flex}.pv-web-mockup__actions .is-secondary{border:1px solid var(--pv-secondary);min-height:2.3rem;color:var(--pv-secondary);border-radius:.62rem;padding:0 .85rem;font-size:.64rem;font-weight:900}.pv-web-mockup__visual{background:var(--pv-primary);border-radius:1rem;place-items:center;min-height:25rem;display:grid;position:relative;overflow:hidden}.pv-web-mark{background:var(--pv-brand);border-radius:2rem 4rem;width:8rem;height:8rem;transform:rotate(28deg)}.pv-web-color-stack{gap:.35rem;display:flex;position:absolute;bottom:1rem;right:1rem}.pv-web-color-stack i{border:3px solid #ffffffa6;border-radius:.65rem;width:2.8rem;height:2.8rem}.pv-web-color-stack i:first-child{background:var(--pv-accent)}.pv-web-color-stack i:nth-child(2){background:var(--pv-secondary)}.pv-web-color-stack i:nth-child(3){background:var(--pv-surface)}.pv-web-mockup__cards{grid-template-columns:repeat(3,1fr);gap:.7rem;padding:0 1rem 1rem;display:grid}.pv-web-mockup__cards article{border:1px solid var(--pv-border);background:var(--pv-surface);border-radius:.9rem;min-height:9rem;padding:.9rem}.pv-web-mockup__cards i{border-radius:.55rem;place-items:center;width:2rem;height:2rem;font-size:.56rem;font-style:normal;font-weight:950;display:grid}.pv-web-mockup__cards article:first-child i{background:var(--pv-primary);color:var(--pv-primary-text)}.pv-web-mockup__cards article:nth-child(2) i{background:var(--pv-secondary);color:var(--pv-secondary-text)}.pv-web-mockup__cards article:nth-child(3) i{background:var(--pv-accent);color:var(--pv-accent-text)}.pv-web-mockup__cards strong{color:var(--pv-text);margin-top:.7rem;font-size:.72rem;display:block}.pv-web-mockup__cards p{color:var(--pv-muted);margin:.25rem 0 0;font-size:.62rem;line-height:1.45}.pv-social-stage{border:1px solid var(--pv-border);background:var(--pv-bg);border-radius:1.2rem;grid-template-columns:minmax(0,1fr) minmax(15rem,.38fr);align-items:stretch;gap:.9rem;padding:1.1rem;display:grid}.pv-social-post{background:var(--pv-secondary);border-radius:1rem;min-height:39rem;padding:1.35rem;position:relative;overflow:hidden}.pv-social-post header{z-index:2;justify-content:space-between;align-items:center;gap:1rem;display:flex;position:relative}.pv-brand-lockup--on-color{color:var(--pv-brand)}.pv-social-post header>span{background:var(--pv-accent);color:var(--pv-accent-text);letter-spacing:.1em;border-radius:999px;padding:.35rem .58rem;font-size:.56rem;font-weight:950}.pv-social-post__copy{z-index:2;max-width:47rem;margin-top:clamp(5rem,10vw,10rem);position:relative}.pv-social-post__copy small{color:var(--pv-muted);letter-spacing:.12em;font-size:.62rem;font-weight:900}.pv-social-post__copy h2{color:var(--pv-text);letter-spacing:-.08em;margin:.7rem 0;font-size:clamp(3rem,7vw,7rem);line-height:.82}.pv-social-post__copy h2 em{color:var(--pv-accent);font-style:normal}.pv-social-post__copy p{max-width:30rem;color:var(--pv-muted);font-size:.78rem;line-height:1.55}.pv-social-post__orb{background:var(--pv-primary);border-radius:50%;width:19rem;height:19rem;position:absolute;bottom:-6rem;right:-5rem}.pv-social-caption{border:1px solid var(--pv-border);background:var(--pv-surface);border-radius:1rem;flex-direction:column;min-width:0;padding:1rem;display:flex}.pv-social-caption__profile{align-items:center;gap:.65rem;display:flex}.pv-social-caption__avatar{background:var(--pv-brand);width:2.8rem;height:2.8rem;color:var(--pv-brand-text);border-radius:50%;flex:none;place-items:center;font-weight:950;display:grid;overflow:hidden}.pv-social-caption__avatar .pv-user-logo{max-width:2.2rem;max-height:2.2rem}.pv-social-caption__profile strong,.pv-social-caption__profile span{display:block}.pv-social-caption__profile strong{color:var(--pv-text);font-size:.72rem}.pv-social-caption__profile span{color:var(--pv-muted);margin-top:.12rem;font-size:.6rem}.pv-social-caption>p{color:var(--pv-muted);margin:1rem 0;font-size:.68rem;line-height:1.55}.pv-social-caption__actions{border-top:1px solid var(--pv-border);gap:.5rem;margin-top:auto;padding-top:.8rem;display:flex}.pv-social-caption__actions b{font-size:.62rem}.pv-social-caption__actions b:first-child{color:var(--pv-primary)}.pv-social-caption__actions b:last-child{color:var(--pv-secondary)}.pv-business-stage{border:1px solid var(--pv-border);background:var(--pv-bg);border-radius:1.2rem;grid-template-columns:1fr 1fr;align-items:center;gap:1.2rem;min-height:37rem;padding:clamp(1rem,4vw,4rem);display:grid}.pv-business-card{aspect-ratio:1.75;border:1px solid var(--pv-border);box-shadow:0 18px 40px var(--pv-text);border-radius:1rem;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.pv-business-card{box-shadow:0 18px 40px color-mix(in srgb,var(--pv-text) 12%,transparent)}}.pv-business-card--front{background:var(--pv-primary);flex-direction:column;justify-content:space-between;padding:1.25rem;display:flex;transform:rotate(-2deg)}.pv-business-card__logo{color:var(--pv-brand)}.pv-business-card__logo .pv-logo-fallback{font-size:1.4rem;font-weight:950}.pv-business-card__logo .pv-logo-fallback i{background:var(--pv-brand);border-radius:.45rem .85rem;width:1.8rem;height:1.8rem;transform:rotate(28deg)}.pv-business-card--front>span{color:var(--pv-muted);letter-spacing:.13em;font-size:.58rem;font-weight:900}.pv-business-card__accent{background:var(--pv-accent);border-radius:50%;width:9rem;height:9rem;position:absolute;bottom:-3rem;right:-2rem}.pv-business-card--back{background:var(--pv-surface);flex-direction:column;justify-content:space-between;padding:1.25rem;display:flex;transform:rotate(2deg)}.pv-business-card--back small{color:var(--pv-accent);letter-spacing:.1em;font-size:.56rem;font-weight:900}.pv-business-card--back h2{color:var(--pv-text);letter-spacing:-.05em;margin:.45rem 0;font-size:2rem}.pv-business-card--back p{color:var(--pv-muted);margin:0;font-size:.65rem;line-height:1.55}.pv-business-card__footer{border-top:1px solid var(--pv-border);justify-content:space-between;align-items:center;padding-top:.7rem;display:flex}.pv-business-card__footer span{color:var(--pv-muted);font-size:.58rem}.pv-business-card__footer b{color:var(--pv-secondary);font-size:1rem}.pv-packaging-stage{border:1px solid var(--pv-border);background:var(--pv-bg);border-radius:1.2rem;grid-template-columns:.75fr .7fr 1fr;align-items:end;gap:1rem;min-height:40rem;padding:clamp(1rem,4vw,4rem);display:grid}.pv-package{border:1px solid var(--pv-border);box-shadow:0 18px 40px var(--pv-text);position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.pv-package{box-shadow:0 18px 40px color-mix(in srgb,var(--pv-text) 12%,transparent)}}.pv-package--box{background:var(--pv-primary);border-radius:.45rem;flex-direction:column;min-height:31rem;padding:1.25rem;display:flex}.pv-package__brand{color:var(--pv-brand)}.pv-package__brand .pv-logo-fallback{font-size:1rem;font-weight:950}.pv-package__brand .pv-logo-fallback i{background:var(--pv-brand);border-radius:.35rem .7rem;width:1.4rem;height:1.4rem;transform:rotate(28deg)}.pv-package--box>strong{color:var(--pv-text);letter-spacing:-.07em;margin:auto 0 .8rem;font-size:3.1rem;line-height:.88}.pv-package--box>span{color:var(--pv-muted);font-size:.58rem;font-weight:850}.pv-package--box>i{background:var(--pv-accent);border-radius:50%;width:7rem;height:7rem;position:absolute;top:1rem;right:-2rem}.pv-package--pouch{background:var(--pv-secondary);border-radius:1.3rem 1.3rem .7rem .7rem;flex-direction:column;justify-content:space-between;min-height:25rem;padding:1.1rem;display:flex}.pv-package__seal{background:var(--pv-accent);width:2.6rem;height:2.6rem;color:var(--pv-accent-text);border-radius:50%;place-items:center;font-size:.72rem;font-weight:950;display:grid}.pv-package--pouch small{color:var(--pv-muted);letter-spacing:.1em;font-size:.54rem;font-weight:900}.pv-package--pouch h2{max-width:15rem;color:var(--pv-text);letter-spacing:-.055em;margin:.45rem 0 0;font-size:2rem;line-height:.95}.pv-package-info{border:1px solid var(--pv-border);background:var(--pv-surface);border-radius:1rem;min-height:20rem;padding:1.15rem}.pv-package-info>span{color:var(--pv-accent);letter-spacing:.1em;font-size:.56rem;font-weight:900}.pv-package-info h3{color:var(--pv-text);letter-spacing:-.045em;margin:.65rem 0;font-size:1.65rem;line-height:1}.pv-package-info p{color:var(--pv-muted);margin:0;font-size:.68rem;line-height:1.55}.pv-package-info>div{border-top:1px solid var(--pv-border);gap:.4rem;margin-top:1.1rem;padding-top:.9rem;display:flex}.pv-package-info>div i{border-radius:.55rem;width:2.6rem;height:2.6rem}.pv-package-info>div i:first-child{background:var(--pv-primary)}.pv-package-info>div i:nth-child(2){background:var(--pv-secondary)}.pv-package-info>div i:nth-child(3){background:var(--pv-accent)}[data-theme=dark] .pv-template-picker,[data-theme=dark] .pv-logo-upload{background:#ffffff09;border-color:#ffffff1a}[data-theme=dark] .pv-brand-controls__head span,[data-theme=dark] .pv-brand-controls__head small,[data-theme=dark] .pv-template-card>small,[data-theme=dark] .pv-logo-upload__drop small,[data-theme=dark] .pv-logo-upload__meta span,[data-theme=dark] .palette-layer-hint b{color:#f5f2ed80}[data-theme=dark] .pv-brand-controls__head strong,[data-theme=dark] .pv-template-card>strong,[data-theme=dark] .pv-logo-upload__drop strong{color:#f5f2ed}[data-theme=dark] .pv-template-card,[data-theme=dark] .pv-logo-upload__drop{background:#ffffff0b;border-color:#ffffff1a}[data-theme=dark] .pv-template-card:hover,[data-theme=dark] .pv-template-card.is-active,[data-theme=dark] .pv-logo-upload__drop:hover,[data-theme=dark] .pv-logo-upload.is-dragging .pv-logo-upload__drop{background:#ffffff14}[data-theme=dark] .pv-template-card.is-active{border-color:var(--acid);box-shadow:inset 0 0 0 1px var(--acid)}[data-theme=dark] .pv-logo-upload__icon{background:var(--acid);color:#171717}[data-theme=dark] .pv-logo-upload__meta button{color:#f5f2edb3}@media (width<=1100px){.pv-brand-controls{grid-template-columns:1fr}.pv-template-cards{grid-template-columns:repeat(5,minmax(8.5rem,1fr));padding-bottom:.15rem;overflow-x:auto}.pv-social-stage{grid-template-columns:1fr}.pv-social-post{min-height:32rem}.pv-business-stage{min-height:30rem}.pv-packaging-stage{grid-template-columns:1fr 1fr}.pv-package-info{grid-column:1/-1}}@media (width<=820px){.pv-brand-controls__head{flex-direction:column;align-items:flex-start;gap:.25rem}.pv-brand-controls__head small{white-space:normal}.pv-web-mockup__nav{grid-template-columns:1fr auto}.pv-web-mockup__nav nav{display:none}.pv-web-mockup__hero{grid-template-columns:1fr}.pv-web-mockup__copy,.pv-web-mockup__visual{min-height:20rem}.pv-web-mockup__cards{grid-template-columns:1fr}.pv-business-stage{grid-template-columns:1fr;padding:1.4rem}.pv-business-card{justify-self:center;width:min(32rem,100%)}.pv-packaging-stage{grid-template-columns:1fr;align-items:stretch}.pv-package--box,.pv-package--pouch,.pv-package-info{min-height:19rem}.pv-package-info{grid-column:auto}}@media (width<=620px){.pv-brand-controls{padding:.7rem .7rem 0}.pv-template-picker,.pv-logo-upload{padding:.7rem}.pv-template-cards{grid-template-columns:repeat(5,8rem)}.palette-layer-hint{flex-direction:column;align-items:flex-start;gap:.25rem}.pv-brand-screen{padding:.55rem}.pv-social-stage,.pv-web-mockup__hero{padding:.7rem}.pv-social-post{min-height:28rem;padding:1rem}.pv-social-post__copy{margin-top:5rem}.pv-social-post__copy h2{font-size:3rem}.pv-business-stage,.pv-packaging-stage{padding:.9rem}.pv-business-card--back h2{font-size:1.55rem}}.home-palette-browser{max-width:1500px;margin:0 auto;padding:.4rem 0 5rem}.home-palette-browser__head{justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:1rem;display:flex}.home-palette-browser__eyebrow,.palette-browser-kicker{color:#1113187a;letter-spacing:.09em;text-transform:uppercase;margin:0 0 .35rem;font-size:.8rem;font-weight:850;line-height:1.35}.home-palette-browser__head h2{color:#111318;letter-spacing:-.05em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,3vw,3rem);font-weight:500;line-height:1}.home-palette-browser__head p:last-child{color:#11131894;max-width:40rem;margin:.6rem 0 0;font-size:.92rem;line-height:1.6}.home-palette-browser__all,.home-palette-browser__mobile-all{color:#111318;background:#ffffff80;border:1px solid #1113181c;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:.55rem;min-height:2.7rem;padding:0 1rem;font-size:.8rem;font-weight:850;transition:transform .16s,background-color .16s,border-color .16s;display:inline-flex}.home-palette-browser__all:hover,.home-palette-browser__mobile-all:hover{background:#fffdf8;border-color:#1113182e;transform:translateY(-2px)}.home-palette-browser__mobile-all{display:none}.home-palette-browser__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;display:grid}.home-palette-browser-card{background:#ffffff57;border:1px solid #11131814;border-radius:1.05rem;min-width:0;transition:transform .17s,box-shadow .17s,border-color .17s;overflow:hidden}.home-palette-browser-card:hover{border-color:#11131821;transform:translateY(-3px);box-shadow:0 14px 28px #11131811}.home-palette-browser-card__colors{grid-template-columns:repeat(5,minmax(0,1fr));min-height:6.6rem;display:grid}.home-palette-browser-card__color{background:var(--home-browser-color);color:#fff;cursor:copy;border:0;min-width:0;transition:filter .15s,transform .15s;position:relative}.home-palette-browser-card__color:hover,.home-palette-browser-card__color:focus-visible{z-index:1;filter:brightness(1.05);transform:scaleX(1.05)}.home-palette-browser-card__color span{opacity:0;color:inherit;text-align:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.62rem;font-weight:900;transition:opacity .15s,transform .15s;position:absolute;bottom:.5rem;left:.12rem;right:.12rem;transform:translateY(3px)}.home-palette-browser-card__color:hover span,.home-palette-browser-card__color:focus-visible span{opacity:.95;transform:translateY(0)}.home-palette-browser-card__body{justify-content:space-between;align-items:center;gap:.8rem;padding:.9rem 1rem;display:flex}.home-palette-browser-card__body h3{color:#111318;letter-spacing:-.025em;margin:0;font-size:.96rem;font-weight:900}.home-palette-browser-card__body p{color:#1113188a;margin:.22rem 0 0;font-size:.76rem;line-height:1.4}.home-palette-browser-card__body>a{color:#fff;background:#111318;border-radius:999px;flex:none;place-items:center;width:2.2rem;height:2.2rem;font-size:.9rem;font-weight:850;transition:transform .16s;display:grid}.home-palette-browser-card__body>a:hover{transform:translate(2px)}html[data-theme=dark] .home-palette-browser__eyebrow,html[data-theme=dark] .palette-browser-kicker{color:#f6f3ed8f}html[data-theme=dark] .home-palette-browser__head h2,html[data-theme=dark] .home-palette-browser-card__body h3{color:#f6f3ed}html[data-theme=dark] .home-palette-browser__head p:last-child,html[data-theme=dark] .home-palette-browser-card__body p{color:#f6f3eda3}html[data-theme=dark] .home-palette-browser-card{background:#ffffff09;border-color:#ffffff17}html[data-theme=dark] .home-palette-browser-card:hover{border-color:#ffffff26;box-shadow:0 16px 34px #0003}html[data-theme=dark] .home-palette-browser__all,html[data-theme=dark] .home-palette-browser__mobile-all{color:#f6f3ed;background:#ffffff0e;border-color:#ffffff1f}html[data-theme=dark] .home-palette-browser__all:hover,html[data-theme=dark] .home-palette-browser__mobile-all:hover{background:#ffffff17;border-color:#fff3}html[data-theme=dark] .home-palette-browser-card__body>a{color:#111318;background:#f6f3ed}.palette-browser-page{color:#111318;background:#f7f3ec;min-height:100vh}.palette-browser-main{width:100%;padding:2.4rem 3rem 5rem}.palette-browser-inner{width:100%;max-width:1500px;margin:0 auto}.palette-browser-hero{justify-content:space-between;align-items:flex-end;gap:3rem;padding:1.3rem 0 2.2rem;display:flex}.palette-browser-hero h1{color:#101114;letter-spacing:-.07em;max-width:48rem;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(3.3rem,6vw,6.3rem);font-weight:500;line-height:.88}.palette-browser-hero h1 span{color:var(--acid)}.palette-browser-hero>div:first-child>p:last-child{color:#11131894;max-width:40rem;margin:1.25rem 0 0;font-size:1rem;line-height:1.65}.palette-browser-heading__badges{flex-wrap:wrap;justify-content:flex-end;gap:.45rem;display:flex}.palette-browser-heading__badges span{color:#1717178c;letter-spacing:.06em;text-transform:uppercase;backdrop-filter:blur(10px);background:#ffffff7a;border:1px solid #17171717;border-radius:999px;padding:.5rem .68rem;font-size:.8rem;font-weight:900;line-height:1}.palette-browser-toolbar{background:#ffffff57;border:1px solid #11131814;border-radius:1.15rem;grid-template-columns:minmax(17rem,1fr) minmax(0,2fr);align-items:center;gap:.8rem;padding:.9rem;display:grid}.palette-browser-search{background:#ffffffb8;border:1px solid #1113181a;border-radius:.85rem;align-items:center;gap:.7rem;min-height:3.15rem;padding:0 .9rem;display:flex}.palette-browser-search svg{fill:none;stroke:#11131885;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;flex:none;width:1.1rem;height:1.1rem}.palette-browser-search input{color:#111318;width:100%;font-size:.88rem;box-shadow:none!important;background:0 0!important;border:0!important;outline:0!important;padding:0!important}.palette-browser-search input::placeholder{color:#11131866}.palette-browser-filters{flex-wrap:wrap;justify-content:flex-end;gap:.45rem;min-width:0;display:flex}.palette-browser-filter{color:#111318b3;cursor:pointer;background:#fff6;border:1px solid #11131817;border-radius:999px;min-height:2.35rem;padding:0 .8rem;font-size:.74rem;font-weight:820;transition:background-color .15s,color .15s,border-color .15s,transform .15s}.palette-browser-filter:hover{border-color:#11131829;transform:translateY(-1px)}.palette-browser-filter.is-active{color:#fff;background:#111318;border-color:#111318}.palette-browser-results-meta{color:#11131880;justify-content:space-between;align-items:center;gap:1rem;padding:1.15rem .1rem .75rem;font-size:.78rem;font-weight:800;display:flex}.palette-browser-results-meta button{color:#111318;cursor:pointer;background:0 0;border:0;align-items:center;gap:.45rem;font-size:.78rem;font-weight:850;display:inline-flex}.palette-browser-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;display:grid}.palette-browser-card{background:#ffffff57;border:1px solid #11131814;border-radius:1.15rem;min-width:0;transition:transform .18s,border-color .18s,box-shadow .18s;overflow:hidden}.palette-browser-card[hidden]{display:none!important}.palette-browser-card:hover{border-color:#11131824;transform:translateY(-3px);box-shadow:0 16px 32px #11131812}.palette-browser-card__colors{grid-template-columns:repeat(5,minmax(0,1fr));min-height:10.5rem;display:grid}.palette-browser-card__color{background:var(--palette-card-color);cursor:copy;border:0;min-width:0;transition:filter .15s,transform .15s;position:relative}.palette-browser-card__color:hover,.palette-browser-card__color:focus-visible{z-index:1;filter:brightness(1.06);transform:scaleX(1.045)}.palette-browser-card__color span{opacity:0;color:var(--palette-card-text,#fff);text-align:center;text-shadow:0 1px 3px #00000059;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.64rem;font-weight:900;transition:opacity .15s,transform .15s;position:absolute;bottom:.7rem;left:.1rem;right:.1rem;transform:translateY(4px)}.palette-browser-card__color:hover span,.palette-browser-card__color:focus-visible span{opacity:1;transform:none}.palette-browser-card__body{padding:1rem}.palette-browser-card__topline{justify-content:space-between;align-items:flex-start;gap:.8rem;display:flex}.palette-browser-card__topline h2{color:#111318;letter-spacing:-.025em;margin:0;font-size:1rem;font-weight:900}.palette-browser-card__topline p{color:#1113188a;margin:.28rem 0 0;font-size:.77rem;line-height:1.45}.palette-browser-card__category{color:#1113189e;background:#ffffff80;border:1px solid #11131817;border-radius:999px;flex:none;padding:.32rem .55rem;font-size:.64rem;font-weight:850}.palette-browser-card__actions{border-top:1px solid #11131813;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.55rem .9rem;margin-top:1rem;padding-top:.85rem;display:flex}.palette-browser-card__actions button,.palette-browser-card__actions a{color:#111318;cursor:pointer;background:0 0;border:0;padding:0;font-size:.76rem;font-weight:850}.palette-browser-card__actions a{align-items:center;gap:.4rem;display:inline-flex}.palette-browser-card__actions .palette-browser-card__brand-link{color:#5b50c8;margin-left:auto}.palette-browser-card__actions a span{transition:transform .15s}.palette-browser-card__actions a:hover span{transform:translate(3px)}.palette-browser-empty{color:#1113188c;text-align:center;border:1px dashed #11131826;border-radius:1rem;margin-top:.9rem;padding:3rem 1rem}.palette-browser-empty strong{color:#111318;font-size:1rem;display:block}.palette-browser-empty span{margin-top:.35rem;font-size:.82rem;display:block}.palette-browser-results-info{align-items:center;gap:.7rem;display:flex}.palette-browser-page-summary{align-items:center;gap:.45rem;display:inline-flex}.palette-browser-page-summary:before{content:"";opacity:.5;background:currentColor;border-radius:999px;width:3px;height:3px}.palette-browser-pagination{justify-content:center;align-items:center;gap:.65rem;margin-top:2rem;display:flex}.palette-browser-pagination[hidden]{display:none!important}.palette-browser-page-buttons{justify-content:center;align-items:center;gap:.3rem;display:flex}.palette-browser-pagination__nav,.palette-browser-page-button{color:#111318;cursor:pointer;background:#ffffff8c;border:1px solid #1113181a;min-height:2.65rem;font-size:.77rem;font-weight:850;transition:background-color .15s,border-color .15s,color .15s,transform .15s}.palette-browser-pagination__nav{border-radius:999px;padding:0 1rem}.palette-browser-page-button{border-radius:999px;place-items:center;min-width:2.65rem;padding:0 .65rem;display:grid}.palette-browser-pagination__nav:hover:not(:disabled),.palette-browser-page-button:hover:not(.is-active){background:#ffffffe6;border-color:#1113182b;transform:translateY(-1px)}.palette-browser-pagination__nav:disabled{cursor:not-allowed;opacity:.34}.palette-browser-page-button.is-active{color:#fff;background:#111318;border-color:#111318}.palette-browser-page-dots{color:#11131861;padding:0 .2rem;font-size:.82rem;font-weight:900}html[data-theme=dark] .palette-browser-page{color:#f6f3ed;background:#111318}html[data-theme=dark] .palette-browser-hero h1,html[data-theme=dark] .palette-browser-stat strong,html[data-theme=dark] .palette-browser-card__topline h2,html[data-theme=dark] .palette-browser-card__actions button,html[data-theme=dark] .palette-browser-card__actions a,html[data-theme=dark] .palette-browser-results-meta button,html[data-theme=dark] .palette-browser-empty strong{color:#f6f3ed}html[data-theme=dark] .palette-browser-hero>div:first-child>p:last-child,html[data-theme=dark] .palette-browser-stat span,html[data-theme=dark] .palette-browser-card__topline p,html[data-theme=dark] .palette-browser-results-meta,html[data-theme=dark] .palette-browser-empty{color:#f6f3eda3}html[data-theme=dark] .palette-browser-stat,html[data-theme=dark] .palette-browser-toolbar,html[data-theme=dark] .palette-browser-card{background:#ffffff09;border-color:#ffffff17}html[data-theme=dark] .palette-browser-card:hover{border-color:#ffffff26;box-shadow:0 16px 34px #00000038}html[data-theme=dark] .palette-browser-search{background:#ffffff0e;border-color:#ffffff1c}html[data-theme=dark] .palette-browser-search svg{stroke:#f6f3ed94}html[data-theme=dark] .palette-browser-search input{color:#f6f3ed}html[data-theme=dark] .palette-browser-search input::placeholder{color:#f6f3ed66}html[data-theme=dark] .palette-browser-filter{color:#f6f3edb8;background:#ffffff0a;border-color:#ffffff17}html[data-theme=dark] .palette-browser-filter.is-active{color:#111318;background:#f6f3ed;border-color:#f6f3ed}html[data-theme=dark] .palette-browser-card__category{color:#f6f3edad;background:#ffffff0d;border-color:#ffffff17}html[data-theme=dark] .palette-browser-card__actions{border-top-color:#ffffff14}html[data-theme=dark] .palette-browser-empty{border-color:#ffffff24}html[data-theme=dark] .palette-browser-pagination__nav,html[data-theme=dark] .palette-browser-page-button{color:#f6f3ed;background:#ffffff0b;border-color:#ffffff1a}html[data-theme=dark] .palette-browser-pagination__nav:hover:not(:disabled),html[data-theme=dark] .palette-browser-page-button:hover:not(.is-active){background:#ffffff17;border-color:#ffffff2e}html[data-theme=dark] .palette-browser-page-button.is-active{color:#111318;background:#f6f3ed;border-color:#f6f3ed}html[data-theme=dark] .palette-browser-page-dots{color:#f6f3ed66}@media (width<=1100px){.home-palette-browser__grid,.palette-browser-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.palette-browser-toolbar{grid-template-columns:1fr}.palette-browser-filters{justify-content:flex-start}}@media (width<=760px){.home-palette-browser{padding-top:.25rem;padding-bottom:3.4rem}.home-palette-browser__head{flex-direction:column;align-items:flex-start;gap:1rem}.home-palette-browser__all{display:none}.home-palette-browser__mobile-all{margin-top:.85rem;display:flex}.home-palette-browser__grid{grid-template-columns:1fr}.home-palette-browser-card__colors{min-height:6rem}.home-palette-browser-card__color span{opacity:.92;transform:none}.palette-browser-main{padding:1.6rem 2rem 3.8rem}.palette-browser-hero{flex-direction:column;align-items:flex-start;gap:1.2rem;padding-top:.8rem}.palette-browser-hero h1{font-size:clamp(3.1rem,13vw,5rem)}.palette-browser-stat{justify-content:space-between;align-items:baseline;width:100%;min-height:0;display:flex}.palette-browser-stat strong{font-size:2.25rem}.palette-browser-grid{grid-template-columns:1fr}.palette-browser-card__colors{min-height:9rem}.palette-browser-card__color span{opacity:.9;transform:none}}@media (width<=500px){.palette-browser-main{padding-left:1rem;padding-right:1rem}.palette-browser-toolbar{padding:.7rem}.palette-browser-filters{scrollbar-width:none;flex-wrap:nowrap;padding-bottom:.15rem;overflow-x:auto}.palette-browser-filters::-webkit-scrollbar{display:none}.palette-browser-filter{flex:none}.palette-browser-card__colors{min-height:8.2rem}.palette-browser-card__actions{flex-direction:column;align-items:flex-start}.palette-browser-results-info{flex-direction:column;align-items:flex-start;gap:.25rem}.palette-browser-page-summary:before{display:none}.palette-browser-pagination{flex-wrap:wrap}.palette-browser-page-buttons{order:3;width:100%}.palette-browser-pagination__nav{flex:8rem;max-width:12rem}}[data-theme=dark] .palette-browser-heading__badges span{color:#f5f2edb3;background:#ffffff0b;border-color:#ffffff17}@media (width<=900px){.palette-browser-heading__badges{justify-content:flex-start}}@media (width<=639px){.palette-browser-heading__badges{gap:.3rem}.palette-browser-heading__badges span{padding:.4rem .5rem;font-size:.8rem}}.color-library-page,.color-detail-page{color:#111318;background:#f7f3ec;min-height:100vh}.color-library-main,.color-detail-main{width:100%;padding:2.4rem 3rem 5rem}.color-library-inner,.color-detail-inner{width:100%;max-width:1500px;margin:0 auto}.color-library-hero{justify-content:space-between;align-items:flex-end;gap:3rem;padding:1.3rem 0 2.2rem;display:flex}.color-library-kicker,.color-detail-kicker,.color-detail-section__heading p,.color-detail-panel__heading p,.color-detail-cta p{color:#11131875;letter-spacing:.11em;text-transform:uppercase;margin:0 0 .7rem;font-size:.7rem;font-weight:850}.color-library-hero h1{color:#101114;letter-spacing:-.07em;max-width:54rem;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(3.3rem,6vw,6.3rem);font-weight:500;line-height:.88}.color-library-hero h1 span{color:var(--acid)}.color-library-hero>div:first-child>p:last-child{color:#11131894;max-width:44rem;margin:1.25rem 0 0;font-size:1rem;line-height:1.65}.color-library-heading__badges{flex-wrap:wrap;justify-content:flex-end;gap:.45rem;display:flex}.color-library-heading__badges span{color:#1717178c;letter-spacing:.06em;text-transform:uppercase;backdrop-filter:blur(10px);background:#ffffff7a;border:1px solid #17171717;border-radius:999px;padding:.5rem .68rem;font-size:.8rem;font-weight:900;line-height:1}.color-library-toolbar{background:#ffffff57;border:1px solid #11131814;border-radius:1.15rem;grid-template-columns:minmax(18rem,.85fr) minmax(0,2fr);align-items:center;gap:.8rem;padding:.9rem;display:grid}.color-library-search{background:#ffffffb8;border:1px solid #1113181a;border-radius:.85rem;align-items:center;gap:.7rem;min-height:3.15rem;padding:0 .9rem;display:flex}.color-library-search svg{fill:none;stroke:#11131885;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;flex:none;width:1.1rem;height:1.1rem}.color-library-search input{color:#111318;width:100%;font-size:.88rem;box-shadow:none!important;background:0 0!important;border:0!important;outline:0!important;padding:0!important}.color-library-filters{flex-wrap:wrap;justify-content:flex-end;gap:.45rem;min-width:0;display:flex}.color-library-filter{color:#111318b3;cursor:pointer;background:#fff6;border:1px solid #11131817;border-radius:999px;min-height:2.35rem;padding:0 .8rem;font-size:.74rem;font-weight:820;transition:background-color .15s,color .15s,border-color .15s,transform .15s}.color-library-filter:hover{border-color:#11131829;transform:translateY(-1px)}.color-library-filter.is-active{color:#fff;background:#111318;border-color:#111318}.color-library-results-meta{color:#11131880;justify-content:space-between;align-items:center;gap:1rem;padding:1.15rem .1rem .75rem;font-size:.78rem;font-weight:800;display:flex}.color-library-results-info{align-items:center;gap:.7rem;display:flex}.color-library-page-summary{align-items:center;gap:.45rem;display:inline-flex}.color-library-page-summary:before{content:"";opacity:.5;background:currentColor;border-radius:999px;width:3px;height:3px}.color-library-results-meta>button{color:#111318;cursor:pointer;background:0 0;border:0;align-items:center;gap:.45rem;font-size:.78rem;font-weight:850;display:inline-flex}.color-library-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:.8rem;display:grid}.color-library-card{color:#111318;background:#ffffff5c;border:1px solid #11131814;border-radius:1rem;min-width:0;transition:transform .16s,border-color .16s,box-shadow .16s;display:block;overflow:hidden}.color-library-card:hover{border-color:#11131826;transform:translateY(-3px);box-shadow:0 14px 28px #11131812}.color-library-card__swatch{background:var(--library-color);min-height:7.5rem;color:var(--library-text);align-items:flex-end;padding:.65rem;display:flex}.color-library-card__swatch b{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.66rem;font-weight:900}.color-library-card__body{justify-content:space-between;align-items:flex-start;gap:.55rem;padding:.8rem;display:flex}.color-library-card__body>span{min-width:0}.color-library-card__body strong{letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;font-weight:900;display:block;overflow:hidden}.color-library-card__body small{color:#11131880;text-overflow:ellipsis;white-space:nowrap;margin-top:.22rem;font-size:.66rem;line-height:1.35;display:block;overflow:hidden}.color-library-card__body em{color:#1113188c;border:1px solid #11131814;border-radius:999px;flex:none;padding:.26rem .42rem;font-size:.56rem;font-style:normal;font-weight:850}.color-library-pagination{justify-content:center;align-items:center;gap:.65rem;margin-top:2rem;display:flex}.color-library-pagination[hidden]{display:none!important}.color-library-page-buttons{justify-content:center;align-items:center;gap:.3rem;display:flex}.color-library-pagination__nav,.color-library-page-button{color:#111318;cursor:pointer;background:#ffffff8c;border:1px solid #1113181a;min-height:2.65rem;font-size:.77rem;font-weight:850;transition:background-color .15s,border-color .15s,color .15s,transform .15s}.color-library-pagination__nav{border-radius:999px;padding:0 1rem}.color-library-page-button{border-radius:999px;place-items:center;min-width:2.65rem;padding:0 .65rem;display:grid}.color-library-pagination__nav:hover:not(:disabled),.color-library-page-button:hover:not(.is-active){background:#ffffffe6;border-color:#1113182b;transform:translateY(-1px)}.color-library-pagination__nav:disabled{cursor:not-allowed;opacity:.34}.color-library-page-button.is-active{color:#fff;background:#111318;border-color:#111318}.color-library-page-dots{color:#11131861;padding:0 .2rem;font-size:.82rem;font-weight:900}.color-library-empty{color:#1113188c;text-align:center;border:1px dashed #11131826;border-radius:1rem;margin-top:.9rem;padding:3rem 1rem}.color-library-empty strong{color:#111318;font-size:1rem;display:block}.color-library-empty span{margin-top:.35rem;font-size:.82rem;display:block}.color-detail-breadcrumb{color:#1113187a;align-items:center;gap:.55rem;padding:.8rem 0 1.1rem;font-size:.72rem;font-weight:800;display:flex}.color-detail-breadcrumb a{color:#111318}.color-detail-breadcrumb span[aria-hidden=true]{opacity:.36}.color-detail-hero{grid-template-columns:minmax(22rem,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(2rem,5vw,5.5rem);padding:1rem 0 3.2rem;display:grid}.color-detail-swatch{background:var(--detail-color);min-height:clamp(23rem,38vw,35rem);color:var(--detail-text);text-align:left;cursor:copy;border:1px solid #11131814;border-radius:1.55rem;flex-direction:column;justify-content:space-between;padding:1.25rem;transition:transform .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #1113181c}.color-detail-swatch:hover{transform:translateY(-3px);box-shadow:0 25px 60px #11131824}.color-detail-swatch__top,.color-detail-swatch__bottom{letter-spacing:.05em;text-transform:uppercase;opacity:.78;font-size:.72rem;font-weight:850}.color-detail-swatch strong{letter-spacing:-.06em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(2rem,5vw,4.4rem);font-weight:900}.color-detail-hero__copy{max-width:48rem}.color-detail-hero__copy h1{color:#101114;letter-spacing:-.075em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(4rem,7vw,7.2rem);font-weight:500;line-height:.86}.color-detail-lede{color:#111318;margin:1.35rem 0 0;font-size:1rem;line-height:1.55}.color-detail-lede strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:900}.color-detail-description{color:#11131894;max-width:40rem;margin:.9rem 0 0;font-size:1rem;line-height:1.65}.color-detail-actions{flex-wrap:wrap;gap:.55rem;margin-top:1.45rem;display:flex}.color-detail-action{color:#111318;background:#ffffff85;border:1px solid #1113181a;border-radius:.72rem;justify-content:center;align-items:center;gap:.55rem;min-height:2.75rem;padding:0 .95rem;font-size:.76rem;font-weight:850;transition:transform .15s,background-color .15s;display:inline-flex}.color-detail-action:hover{background:#ffffffe6;transform:translateY(-2px)}.color-detail-action--primary{color:#fff;background:#111318;border-color:#111318}.color-detail-action--primary:hover{background:#111318}.color-detail-section{border-top:1px solid #11131814;padding:2.2rem 0}.color-detail-section__heading{justify-content:space-between;align-items:flex-end;gap:1.5rem;margin-bottom:1rem;display:flex}.color-detail-section__heading h2,.color-detail-panel__heading h2,.color-detail-cta h2{color:#111318;letter-spacing:-.05em;margin:0;font-size:clamp(1.55rem,2.6vw,2.25rem);font-weight:900;line-height:1.05}.color-detail-section__heading>span,.color-detail-section__heading>a{color:#11131885;font-size:.75rem;font-weight:800}.color-detail-section__heading>a{color:#111318}.color-format-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.color-format-card{color:#111318;text-align:left;cursor:copy;background:#ffffff61;border:1px solid #11131814;border-radius:1rem;align-content:end;gap:.45rem;min-width:0;min-height:7.5rem;padding:1rem;transition:transform .15s,border-color .15s,background-color .15s;display:grid}.color-format-card:hover{background:#ffffffb3;border-color:#11131826;transform:translateY(-2px)}.color-format-card span{color:#11131873;letter-spacing:.08em;text-transform:uppercase;font-size:.65rem;font-weight:850}.color-format-card strong{overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(.85rem,1.4vw,1.1rem);font-weight:900}.color-format-card--css{grid-column:span 2}.color-detail-two-column{border-top:1px solid #11131814;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;padding:2.2rem 0;display:grid}.color-detail-panel{background:#ffffff59;border:1px solid #11131814;border-radius:1.2rem;min-width:0;padding:1.1rem}.color-detail-panel__heading{padding:.3rem .2rem 1rem}.color-contrast-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;display:grid}.color-contrast-sample{background:var(--sample-bg);border-radius:.9rem;align-content:space-between;min-height:11rem;padding:.9rem;display:grid}.color-contrast-sample>span{font-family:Georgia,Times New Roman,serif;font-size:3rem;font-weight:700;line-height:1}.color-contrast-sample div{color:#fff;text-shadow:0 1px 4px #0000004d;gap:.15rem;display:grid}.color-contrast-sample--dark div{color:#111318;text-shadow:0 1px 3px #ffffff47}.color-contrast-sample strong{font-size:1rem;font-weight:950}.color-contrast-sample small{font-size:.64rem;font-weight:800}.color-detail-panel__link{color:#111318;align-items:center;gap:.45rem;margin:.9rem .2rem .1rem;font-size:.76rem;font-weight:850;display:inline-flex}.color-harmony-group+.color-harmony-group{margin-top:.85rem}.color-harmony-group>span{color:#1113187a;margin-bottom:.4rem;font-size:.66rem;font-weight:850;display:block}.color-harmony-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.color-harmony-row--three{grid-template-columns:repeat(3,minmax(0,1fr))}.color-harmony-row button{cursor:copy;background:#fff6;border:1px solid #11131814;border-radius:.8rem;padding:0;display:grid;overflow:hidden}.color-harmony-row i{background:var(--harmony-color);min-height:5.7rem;display:block}.color-harmony-row b{color:#111318;padding:.55rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.65rem;font-weight:900}.color-tone-strip{border:1px solid #11131814;border-radius:1.15rem;grid-template-columns:repeat(5,minmax(0,1fr));min-height:13rem;display:grid;overflow:hidden}.color-tone-strip button{background:var(--tone-color);min-width:0;color:var(--tone-text);text-align:left;cursor:copy;border:0;flex-direction:column;justify-content:space-between;padding:.85rem;display:flex}.color-tone-strip span{letter-spacing:.05em;text-transform:uppercase;opacity:.75;font-size:.6rem;font-weight:850}.color-tone-strip strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;font-weight:900}.color-related-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;display:grid}.color-related-card{color:#111318;background:#ffffff59;border:1px solid #11131814;border-radius:.9rem;grid-template-columns:3.3rem minmax(0,1fr) auto;align-items:center;gap:.75rem;min-width:0;padding:.65rem;transition:transform .15s,border-color .15s;display:grid}.color-related-card:hover{border-color:#11131826;transform:translateY(-2px)}.color-related-card>span{background:var(--related-color);border-radius:.65rem;width:3.3rem;height:3.3rem}.color-related-card div{min-width:0}.color-related-card strong,.color-related-card small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.color-related-card strong{font-size:.78rem;font-weight:900}.color-related-card small{color:#11131880;margin-top:.18rem;font-size:.64rem}.color-related-card i{color:#1113186b;font-style:normal}.color-palette-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.color-palette-card{background:#ffffff59;border:1px solid #11131814;border-radius:1rem;overflow:hidden}.color-palette-card__swatches{grid-template-columns:repeat(5,minmax(0,1fr));min-height:7.2rem;display:grid}.color-palette-card__swatches i{background:var(--palette-color)}.color-palette-card__body{justify-content:space-between;align-items:center;gap:.8rem;padding:.85rem;display:flex}.color-palette-card__body strong,.color-palette-card__body small{display:block}.color-palette-card__body strong{font-size:.82rem;font-weight:900}.color-palette-card__body small{color:#11131880;margin-top:.2rem;font-size:.65rem}.color-palette-card__body>a{color:#fff;background:#111318;border-radius:50%;flex:none;place-items:center;width:2rem;height:2rem;font-weight:900;display:grid}.color-detail-cta{background:#ffffff59;border:1px solid #11131814;border-radius:1.3rem;grid-template-columns:1fr 1fr;align-items:end;gap:2rem;margin-top:1rem;padding:1.2rem;display:grid}.color-detail-cta>div:last-child{gap:.45rem;display:grid}.color-detail-cta>div:last-child a{color:#111318;border-bottom:1px solid #11131814;justify-content:space-between;align-items:center;gap:.8rem;min-height:2.8rem;font-size:.78rem;font-weight:850;display:flex}.color-detail-cta>div:last-child a:last-child{border-bottom:0}html[data-theme=dark] .color-library-page,html[data-theme=dark] .color-detail-page{color:#f6f3ed;background:#111318}html[data-theme=dark] .color-library-hero h1,html[data-theme=dark] .color-library-results-meta>button,html[data-theme=dark] .color-library-card,html[data-theme=dark] .color-library-empty strong,html[data-theme=dark] .color-detail-breadcrumb a,html[data-theme=dark] .color-detail-hero__copy h1,html[data-theme=dark] .color-detail-lede,html[data-theme=dark] .color-detail-section__heading h2,html[data-theme=dark] .color-detail-panel__heading h2,html[data-theme=dark] .color-detail-cta h2,html[data-theme=dark] .color-detail-section__heading>a,html[data-theme=dark] .color-format-card,html[data-theme=dark] .color-detail-panel__link,html[data-theme=dark] .color-related-card,html[data-theme=dark] .color-palette-card__body strong,html[data-theme=dark] .color-detail-cta>div:last-child a{color:#f6f3ed}html[data-theme=dark] .color-library-hero>div:first-child>p:last-child,html[data-theme=dark] .color-library-results-meta,html[data-theme=dark] .color-library-empty,html[data-theme=dark] .color-detail-breadcrumb,html[data-theme=dark] .color-detail-description,html[data-theme=dark] .color-detail-section__heading>span,html[data-theme=dark] .color-related-card small,html[data-theme=dark] .color-palette-card__body small{color:#f6f3ed9e}html[data-theme=dark] .color-library-heading__badges span{color:#f5f2edb3;background:#ffffff0b;border-color:#ffffff17}html[data-theme=dark] .color-library-toolbar,html[data-theme=dark] .color-library-card,html[data-theme=dark] .color-format-card,html[data-theme=dark] .color-detail-panel,html[data-theme=dark] .color-related-card,html[data-theme=dark] .color-palette-card,html[data-theme=dark] .color-detail-cta{background:#ffffff09;border-color:#ffffff17}html[data-theme=dark] .color-library-search{background:#ffffff0e;border-color:#ffffff1c}html[data-theme=dark] .color-library-search svg{stroke:#f6f3ed94}html[data-theme=dark] .color-library-search input{color:#f6f3ed}html[data-theme=dark] .color-library-search input::placeholder{color:#f6f3ed66}html[data-theme=dark] .color-library-filter{color:#f6f3edb8;background:#ffffff0a;border-color:#ffffff17}html[data-theme=dark] .color-library-filter.is-active{color:#111318;background:#f6f3ed;border-color:#f6f3ed}html[data-theme=dark] .color-library-card__body small,html[data-theme=dark] .color-library-card__body em,html[data-theme=dark] .color-format-card span,html[data-theme=dark] .color-harmony-group>span{color:#f6f3ed85}html[data-theme=dark] .color-library-card__body em{border-color:#ffffff17}html[data-theme=dark] .color-library-pagination__nav,html[data-theme=dark] .color-library-page-button{color:#f6f3ed;background:#ffffff0b;border-color:#ffffff1a}html[data-theme=dark] .color-library-page-button.is-active{color:#111318;background:#f6f3ed;border-color:#f6f3ed}html[data-theme=dark] .color-library-empty{border-color:#ffffff24}html[data-theme=dark] .color-detail-section,html[data-theme=dark] .color-detail-two-column{border-top-color:#ffffff14}html[data-theme=dark] .color-detail-action{color:#f6f3ed;background:#ffffff0d;border-color:#ffffff1a}html[data-theme=dark] .color-detail-action--primary{color:#111318;background:#f6f3ed;border-color:#f6f3ed}html[data-theme=dark] .color-harmony-row button{background:#ffffff09;border-color:#ffffff14}html[data-theme=dark] .color-harmony-row b{color:#f6f3ed}html[data-theme=dark] .color-tone-strip{border-color:#ffffff14}html[data-theme=dark] .color-palette-card__body>a{color:#111318;background:#f6f3ed}html[data-theme=dark] .color-detail-cta>div:last-child a{border-bottom-color:#ffffff14}@media (width<=1250px){.color-library-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=1050px){.color-library-toolbar{grid-template-columns:1fr}.color-library-filters{justify-content:flex-start}.color-library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.color-detail-hero{grid-template-columns:minmax(18rem,.8fr) minmax(0,1.2fr);gap:2rem}.color-format-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.color-format-card--css{grid-column:auto}}@media (width<=760px){.color-library-main,.color-detail-main{padding:1.6rem 2rem 3.8rem}.color-library-hero{flex-direction:column;align-items:flex-start;gap:1.2rem;padding-top:.8rem}.color-library-heading__badges{justify-content:flex-start}.color-library-hero h1{font-size:clamp(3.1rem,13vw,5rem)}.color-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.color-detail-hero{grid-template-columns:1fr}.color-detail-swatch{min-height:20rem}.color-detail-two-column,.color-related-grid,.color-palette-grid,.color-detail-cta{grid-template-columns:1fr}}@media (width<=520px){.color-library-main,.color-detail-main{padding-left:1rem;padding-right:1rem}.color-library-toolbar{padding:.7rem}.color-library-filters{scrollbar-width:none;flex-wrap:nowrap;padding-bottom:.15rem;overflow-x:auto}.color-library-filters::-webkit-scrollbar{display:none}.color-library-filter{flex:none}.color-library-grid{grid-template-columns:1fr 1fr;gap:.55rem}.color-library-card__swatch{min-height:6rem}.color-library-card__body{display:block}.color-library-card__body em{display:none}.color-library-results-info{flex-direction:column;align-items:flex-start;gap:.25rem}.color-library-page-summary:before{display:none}.color-library-pagination{flex-wrap:wrap}.color-library-page-buttons{order:3;width:100%}.color-library-pagination__nav{flex:8rem}.color-detail-hero__copy h1{font-size:clamp(3.4rem,16vw,5rem)}.color-detail-actions{grid-template-columns:1fr;display:grid}.color-detail-action{width:100%}.color-format-grid{grid-template-columns:1fr}.color-detail-section__heading{flex-direction:column;align-items:flex-start;gap:.5rem}.color-contrast-pair{grid-template-columns:1fr}.color-harmony-row--three{grid-template-columns:1fr 1fr 1fr}.color-tone-strip{grid-template-columns:1fr;min-height:0}.color-tone-strip button{min-height:5.3rem}}.image-colors-kicker,.converter-lab-kicker,.gradient-pro-kicker,.palette-visualizer-kicker,.seo-tool-eyebrow{letter-spacing:.09em;text-transform:uppercase;margin:0 0 .35rem;font-size:.8rem;font-weight:850;line-height:1.35}.image-colors-heading h1,.converter-lab-heading h1,.gradient-pro-heading h1,.palette-visualizer-heading h1,.seo-tool-hero h1{letter-spacing:-.07em;margin:0;font-family:Georgia,Times New Roman,serif;font-weight:500;line-height:.88;font-size:clamp(3.3rem,6vw,6.3rem)!important}.image-colors-heading>div:first-child>p:last-child,.converter-lab-heading>div>p:last-child,.gradient-pro-description,.palette-visualizer-heading>div>p:last-child,.seo-tool-intro{margin-top:1.25rem;font-size:1rem;line-height:1.65}@media (width<=760px){.image-colors-heading h1,.converter-lab-heading h1,.gradient-pro-heading h1,.palette-visualizer-heading h1,.seo-tool-hero h1{font-size:clamp(3.1rem,13vw,5rem)!important}}html[data-theme=dark]{--chromble-bg:#15171b;--chromble-surface:#1b1d24;--chromble-surface-raised:#20232a;--chromble-border:#ffffff1c;--chromble-text:#f5f2ed;--chromble-muted:#f5f2ed9e}html[data-theme=dark] body{background-color:var(--chromble-bg)!important;color:var(--chromble-text)!important}html[data-theme=dark] .bg-white\/45{background-color:#1b1d24e6!important}html[data-theme=dark] .decoration-black\/20{text-decoration-color:#f5f2ed40!important}html[data-theme=dark] .bg-white\/45:hover{background-color:#21242cf5!important}html[data-theme=dark] main>.bg-white\/60{box-shadow:0 18px 52px #0000002e;border-color:var(--chromble-border)!important;background:#1b1d24eb!important}html[data-theme=dark] main>.bg-white\/60 section{border-color:#ffffff18!important}html[data-theme=dark] main>.bg-white\/60 a{color:#f5f2ed}html[data-theme=dark] a.bg-white\/45{border-color:var(--chromble-border)!important;background:#1b1d24e0!important;box-shadow:0 10px 30px #00000024!important}html[data-theme=dark] a.bg-white\/45:hover{background:#23262ef5!important}html[data-theme=dark] input:not([type=color]),html[data-theme=dark] textarea,html[data-theme=dark] select{color-scheme:dark}html[data-theme=dark] option{color:#f5f2ed;background:#1b1d24}:is(.plab-editor-top-actions,.ic-editor-top-actions,.gradient-editor-top-actions,.contrast-editor-top-actions) .theme-toggle{border-color:var(--chromble-line);background:var(--chromble-control);width:38px;height:38px;color:var(--chromble-text);box-shadow:none;backdrop-filter:none;border-radius:7px}:is(.plab-editor-top-actions,.ic-editor-top-actions,.gradient-editor-top-actions,.contrast-editor-top-actions) .theme-toggle:hover{background:var(--chromble-hover)}.home-modern-page,.home-modern{color:var(--chromble-text);background:var(--chromble-bg)!important}.home-modern-section-title span,.home-modern-feature__copy h2,.home-modern-quick-link strong,.home-modern-text-link,.home-modern-inspiration__head h2,.home-modern-inspiration-card__body h3,.home-modern-inspiration-card__link,.home-modern-one-color__head h2,.home-modern-one-color__picker-copy strong,.home-modern-one-color__action,.home-palette-browser__head h2,.home-palette-browser-card__body h3{color:var(--chromble-text)!important}.home-modern-mini-action,.home-modern-inspiration__shuffle,.home-palette-browser__all,.home-palette-browser__mobile-all{border-color:var(--chromble-line)!important;background:var(--chromble-control)!important;color:var(--chromble-text)!important}.home-modern-mini-action:hover,.home-modern-inspiration__shuffle:hover,.home-palette-browser__all:hover,.home-palette-browser__mobile-all:hover{border-color:var(--chromble-line-strong)!important;background:var(--chromble-hover)!important}.home-modern-text-link>i,.home-modern-circle-arrow{border-color:var(--chromble-line)!important;background:var(--chromble-control)!important;color:var(--chromble-text)!important;box-shadow:none!important}.home-modern-core-card{box-shadow:none;border-color:var(--chromble-line)!important}.home-modern-core-card--blue{background:#2563eb!important}@supports (color:color-mix(in lab, red, red)){.home-modern-core-card--blue{background:color-mix(in srgb, #2563eb 13%, var(--chromble-surface))!important}}.home-modern-core-card--green{background:#10b981!important}@supports (color:color-mix(in lab, red, red)){.home-modern-core-card--green{background:color-mix(in srgb, #10b981 12%, var(--chromble-surface))!important}}.home-modern-core-card--violet{background:#8b5cf6!important}@supports (color:color-mix(in lab, red, red)){.home-modern-core-card--violet{background:color-mix(in srgb, #8b5cf6 13%, var(--chromble-surface))!important}}.home-modern-core-icon{border:1px solid var(--chromble-line);background:var(--chromble-text)!important}@supports (color:color-mix(in lab, red, red)){.home-modern-core-icon{background:color-mix(in srgb, var(--chromble-text) 5%, transparent)!important}}.home-modern-feature,.home-modern-inspiration-card,.home-modern-one-color__panel,.home-palette-browser-card{border-color:var(--chromble-line)!important;background:var(--chromble-surface)!important;box-shadow:none!important}.home-modern-brand-stationery strong,.home-modern-type-sample b{color:var(--chromble-text)!important}.home-modern-one-color__input-row input:focus{border-color:var(--chromble-line-strong)!important;background:var(--chromble-surface-2)!important;box-shadow:0 0 0 2px #8b5cf62e!important}.home-modern-one-color__action:nth-child(odd),.home-modern-one-color__action:nth-child(-n+2),.home-modern-quick-grid,.home-modern-quick-link+.home-modern-quick-link{border-color:var(--chromble-line)!important}.home-modern-one-color__action:hover,.home-modern-quick-link:hover{background:var(--chromble-hover)!important;box-shadow:none!important}.home-modern-inspiration-card:hover,.home-palette-browser-card:hover{border-color:var(--chromble-line-strong)!important;box-shadow:none!important}.home-modern-page{background:var(--chromble-bg)!important;color:var(--chromble-text)!important}.home-modern{color:var(--chromble-text)!important;background:0 0!important}.home-modern-hero__copy h1,.home-modern-section-title span,.home-modern-feature__copy h2,.home-modern-quick-link strong,.home-modern-inspiration__head h2,.home-modern-inspiration-card__body h3,.home-modern-one-color__head h2,.home-palette-browser__head h2,.home-palette-browser-card__body h3,.home-modern-text-link{color:var(--chromble-text)!important}.home-modern-eyebrow,.home-modern-hero__lede,.home-modern-palette__meta,.home-modern-core-card p,.home-modern-feature__copy p,.home-modern-quick-link small,.home-modern-inspiration__eyebrow,.home-modern-inspiration__head>div>p:last-child,.home-modern-inspiration-card__body p,.home-modern-one-color__eyebrow,.home-modern-one-color__head>p:last-child,.home-palette-browser__eyebrow,.home-palette-browser__head p:last-child{color:var(--chromble-muted)!important}.home-modern-core-card,.home-modern-core-card--blue,.home-modern-core-card--green,.home-modern-core-card--violet,.home-modern-feature,.home-modern-inspiration-card,.home-modern-one-color__panel,.home-palette-browser-card{border-color:var(--chromble-line)!important;background:var(--chromble-surface)!important;box-shadow:none!important}.home-modern-core-card:hover,.home-modern-inspiration-card:hover,.home-palette-browser-card:hover{border-color:var(--chromble-line-strong)!important;background:var(--chromble-surface-2)!important;box-shadow:none!important}.home-modern-core-icon,.home-modern-circle-arrow,.home-modern-mini-action,.home-modern-inspiration__shuffle,.home-palette-browser__all,.home-palette-browser__mobile-all,.home-modern-one-color__action{border-color:var(--chromble-line)!important;background:var(--chromble-control)!important;color:var(--chromble-text)!important;box-shadow:none!important}.home-modern-core-icon{border-style:solid;border-width:1px}.home-modern-mini-action:hover,.home-modern-inspiration__shuffle:hover,.home-palette-browser__all:hover,.home-palette-browser__mobile-all:hover,.home-modern-one-color__action:hover,.home-modern-circle-arrow:hover{border-color:var(--chromble-line-strong)!important;background:var(--chromble-hover)!important}.home-modern-brand-swatches,.home-modern-brand-stationery>div,.home-modern-one-color__picker,.home-modern-one-color__actions{border-color:var(--chromble-line)!important;background:var(--chromble-surface-2)!important;color:var(--chromble-text)!important}.home-modern-brand-stationery strong,.home-modern-type-sample b,.home-modern-one-color__picker-copy strong{color:var(--chromble-text)!important}.home-modern-brand-stationery span,.home-modern-one-color__picker-copy>span:last-child,.home-modern-one-color__input-wrap>small{color:var(--chromble-muted)!important}.home-modern-one-color__picker-copy small,.home-modern-one-color__input-wrap>label{color:var(--chromble-faint)!important}.home-modern-one-color__input-row input{border-color:var(--chromble-line)!important;background:var(--chromble-control)!important;color:var(--chromble-text)!important}.home-modern-quick-grid{border-radius:10px;overflow:hidden;border:1px solid var(--chromble-line)!important;background:var(--chromble-surface)!important}.home-modern-quick-link+.home-modern-quick-link{border-color:var(--chromble-line)!important}.home-modern-quick-link:hover{background:var(--chromble-hover)!important}.home-modern-palette{border-color:var(--chromble-line-strong)!important;box-shadow:none!important}.home-modern-palette__meta i{background:var(--chromble-line-strong)!important}footer.home-modern-footer{border-color:var(--chromble-line)!important;background:var(--chromble-surface)!important;color:var(--chromble-text-soft)!important}footer.home-modern-footer .home-modern-footer__brand a,footer.home-modern-footer .home-modern-footer__brand strong,footer.home-modern-footer .home-modern-footer__group>strong{color:var(--chromble-text)!important}footer.home-modern-footer .home-modern-footer__brand p,footer.home-modern-footer .home-modern-footer__group a,footer.home-modern-footer .home-modern-footer__bottom>span,footer.home-modern-footer .site-footer__copyright{color:var(--chromble-muted)!important}.home-modern-footer__bottom{border-color:var(--chromble-line)!important}.color-library-page,.color-detail-page{background:var(--chromble-bg)!important;color:var(--chromble-text)!important}.color-library-kicker,.color-detail-kicker,.color-detail-section__heading p,.color-detail-panel__heading p,.color-detail-cta p{color:var(--chromble-muted)!important}.color-library-hero h1,.color-library-results-meta>button,.color-library-card,.color-library-empty strong,.color-detail-breadcrumb a,.color-detail-hero__copy h1,.color-detail-lede,.color-detail-section__heading h2,.color-detail-panel__heading h2,.color-detail-cta h2,.color-detail-section__heading>a,.color-format-card,.color-detail-panel__link,.color-related-card,.color-palette-card__body strong,.color-detail-cta>div:last-child a{color:var(--chromble-text)!important}.color-library-hero>div:first-child>p:last-child,.color-library-results-meta,.color-library-empty,.color-library-card__body small,.color-library-card__body em,.color-detail-breadcrumb,.color-detail-description,.color-detail-section__heading>span,.color-related-card small,.color-palette-card__body small,.color-format-card span,.color-harmony-group>span{color:var(--chromble-muted)!important}.color-library-heading__badges span{border-color:var(--chromble-line)!important;background:var(--chromble-control)!important;color:var(--chromble-muted)!important;backdrop-filter:none!important}.color-library-toolbar,.color-library-card,.color-format-card,.color-detail-panel,.color-related-card,.color-palette-card,.color-detail-cta{border-color:var(--chromble-line)!important;background:var(--chromble-surface)!important;box-shadow:none!important}.color-library-search,.color-library-filter,.color-library-pagination__nav,.color-library-page-button,.color-detail-action,.color-harmony-row button{border-color:var(--chromble-line)!important;background:var(--chromble-control)!important;color:var(--chromble-text)!important}.color-library-search svg{stroke:var(--chromble-muted)!important}.color-library-search input{color:var(--chromble-text)!important}.color-library-search input::placeholder{color:var(--chromble-faint)!important}.color-library-filter{color:var(--chromble-text-soft)!important}.color-library-filter:hover,.color-library-pagination__nav:hover:not(:disabled),.color-library-page-button:hover:not(.is-active),.color-detail-action:hover,.color-harmony-row button:hover{border-color:var(--chromble-line-strong)!important;background:var(--chromble-hover)!important;box-shadow:none!important}.color-library-filter.is-active,.color-library-page-button.is-active,.color-detail-action--primary{border-color:var(--chromble-text)!important;background:var(--chromble-text)!important;color:var(--chromble-bg)!important}.color-library-card:hover,.color-related-card:hover,.color-palette-card:hover{border-color:var(--chromble-line-strong)!important;background:var(--chromble-surface-2)!important;box-shadow:none!important}.color-library-card__body strong,.color-related-card strong,.color-palette-card__body strong{color:var(--chromble-text)!important}.color-library-card__body em{border-color:var(--chromble-line)!important;background:var(--chromble-control)!important}.color-library-page-dots,.color-related-card i{color:var(--chromble-faint)!important}.color-library-empty{border-color:var(--chromble-line-strong)!important}.color-detail-breadcrumb{border-color:var(--chromble-line)!important}.color-detail-section,.color-detail-two-column{border-top-color:var(--chromble-line)!important}.color-detail-swatch,.color-tone-strip{border-color:var(--chromble-line)!important;box-shadow:none!important}.color-detail-action--primary:hover{border-color:var(--chromble-text)!important;background:var(--chromble-text)!important}@supports (color:color-mix(in lab, red, red)){.color-detail-action--primary:hover{background:color-mix(in srgb, var(--chromble-text) 88%, var(--chromble-bg))!important}}.color-harmony-row b{color:var(--chromble-text)!important}.color-palette-card__body>a{background:var(--chromble-text)!important;color:var(--chromble-bg)!important}.color-detail-cta>div:last-child a{border-bottom-color:var(--chromble-line)!important}:is(.palette-browser-search,.color-library-search,.code-search-field,.code-viewport-controls,.code-viewport-number,.brand-editor-library-search,.brand-editor-template-search-shell,.contrast-editor-hex-wrap,.gradient-lab-stop__number,.gradient-pro-stop-position-field,.brand-editor-position-row,.plab-palette-name,.palette-generator-name) :is(input:not([type=color]),textarea,select){background-color:#0000!important;background-image:none!important}:is(.palette-browser-search,.color-library-search,.code-search-field,.code-viewport-controls,.code-viewport-number,.brand-editor-library-search,.brand-editor-template-search-shell) input[type=search]{appearance:none}html[data-theme=light]{color-scheme:light;--chromble-bg:#edf0f4;--chromble-bg-deep:#e7eaf0;--chromble-canvas:#e9ecf1;--chromble-surface:#fff;--chromble-surface-2:#f6f7f9;--chromble-surface-3:#f2f4f7;--chromble-control:#f4f5f7;--chromble-hover:#ebeef2;--chromble-line:#1f26301a;--chromble-line-strong:#1f26302b;--chromble-text:#20242b;--chromble-text-soft:#555d69;--chromble-muted:#626a76;--chromble-faint:#9299a4;--chromble-shadow:#242b3621;--chromble-accent:#7047eb;--chromble-accent-hover:#6034dc;--chromble-accent-soft:#7047eb1c;--chromble-accent-text:#6841db;--chromble-accent-contrast:#fff;--ink:var(--chromble-text);--paper:var(--chromble-surface-2);--paper-deep:var(--chromble-bg-deep);--acid:var(--chromble-accent)}html[data-theme=dark]{--chromble-accent:#875cff;--chromble-accent-hover:#9b7aff;--chromble-accent-soft:#875cff26;--chromble-accent-text:#bca9ff;--chromble-accent-contrast:#fff;--acid:var(--chromble-accent)}html[data-theme=light],html[data-theme=light] body{background:var(--chromble-bg)!important;color:var(--chromble-text)!important}html[data-theme=light] body:before{opacity:.035!important;mix-blend-mode:multiply!important}html[data-theme=light] body:after{opacity:.08!important}html[data-theme=light] :is(.bg-white,.bg-white\/95,.bg-white\/90,.bg-white\/85,.bg-white\/82,.bg-white\/80,.bg-white\/75,.bg-white\/72,.bg-white\/70,.bg-white\/65,.bg-white\/60,.bg-white\/58,.bg-white\/55,.bg-white\/54,.bg-white\/52,.bg-white\/50,.bg-white\/45){background-color:var(--chromble-surface)!important}@supports (color:color-mix(in lab, red, red)){html[data-theme=light] :is(.bg-white,.bg-white\/95,.bg-white\/90,.bg-white\/85,.bg-white\/82,.bg-white\/80,.bg-white\/75,.bg-white\/72,.bg-white\/70,.bg-white\/65,.bg-white\/60,.bg-white\/58,.bg-white\/55,.bg-white\/54,.bg-white\/52,.bg-white\/50,.bg-white\/45){background-color:color-mix(in srgb, var(--chromble-surface) 92%, transparent)!important}}html[data-theme=light] :is(.bg-\[\#f6f0e6\],.bg-\[\#f6f0e6\]\/90,.bg-\[\#f8f3eb\],.bg-\[\#f8f3eb\]\/95,.bg-\[\#eee6d9\]){background-color:var(--chromble-surface-2)!important}html[data-theme=light] :is(.border-black,.border-black\/35,.border-black\/24,.border-black\/20,.border-black\/18,.border-black\/15,.border-black\/12,.border-black\/10,.border-black\/8,.border-black\/5){border-color:var(--chromble-line)!important}html[data-theme=light] :is(.text-black,.text-black\/90,.text-black\/80,.text-black\/75,.text-black\/70){color:var(--chromble-text)!important}html[data-theme=light] :is(.text-black\/65,.text-black\/62,.text-black\/60,.text-black\/58,.text-black\/55,.text-black\/50,.text-black\/48,.text-black\/45){color:var(--chromble-muted)!important}html[data-theme=light] :is(.text-black\/43,.text-black\/40,.text-black\/35,.text-black\/34,.text-black\/30){color:var(--chromble-faint)!important}html[data-theme=light] .bg-\[\#d7ff4f\],html[data-theme=dark] .bg-\[\#d7ff4f\]{border-color:var(--chromble-accent)!important;background-color:var(--chromble-accent)!important;color:var(--chromble-accent-contrast)!important}html[data-theme=light] .text-\[\#d7ff4f\],html[data-theme=dark] .text-\[\#d7ff4f\]{color:var(--chromble-accent-text)!important}::selection{background:var(--chromble-accent);color:var(--chromble-accent-contrast)}:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline-color:var(--chromble-accent)}.site-navbar__link.is-active:after{background:var(--chromble-accent)!important}.site-tools-menu__item.is-active,.site-mobile-nav__link.is-active{border-color:var(--chromble-accent)!important}@supports (color:color-mix(in lab, red, red)){.site-tools-menu__item.is-active,.site-mobile-nav__link.is-active{border-color:color-mix(in srgb, var(--chromble-accent) 28%, var(--chromble-line))!important}}.site-tools-menu__item.is-active,.site-mobile-nav__link.is-active{background:var(--chromble-accent-soft)!important;color:var(--chromble-text)!important}.site-tools-menu__item.is-active .site-tools-menu__icon,.site-mobile-nav__link.is-active span:last-child{color:var(--chromble-accent-text)!important}.theme-toggle:focus-visible{outline-offset:2px;outline:2px solid var(--chromble-accent)!important}.home-modern-btn--dark,.home-modern-nav__cta,.seo-tool-cta,.palette-browser-filter.is-active,.palette-browser-page-button.is-active,.color-library-filter.is-active,.color-library-page-button.is-active,.color-detail-action--primary{border-color:var(--chromble-accent)!important;background:var(--chromble-accent)!important;color:var(--chromble-accent-contrast)!important;box-shadow:none!important}.home-modern-btn--dark:hover,.home-modern-nav__cta:hover,.seo-tool-cta:hover,.palette-browser-filter.is-active:hover,.palette-browser-page-button.is-active:hover,.color-library-filter.is-active:hover,.color-library-page-button.is-active:hover,.color-detail-action--primary:hover{border-color:var(--chromble-accent-hover)!important;background:var(--chromble-accent-hover)!important;color:var(--chromble-accent-contrast)!important}.home-modern-hero__copy h1 span,.palette-browser-card__brand-link{color:var(--chromble-accent-text)!important}.home-modern-mini-action:focus-visible,.home-modern-text-link:focus-visible,.home-modern-palette__swatch:focus-visible,.swatch-card:focus-visible{outline-color:var(--chromble-accent)!important}html[data-theme=light] main>.bg-white\/60,html[data-theme=light] a.bg-white\/45,html[data-theme=light] .seo-tool-card,html[data-theme=light] .seo-tool-related-grid a{border-color:var(--chromble-line)!important;background:var(--chromble-surface)!important;box-shadow:none!important}html[data-theme=light] main>.bg-white\/60 section,html[data-theme=light] .seo-tool-faq-list,html[data-theme=light] .seo-tool-faq-list details{border-color:var(--chromble-line)!important}.seo-tool-eyebrow,.seo-tool-intro,.seo-tool-card p,.seo-tool-faq-list details p{color:var(--chromble-muted)!important}.seo-tool-number{color:var(--chromble-faint)!important}.seo-tool-related-grid a:hover,html[data-theme=light] a.bg-white\/45:hover{border-color:var(--chromble-line-strong)!important;background:var(--chromble-surface-2)!important;box-shadow:none!important}.palette-browser-page{background:var(--chromble-bg)!important;color:var(--chromble-text)!important}.palette-browser-stat,.palette-browser-toolbar,.palette-browser-card{border-color:var(--chromble-line)!important;background:var(--chromble-surface)!important;box-shadow:none!important}.palette-browser-search,.palette-browser-filter,.palette-browser-card__category,.palette-browser-pagination__nav,.palette-browser-page-button{border-color:var(--chromble-line)!important;background:var(--chromble-control)!important;color:var(--chromble-text-soft)!important}.palette-browser-search input,.palette-browser-results-meta button,.palette-browser-card__topline h2,.palette-browser-card__actions button,.palette-browser-card__actions a,.palette-browser-empty strong{color:var(--chromble-text)!important}.palette-browser-hero>div:first-child>p:last-child,.palette-browser-stat span,.palette-browser-card__topline p,.palette-browser-results-meta,.palette-browser-empty,.palette-browser-card__category{color:var(--chromble-muted)!important}.palette-browser-card__actions,.palette-browser-empty{border-color:var(--chromble-line)!important}.palette-browser-card:hover{border-color:var(--chromble-line-strong)!important;background:var(--chromble-surface-2)!important;box-shadow:none!important}.palette-browser-pagination__nav:hover:not(:disabled),.palette-browser-page-button:hover:not(.is-active),.palette-browser-filter:hover:not(.is-active){border-color:var(--chromble-line-strong)!important;background:var(--chromble-hover)!important}.swatch-card.is-selected{border-color:var(--chromble-accent)!important;box-shadow:0 0 0 2px var(--chromble-accent)!important}@supports (color:color-mix(in lab, red, red)){.swatch-card.is-selected{box-shadow:0 0 0 2px color-mix(in srgb, var(--chromble-accent) 86%, transparent)!important}}.swatch-card.is-selected .swatch-plus{background:var(--chromble-accent)!important;color:var(--chromble-accent-contrast)!important}html[data-theme=light] body:not(:has(.code-studio)):not(:has(#brand-editor-app)) :is(input:not([type=color]),select,textarea){border-color:var(--chromble-line)!important;color:var(--chromble-text)!important}html[data-theme=light] option{background:var(--chromble-surface);color:var(--chromble-text)}.policy-notice__button{background:var(--chromble-accent)!important;color:var(--chromble-accent-contrast)!important}.policy-notice__links a:hover{background:var(--chromble-accent-soft)!important;color:var(--chromble-accent-text)!important}.converter-lab-kicker,.converter-lab-heading>div>p:last-child{color:var(--chromble-muted)!important}.converter-lab-random,.converter-lab__outputs,.converter-lab__value-card,.converter-lab__guide article{border-color:var(--chromble-line)!important;background:var(--chromble-surface)!important;color:var(--chromble-text)!important;box-shadow:none!important}.converter-lab-random:hover,.converter-lab__value-card:hover{border-color:var(--chromble-line-strong)!important;background:var(--chromble-surface-2)!important}.converter-lab-random span,.converter-lab__value-index,.converter-lab__guide article>span{background:var(--chromble-accent)!important;color:var(--chromble-accent-contrast)!important}.converter-lab__outputs-head p,.converter-lab__outputs-head>span,.converter-lab__value-copy small,.converter-lab__value-copy em,.converter-lab__guide p{color:var(--chromble-muted)!important}.converter-lab__outputs-head strong,.converter-lab__value-copy strong{color:var(--chromble-text)!important}.converter-lab__copy-icon{background:var(--chromble-control)!important;color:var(--chromble-muted)!important}.converter-lab__source{border-color:var(--chromble-accent)!important}@supports (color:color-mix(in lab, red, red)){.converter-lab__source{border-color:color-mix(in srgb, var(--chromble-accent) 14%, #ffffff1a)!important}}.converter-lab__source{background:#15171b!important}.converter-lab__live,.converter-lab__source-note>span{color:#bca9ff!important}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-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-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@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}.chromble-copy-toast[data-astro-cid-tpppwqwb]{right:max(1rem, env(safe-area-inset-right));bottom:max(1rem, env(safe-area-inset-bottom));z-index:1000;color:#fff;letter-spacing:.015em;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(16px);background:#171717f0;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:.65rem;max-width:calc(100vw - 2rem);padding:.78rem 1rem;font-size:.82rem;font-weight:900;transition:opacity .18s,transform .18s;display:flex;position:fixed;transform:translateY(.7rem)scale(.97);box-shadow:0 18px 50px #0000003d}.chromble-copy-toast[data-astro-cid-tpppwqwb].is-visible{opacity:1;transform:translateY(0)scale(1)}.chromble-copy-toast__message[data-astro-cid-tpppwqwb]{white-space:nowrap;align-items:baseline;gap:.45rem;min-width:0;display:flex}.chromble-copy-toast__message[data-astro-cid-tpppwqwb] strong[data-astro-cid-tpppwqwb]{max-width:min(32rem,52vw);color:var(--chromble-accent-text);text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.8rem;font-weight:900;overflow:hidden}[data-astro-cid-tpppwqwb][data-theme=light] .chromble-copy-toast__message[data-astro-cid-tpppwqwb] strong[data-astro-cid-tpppwqwb]{color:#607400}.chromble-copy-toast__check[data-astro-cid-tpppwqwb]{background:var(--chromble-accent);width:1.45rem;height:1.45rem;color:var(--chromble-accent-contrast);border-radius:999px;flex:none;place-items:center;font-size:.75rem;font-weight:950;display:grid}[data-astro-cid-tpppwqwb][data-theme=light] .chromble-copy-toast[data-astro-cid-tpppwqwb]{color:#171717;background:#f8f5f0f5;border-color:#1717171a;box-shadow:0 18px 50px #17171724}@media (width<=640px){.chromble-copy-toast[data-astro-cid-tpppwqwb]{left:50%;right:auto;bottom:max(1rem, env(safe-area-inset-bottom));transform:translate(-50%,.7rem)scale(.97)}.chromble-copy-toast[data-astro-cid-tpppwqwb].is-visible{transform:translate(-50%)scale(1)}}@media (prefers-reduced-motion:reduce){.chromble-copy-toast[data-astro-cid-tpppwqwb]{transition:opacity .01ms linear}}.chromble-color-picker{--picker-color:#ff4d6d;--picker-full-color:#ff4d6d;--picker-surface:#17191f;--picker-surface-2:#1f222a;--picker-surface-3:#252831;--picker-border:#ffffff1c;--picker-border-strong:#ffffff2e;--picker-muted:#f7f8fb8f;--picker-text:#f7f8fb;z-index:1400;overscroll-behavior:contain;border:1px solid var(--picker-border);width:min(45rem,100vw - 1.5rem);max-height:calc(100dvh - 1.5rem);color:var(--picker-text);opacity:0;transform-origin:50% 0;scrollbar-width:thin;scrollbar-color:#ffffff29 transparent;background:#181a20;border-radius:1.45rem;padding:1rem;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:opacity .14s,transform .14s;position:fixed;overflow:auto;transform:translateY(.4rem)scale(.985);box-shadow:0 30px 80px #03050a6b,0 10px 28px #03050a38,inset 0 1px #ffffff09}.chromble-color-picker,.chromble-color-picker *{box-sizing:border-box}.chromble-color-picker[hidden]{display:none!important}.chromble-color-picker.is-open{opacity:1;transform:translateY(0)scale(1)}.chromble-color-picker button,.chromble-color-picker input,.chromble-color-picker output{font-family:inherit}.chromble-color-picker__topbar,.chromble-color-picker__brand,.chromble-color-picker__panel,.chromble-color-picker__sliders,.chromble-color-picker__footer,.chromble-color-picker__preview-copy{align-items:center;display:flex}.chromble-color-picker__topbar{justify-content:space-between;gap:1rem;min-height:2.75rem;padding:0 .05rem .9rem}.chromble-color-picker__brand{flex-wrap:nowrap;flex:auto;gap:.68rem;min-width:0}.chromble-color-picker__brand img{object-fit:contain;flex:0 0 2rem;width:2rem;height:2rem;display:block}.chromble-color-picker__brand>div{min-width:0;line-height:1;display:block}.chromble-color-picker__brand strong{color:#fff;letter-spacing:-.03em;white-space:nowrap;margin:0;font-size:1rem;font-weight:900;line-height:1;display:block}#chromble-color-picker-title{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.chromble-color-picker__icon-button,.chromble-color-picker__copy,.chromble-color-picker__eyedropper{border:1px solid var(--picker-border);color:#f7f8fbc2;cursor:pointer;background:#ffffff0e;place-items:center;margin:0;padding:0;transition:border-color .12s,background .12s,color .12s,transform .12s;display:grid}.chromble-color-picker__icon-button{border-radius:.78rem;flex:0 0 2.35rem;width:2.35rem;height:2.35rem}.chromble-color-picker__copy{border-radius:.88rem;flex:0 0 3rem;width:3rem;height:3rem}.chromble-color-picker__eyedropper{border-radius:.95rem;flex:0 0 4rem;width:4rem;height:4rem}.chromble-color-picker__icon-button:hover,.chromble-color-picker__copy:hover,.chromble-color-picker__eyedropper:hover{border-color:var(--picker-border-strong);color:#fff;background:#ffffff18;transform:translateY(-1px)}.chromble-color-picker__icon-button:focus-visible,.chromble-color-picker__copy:focus-visible,.chromble-color-picker__eyedropper:focus-visible,.chromble-color-picker__mode-tabs button:focus-visible,.chromble-color-picker input:focus-visible,.chromble-color-picker__sv:focus-visible,.chromble-color-picker__recent:focus-visible{outline:3px solid var(--chromble-accent,#7047eb);outline-offset:2px}.chromble-color-picker__icon-button svg,.chromble-color-picker__copy svg,.chromble-color-picker__eyedropper svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:1.05rem;height:1.05rem}.chromble-color-picker__eyedropper svg{width:1.35rem;height:1.35rem}.chromble-color-picker__workspace{grid-template-columns:minmax(0,1.58fr) minmax(14.5rem,1fr);align-items:stretch;gap:1rem;display:grid}.chromble-color-picker__sv{cursor:crosshair;touch-action:none;user-select:none;background:linear-gradient(#0000,#000),linear-gradient(90deg,#fff,#fff0),red;border:1px solid #ffffff1a;border-radius:1rem;min-height:19rem;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff06,0 8px 22px #0000001f}.chromble-color-picker__sv:after{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff0b,#0000 34%);position:absolute;inset:0}.chromble-color-picker__sv-handle{z-index:1;pointer-events:none;background:0 0;border:3px solid #fff;border-radius:999px;width:1.18rem;height:1.18rem;position:absolute;top:0;left:100%;transform:translate(-50%,-50%);box-shadow:0 0 0 1.5px #05060a8f,0 4px 12px #00000057}.chromble-color-picker__controls{grid-template-rows:minmax(8.8rem,1fr) auto auto;gap:.72rem;min-width:0;display:grid}#chromble-color-picker .chromble-color-picker__preview{isolation:isolate;border:1px solid #ffffff21;border-radius:1rem;flex-direction:column;justify-content:space-between;min-height:8.8rem;padding:.82rem .86rem .86rem;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1a,0 10px 22px #0000001c;background-color:var(--picker-color)!important;background-image:linear-gradient(145deg,#ffffff29,#0000 46%,#00000012)!important}.chromble-color-picker__preview-glow{z-index:-1;pointer-events:none;background:radial-gradient(circle at 92% 112%,#ffffff38,#0000 43%);position:absolute;inset:0}.chromble-color-picker__preview-copy{justify-content:space-between;gap:.6rem}.chromble-color-picker__preview-copy>span{color:#ffffffd6;letter-spacing:.08em;text-transform:uppercase;font-size:.65rem;font-weight:850}.chromble-color-picker__preview-copy-button{color:#fff;background:#00000021;border-color:#ffffff52;flex-basis:2rem;width:2rem;height:2rem}.chromble-color-picker__preview strong{z-index:1;color:#fff;letter-spacing:-.035em;text-shadow:0 1px 6px #00000052;font:900 1.08rem/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;display:block;position:relative}.chromble-color-picker__mode-tabs{border:1px solid var(--picker-border);background:#07090f40;border-radius:.82rem;grid-template-columns:repeat(3,minmax(0,1fr));gap:.18rem;padding:.22rem;display:grid}.chromble-color-picker__mode-tabs button{color:#f7f8fb80;letter-spacing:.055em;cursor:pointer;background:0 0;border:0;border-radius:.65rem;min-width:0;min-height:2.45rem;margin:0;padding:0 .55rem;font-size:.7rem;font-weight:850;line-height:1}.chromble-color-picker__mode-tabs button.is-active{color:#fff;background:#ffffff1c;box-shadow:inset 0 0 0 1px #ffffff0e,0 3px 10px #0405092b}.chromble-color-picker__editor{min-width:0}.chromble-color-picker__panel{gap:.5rem}.chromble-color-picker__panel[hidden]{display:none!important}.chromble-color-picker__hex-field{border:1px solid var(--picker-border);background:#ffffff0b;border-radius:.88rem;flex:auto;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.65rem;min-width:0;min-height:3rem;padding:0 .8rem;display:grid}.chromble-color-picker__hex-field span,.chromble-color-picker__channels span,.chromble-color-picker__footer>span,.chromble-color-picker__slider-row>span{color:var(--picker-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.65rem;font-weight:850}#chromble-color-picker .chromble-color-picker__hex-field input,#chromble-color-picker .chromble-color-picker__channels input{width:100%;min-width:0;margin:0;padding:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.84rem;font-weight:850;line-height:1.2;box-shadow:none!important;color:var(--picker-text)!important;background:0 0!important;border:0!important;outline:0!important}#chromble-color-picker .chromble-color-picker__hex-field input{text-transform:uppercase;height:2.7rem}.chromble-color-picker__channels{grid-template-columns:repeat(3,minmax(0,1fr));gap:.48rem;display:grid}.chromble-color-picker__channels label{border:1px solid var(--picker-border);background:#ffffff0b;border-radius:.82rem;gap:.28rem;min-width:0;padding:.55rem .65rem .5rem;display:grid}.chromble-color-picker__channels span{font-size:.58rem}#chromble-color-picker .chromble-color-picker__channels input{appearance:textfield;height:1.65rem}#chromble-color-picker .chromble-color-picker__channels input::-webkit-outer-spin-button{appearance:none;margin:0}#chromble-color-picker .chromble-color-picker__channels input::-webkit-inner-spin-button{appearance:none;margin:0}.chromble-color-picker__sliders{gap:.9rem;padding:.95rem 0 .92rem}.chromble-color-picker__slider-stack{flex:auto;gap:.78rem;min-width:0;display:grid}.chromble-color-picker__slider-row{grid-template-columns:3.45rem minmax(0,1fr) 3.2rem;align-items:center;gap:.72rem;min-width:0;display:grid}.chromble-color-picker__slider-row output{color:#f7f8fbb8;text-align:right;white-space:nowrap;min-width:0;font:750 .72rem/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}#chromble-color-picker .chromble-color-picker__hue,#chromble-color-picker .chromble-color-picker__value{appearance:none;cursor:pointer;outline:0;width:100%;min-width:0;height:.72rem;display:block;border:0!important;border-radius:999px!important;margin:0!important;padding:0!important;box-shadow:inset 0 0 0 1px #ffffff1a,0 1px 5px #05060a3d!important}#chromble-color-picker .chromble-color-picker__hue{background:linear-gradient(90deg,#f33 0%,#ff0 16.66%,#2cff47 33.33%,#16e8d2 50%,#2588ff 66.66%,#9b33ff 80%,#ff20ae 91%,#f33 100%)!important}#chromble-color-picker .chromble-color-picker__value{background:linear-gradient(90deg, #050507, var(--picker-full-color))!important}#chromble-color-picker .chromble-color-picker__hue::-webkit-slider-thumb{appearance:none;background:var(--picker-color);border:2px solid #fff;border-radius:999px;width:1.18rem;height:1.18rem;box-shadow:0 0 0 2px #05060a6b,0 3px 8px #00000047}#chromble-color-picker .chromble-color-picker__value::-webkit-slider-thumb{appearance:none;background:var(--picker-color);border:2px solid #fff;border-radius:999px;width:1.18rem;height:1.18rem;box-shadow:0 0 0 2px #05060a6b,0 3px 8px #00000047}#chromble-color-picker .chromble-color-picker__hue::-moz-range-thumb{background:var(--picker-color);border:2px solid #fff;border-radius:999px;width:1rem;height:1rem;box-shadow:0 0 0 2px #05060a6b,0 3px 8px #00000047}#chromble-color-picker .chromble-color-picker__value::-moz-range-thumb{background:var(--picker-color);border:2px solid #fff;border-radius:999px;width:1rem;height:1rem;box-shadow:0 0 0 2px #05060a6b,0 3px 8px #00000047}.chromble-color-picker__footer{border-top:1px solid #ffffff14;gap:.85rem;min-height:3.55rem;padding:.9rem .05rem .08rem}.chromble-color-picker__footer>span{flex:none;width:4.1rem}.chromble-color-picker__recents{flex:auto;gap:.48rem;min-width:0;display:flex;overflow:hidden}.chromble-color-picker__recent{background:var(--recent-color);cursor:pointer;border:2px solid #fff3;border-radius:.66rem;flex:0 0 2.25rem;width:2.25rem;height:2.25rem;margin:0;padding:0;transition:transform .12s,border-color .12s;box-shadow:0 2px 8px #04050929}.chromble-color-picker__recent:hover{border-color:#ffffffb8;transform:translateY(-2px)}.chromble-color-picker__recent.is-current{border-color:#fff;box-shadow:0 0 0 1px #ffffff38,0 3px 9px #04050933}@media (width<=760px){.chromble-color-picker{width:min(31rem,100vw - 1.5rem)}.chromble-color-picker__workspace{grid-template-columns:1fr;gap:.78rem}.chromble-color-picker__sv{min-height:min(14rem,31vh)}.chromble-color-picker__controls{grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr);gap:.62rem}#chromble-color-picker .chromble-color-picker__preview{min-height:6.25rem}.chromble-color-picker__sliders{padding-top:.82rem}}@media (width<=520px){.chromble-color-picker{transform-origin:50% 100%;border-radius:1.2rem;width:auto;max-height:calc(100dvh - 1.1rem);padding:.82rem;left:.55rem!important;right:.55rem!important;bottom:max(.55rem, env(safe-area-inset-bottom))!important;top:auto!important}.chromble-color-picker__topbar{min-height:2.35rem;padding-bottom:.68rem}.chromble-color-picker__brand img{flex-basis:1.8rem;width:1.8rem;height:1.8rem}.chromble-color-picker__brand strong{font-size:.95rem}.chromble-color-picker__icon-button{flex-basis:2.2rem;width:2.2rem;height:2.2rem}.chromble-color-picker__sv{border-radius:.9rem;min-height:min(12rem,28vh)}#chromble-color-picker .chromble-color-picker__preview{border-radius:.9rem;min-height:5.4rem}.chromble-color-picker__preview-copy>span{font-size:.59rem}.chromble-color-picker__preview strong{font-size:.94rem}.chromble-color-picker__mode-tabs button{min-height:2.25rem;font-size:.65rem}.chromble-color-picker__sliders{align-items:flex-start;gap:.62rem;padding:.78rem 0 .75rem}.chromble-color-picker__eyedropper{flex-basis:3.25rem;width:3.25rem;height:3.25rem}.chromble-color-picker__slider-stack{gap:.68rem}.chromble-color-picker__slider-row{grid-template-columns:2.9rem minmax(0,1fr) 2.8rem;gap:.5rem}.chromble-color-picker__slider-row>span{font-size:.59rem}.chromble-color-picker__slider-row output{font-size:.66rem}.chromble-color-picker__footer{gap:.58rem;min-height:3.25rem;padding-top:.75rem}.chromble-color-picker__footer>span{width:3.15rem}.chromble-color-picker__recent{border-radius:.58rem;flex-basis:1.9rem;width:1.9rem;height:1.9rem}}@media (width<=370px){.chromble-color-picker{padding:.72rem}.chromble-color-picker__sv{min-height:min(10.75rem,25vh)}#chromble-color-picker .chromble-color-picker__preview{min-height:4.85rem}.chromble-color-picker__eyedropper{flex-basis:3rem;width:3rem;height:3rem}.chromble-color-picker__slider-row{grid-template-columns:2.6rem minmax(0,1fr) 2.6rem;gap:.42rem}.chromble-color-picker__recent{flex-basis:1.75rem;width:1.75rem;height:1.75rem}}@media (prefers-reduced-motion:reduce){.chromble-color-picker,.chromble-color-picker__icon-button,.chromble-color-picker__copy,.chromble-color-picker__eyedropper,.chromble-color-picker__recent{transition-duration:.01ms}}[data-chromble-launcher-trigger]{cursor:pointer}[data-chromble-launcher-trigger]:after{content:"⌄";color:currentColor;opacity:.42;margin-left:2px;font-size:10px;font-weight:700;line-height:1;transform:translateY(-1px)}.chromble-launcher{z-index:10050;pointer-events:none;position:fixed;inset:0}.chromble-launcher__panel{border:1px solid var(--chromble-line);background:color-mix(in srgb, var(--chromble-surface) 98%, transparent);width:min(322px,100vw - 24px);color:var(--chromble-text);box-shadow:0 28px 80px color-mix(in srgb, var(--chromble-shadow) 86%, transparent), 0 4px 16px var(--chromble-shadow);backdrop-filter:blur(24px)saturate(135%);pointer-events:auto;transform-origin:0 0;border-radius:17px;padding:10px;animation:.14s ease-out chromble-launcher-in;position:fixed}@keyframes chromble-launcher-in{0%{opacity:0;transform:translateY(-5px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.chromble-launcher__head{justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:5px 6px 9px 9px;display:flex}.chromble-launcher__head>div{gap:2px;display:grid}.chromble-launcher__eyebrow{color:var(--chromble-faint);letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:800}.chromble-launcher__head strong{letter-spacing:-.02em;font-size:15px;font-weight:780}.chromble-launcher__close{border:1px solid var(--chromble-line);background:color-mix(in srgb, var(--chromble-text) 4%, transparent);width:32px;height:32px;color:var(--chromble-muted);cursor:pointer;border-radius:9px;place-items:center;padding:0;display:grid}.chromble-launcher__close:hover{background:color-mix(in srgb, var(--chromble-text) 7%, transparent);color:var(--chromble-text)}.chromble-launcher__close svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;width:15px;height:15px}.chromble-launcher__list{gap:2px;display:grid}.chromble-launcher__item{min-height:52px;color:var(--chromble-text-soft);border-radius:11px;align-items:center;gap:10px;padding:7px 8px;text-decoration:none;transition:background-color .12s,color .12s;display:flex}.chromble-launcher__item:hover{background:color-mix(in srgb, var(--chromble-text) 6%, transparent);color:var(--chromble-text)}.chromble-launcher__item.is-current{background:var(--chromble-accent-soft);color:var(--chromble-text)}.chromble-launcher__icon{border:1px solid var(--chromble-line);background:color-mix(in srgb, var(--chromble-text) 4%, transparent);width:34px;height:34px;color:var(--chromble-muted);border-radius:9px;flex:none;place-items:center;display:grid}.chromble-launcher__item.is-current .chromble-launcher__icon{border-color:color-mix(in srgb, var(--chromble-accent) 34%, var(--chromble-line));color:var(--chromble-accent-text)}.chromble-launcher__icon svg{fill:none;stroke:currentColor;stroke-width:1.55px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.chromble-launcher__copy{flex:1;gap:1px;min-width:0;display:grid}.chromble-launcher__copy strong{letter-spacing:-.01em;font-size:12.5px;font-weight:720}.chromble-launcher__copy small{color:var(--chromble-faint);font-size:10px;font-weight:540}.chromble-launcher__arrow{fill:none;width:14px;height:14px;stroke:var(--chromble-faint);stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round}.chromble-launcher__current{background:var(--chromble-accent-soft);color:var(--chromble-accent-text);letter-spacing:.06em;text-transform:uppercase;border-radius:6px;padding:4px 6px;font-size:8px;font-weight:800}.chromble-launcher__footer{border-top:1px solid var(--chromble-line);gap:1px;margin-top:7px;padding-top:7px;display:grid}.chromble-launcher__footer a{min-height:36px;color:var(--chromble-muted);border-radius:9px;justify-content:space-between;align-items:center;padding:0 9px;font-size:10.5px;font-weight:620;text-decoration:none;display:flex}.chromble-launcher__footer a:hover{background:color-mix(in srgb, var(--chromble-text) 5%, transparent);color:var(--chromble-text)}@media (width<=560px){.chromble-launcher__panel{width:auto;left:12px!important;right:12px!important}}