/*! 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}}}@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:"Space Mono",monospace;--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]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring: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{.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.static{position:static}.block{display:block}.grid{display:grid}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/fredoka-hebrew-600-normal.CTBxhdlE.woff2)format("woff2"),url(/_astro/fredoka-hebrew-600-normal.BiVDObXj.woff)format("woff");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:600;src:url(data:font/woff2;base64,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)format("woff2"),url(data:font/woff;base64,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)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/fredoka-latin-600-normal.C4zohCW5.woff2)format("woff2"),url(/_astro/fredoka-latin-600-normal.CcrEjrB4.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Karla;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/karla-latin-ext-400-normal.DQe2ZdED.woff2)format("woff2"),url(/_astro/karla-latin-ext-400-normal.CMxStcnq.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Karla;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/karla-latin-400-normal.C_jajTY_.woff2)format("woff2"),url(/_astro/karla-latin-400-normal.iWRxgclR.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Karla;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/karla-latin-ext-600-normal.CIPY_Mp5.woff2)format("woff2"),url(/_astro/karla-latin-ext-600-normal.Cf-uwXr_.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Karla;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/karla-latin-600-normal.BH_u9dis.woff2)format("woff2"),url(/_astro/karla-latin-600-normal.BAoyHYuk.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Karla;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/karla-latin-ext-700-normal.DnPH2EDB.woff2)format("woff2"),url(/_astro/karla-latin-ext-700-normal.eTNnM7bB.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Karla;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/karla-latin-700-normal.DFuMffT3.woff2)format("woff2"),url(/_astro/karla-latin-700-normal.CospC10L.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/space-mono-vietnamese-400-normal.BNOj0Qhp.woff2)format("woff2"),url(/_astro/space-mono-vietnamese-400-normal.B0PMp_xB.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/space-mono-latin-ext-400-normal.DTLbW2xa.woff2)format("woff2"),url(/_astro/space-mono-latin-ext-400-normal.D4cJI_B-.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/space-mono-latin-400-normal.Rg4St2Dn.woff2)format("woff2"),url(/_astro/space-mono-latin-400-normal._3DlpgIW.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light;--paper:#faf9fc;--ink:#241f33;--panel:#fff;--line:#e7e1ed;--muted:#6e667b;--accent:#9b5de5}:root.dark{color-scheme:dark;--paper:#191622;--ink:#f7f3fb;--panel:#24202f;--line:#3c3549;--muted:#b6adbf}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font:17px/1.65 Karla,sans-serif}a{color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}.wrap{width:min(1120px,100% - 32px);margin-inline:auto}.display{letter-spacing:-.025em;font-family:Fredoka,sans-serif}.mono{font-family:Space Mono,monospace}.muted{color:var(--muted)}.site-header{z-index:20;background:var(--paper);position:sticky;top:0}@supports (color:color-mix(in lab,red,red)){.site-header{background:color-mix(in srgb,var(--paper) 88%,transparent)}}.site-header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{align-items:center;gap:28px;min-height:72px;display:flex}.logo{align-items:center;text-decoration:none;display:inline-flex}.logo img{width:210px;height:auto;display:block}.logo-dark{display:none!important}.dark .logo-light{display:none}.dark .logo-dark{display:block!important}.nav-links{gap:22px;margin-left:auto;display:flex}.nav-links a{font-weight:700;text-decoration:none}.icon-btn{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:999px;width:42px;height:42px}.mobile-nav{margin-left:auto;display:none;position:relative}.mobile-nav summary{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:50%;place-content:center;gap:4px;width:42px;height:42px;list-style:none;display:grid}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav summary span{background:var(--ink);border-radius:2px;width:17px;height:2px;display:block}.mobile-nav nav{border:1px solid var(--line);background:var(--panel);border-radius:16px;width:190px;padding:10px;position:absolute;top:50px;right:0;box-shadow:0 18px 40px #241f3324}.mobile-nav nav a{border-radius:9px;padding:10px 12px;font-weight:700;text-decoration:none;display:block}.mobile-nav nav a:hover{background:var(--paper)}.hero{padding:76px 0 64px}.eyebrow{color:#7350a4;text-transform:uppercase;letter-spacing:.1em;font-size:13px;font-weight:700}.hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}.hero h1{margin:14px 0 20px;font-size:clamp(48px,7vw,82px);line-height:.98}.lead{max-width:560px;font-size:21px}.chips{gap:13px;margin:30px 0;display:flex}.preview{isolation:isolate;color:#241f33;border-radius:34px;min-height:500px;padding:28px;transition:background .28s;position:relative;overflow:hidden;box-shadow:0 30px 70px #241f3325}.preview:before{content:"";z-index:-1;background:linear-gradient(145deg,#ffffff28,#0000 45%,#241f3315);position:absolute;inset:0}.preview-glow{z-index:-1;filter:blur(2px);background:#fff5;border-radius:50%;width:300px;height:300px;position:absolute;top:-110px;right:-80px}.preview-head{color:#241f33;letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:16px;font-size:12px;font-weight:700;display:flex}.preview-status{letter-spacing:0;text-transform:none;background:#fff3;border:1px solid #fff6;border-radius:99px;align-items:center;gap:7px;padding:7px 10px;display:flex}.preview-status i{background:#168b6a;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #4fd9b044}.swatch-rail{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd9;border:1px solid #ffffff80;border-radius:999px;gap:7px;padding:8px;display:flex;position:absolute;top:76px;left:28px;box-shadow:0 12px 26px #241f3320}.chip{border:3px solid #fff;border-radius:50%;width:37px;height:37px;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s;animation:.35s both chip-in;position:relative;box-shadow:0 0 0 1px #241f331b}.chip:hover{transform:scale(1.08)}.chip[aria-pressed=true]{transform:scale(1.1);box-shadow:0 0 0 3px #241f33,0 4px 10px #241f3330}.selected-color{flex-direction:column;display:flex;position:absolute;top:160px;left:28px}.selected-color .selected-name{margin-bottom:4px;font:600 18px Fredoka}.selected-color strong{letter-spacing:-.07em;font-size:clamp(42px,5vw,58px);line-height:1}.selected-color>span:last-child{letter-spacing:.08em;text-transform:uppercase;opacity:.62;margin-top:7px;font-size:12px;font-weight:700}.preview-values{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffef0;border:1px solid #fff9;border-radius:20px;grid-template-columns:1fr auto;gap:0 15px;padding:10px 10px 10px 18px;display:grid;position:absolute;bottom:28px;left:28px;right:28px;box-shadow:0 18px 40px #241f3322}.preview .value-row{border-bottom:1px solid #241f3315;grid-column:1;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:57px;padding:7px 0;display:grid}.preview .value-row:nth-child(2){border-bottom:0}.format-label{letter-spacing:.08em;color:#6e667b;font-size:11px;font-weight:700}.preview .value-row .mono{overflow-wrap:anywhere;font-size:13px}.preview .copy,.copy-hex{border:0;border-radius:10px;justify-content:center;align-items:center;gap:7px;font-weight:700;transition:transform .18s,background .18s;display:inline-flex}.preview .copy{color:#241f33;background:#f0ebf4;width:38px;height:38px;padding:0}.preview .copy span{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.preview .copy svg,.copy-hex svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.preview .copy:hover{background:#e4dbea;transform:translateY(-1px)}.copy-hex{color:#fff;background:#241f33;grid-area:1/2/3;align-self:stretch;min-width:112px;padding:0 16px}.copy-hex:hover{background:#393047;transform:translateY(-1px)}.preview .copied{color:#fff;background:#168b6a}.section{padding:64px 0}.section-head{justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px;display:flex}.section h2{margin:0;font-size:clamp(32px,5vw,48px);line-height:1.1}.grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.paint-card{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:32px 26px 26px;text-decoration:none;transition:transform .2s,box-shadow .2s;position:relative;box-shadow:0 12px 32px #241f330b}.paint-card:before{content:"";background:var(--paper);border:1px solid var(--line);border-top:0;border-radius:0 0 16px 16px;width:26px;height:13px;position:absolute;top:-1px;left:50%;transform:translate(-50%)}.paint-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px #241f3312}.card-dot{border-radius:99px;width:38px;height:8px;margin-bottom:20px}.paint-card h3{margin:0 0 8px;font:600 24px Fredoka}.tool-card,.category-card{flex-direction:column;height:100%;display:flex}.tool-card p,.category-card p{flex:1}.tool-card>strong,.category-card>strong{margin-top:auto}.category-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:20px;display:grid}.category-card{min-height:280px}.category-band{color:#fff;background:#241f33}.category-band .paint-card{background:#302a40;border-color:#453d56}.category-band .paint-card:before{background:#241f33;border-color:#453d56}.category-band .muted{color:#c7bfd1}.tool-page{max-width:1120px}.page-hero{max-width:820px;padding:64px 0 38px}.breadcrumbs{color:var(--muted);flex-wrap:wrap;align-items:center;gap:9px;font-size:14px;display:flex}.breadcrumbs a{text-decoration:none}.breadcrumbs a:hover{color:var(--accent)}.breadcrumbs span:not(:last-child){opacity:.55}.page-hero h1{margin:20px 0 16px;font-size:clamp(46px,7vw,70px);line-height:1.02}.page-hero .lead{color:var(--muted);max-width:700px;margin:0;line-height:1.55}.tool-shell{background:var(--panel);border:1px solid var(--line);border-radius:30px;padding:clamp(24px,4vw,44px);position:relative;overflow:hidden;box-shadow:0 24px 70px #241f3310}.tool-shell:after{content:"";background:var(--accent);border-radius:50%;width:180px;height:180px;position:absolute;top:-50px;right:-40px}@supports (color:color-mix(in lab,red,red)){.tool-shell:after{background:color-mix(in srgb,var(--accent) 9%,transparent)}}.tool-shell:after{pointer-events:none}.tool-topline{z-index:1;border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;padding-bottom:25px;display:flex;position:relative}.tool-kicker{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:700;display:block}.tool-topline h2{margin:2px 0 0;font:600 30px Fredoka}.privacy-badge{white-space:nowrap;background:#4fd9b0;border-radius:999px;align-items:center;gap:8px;padding:8px 13px;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.privacy-badge{background:color-mix(in srgb,#4fd9b0 13%,var(--paper))}}.privacy-badge{color:#168266}@supports (color:color-mix(in lab,red,red)){.privacy-badge{color:color-mix(in srgb,#168266 80%,var(--ink))}}.privacy-badge{font-size:13px;font-weight:700}.privacy-badge:first-letter{color:#23b98d}.tool-body{z-index:1;grid-template-columns:minmax(280px,.82fr) minmax(0,1.45fr);align-items:stretch;gap:34px;display:grid;position:relative}.tool-controls{flex-direction:column;gap:22px;padding:4px 0;display:flex}.tool-grid{grid-template-columns:1fr;gap:18px;display:grid}.field{gap:9px;font-size:15px;font-weight:700;display:grid}.field-help{color:var(--muted);margin:8px 0 0;font-size:14px;line-height:1.5}.field input,.field select,.field textarea{border:1px solid var(--line);background:var(--paper);width:100%;min-height:50px;color:var(--ink);border-radius:13px;outline:none;padding:12px 14px;transition:border-color .18s,box-shadow .18s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent)}@supports (color:color-mix(in lab,red,red)){.field input:focus,.field select:focus,.field textarea:focus{box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 14%,transparent)}}.color-control{grid-template-columns:62px minmax(0,1fr);gap:9px;display:grid}.swatch-input{cursor:pointer;height:52px;min-height:52px!important;padding:5px!important}.color-control>.swatch-input:only-child{grid-column:1/-1;width:100%}.primary,.secondary{justify-content:center;align-items:center;gap:12px;min-height:48px;font-weight:700;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.primary{color:#fff;background:linear-gradient(135deg,#8c50dd,#a968ed);border:0;border-radius:13px;padding:13px 20px;box-shadow:0 9px 20px #9b5de52a}.primary:hover{transform:translateY(-2px);box-shadow:0 13px 25px #9b5de53b}.primary span{font-size:20px;line-height:1}.secondary{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:11px;padding:9px 14px}.secondary:hover{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.secondary:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}}.secondary:hover{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.secondary:hover{background:color-mix(in srgb,var(--accent) 5%,var(--panel))}}.action-wide{width:100%;margin-top:auto}.image-canvas{object-fit:contain;border-radius:14px;width:100%;max-height:420px;margin-top:18px;display:none}.native-select{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;min-height:0!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.custom-select{width:100%;font-weight:600;position:relative}.custom-select-trigger{border:1px solid var(--line);background:var(--paper);width:100%;min-height:52px;color:var(--ink);text-align:left;border-radius:13px;outline:none;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px 12px 16px;transition:border-color .18s,box-shadow .18s,background .18s;display:flex}.custom-select-trigger:hover{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.custom-select-trigger:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}}.custom-select-trigger:focus-visible,.custom-select.open .custom-select-trigger{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent)}@supports (color:color-mix(in lab,red,red)){.custom-select-trigger:focus-visible,.custom-select.open .custom-select-trigger{box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 14%,transparent)}}.custom-select-trigger:focus-visible,.custom-select.open .custom-select-trigger{background:var(--panel)}.custom-select-arrow{background:var(--accent);border-radius:9px;flex:0 0 30px;place-items:center;width:30px;height:30px;display:grid}@supports (color:color-mix(in lab,red,red)){.custom-select-arrow{background:color-mix(in srgb,var(--accent) 10%,transparent)}}.custom-select-arrow{color:var(--accent);transition:transform .2s}.custom-select-arrow svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.custom-select.open .custom-select-arrow{transform:rotate(180deg)}.custom-select-menu{z-index:60;border:1px solid var(--line);background:var(--panel);opacity:0;visibility:hidden;transform-origin:top;border-radius:15px;gap:4px;padding:7px;transition:opacity .16s,transform .16s,visibility .16s;display:grid;position:absolute;top:calc(100% + 9px);left:0;right:0;transform:translateY(-6px)scale(.985);box-shadow:0 20px 50px #241f3328}.custom-select.open .custom-select-menu{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.custom-select-option{width:100%;min-height:43px;color:var(--ink);text-align:left;background:0 0;border:0;border-radius:10px;outline:none;justify-content:space-between;align-items:center;gap:12px;padding:9px 11px;font-weight:600;display:flex}.custom-select-option:hover,.custom-select-option:focus-visible{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.custom-select-option:hover,.custom-select-option:focus-visible{background:color-mix(in srgb,var(--accent) 9%,var(--paper))}}.custom-select-option svg{fill:none;width:18px;height:18px;stroke:var(--accent);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;opacity:0}.custom-select-option.selected{color:var(--accent);background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.custom-select-option.selected{background:color-mix(in srgb,var(--accent) 11%,transparent)}}.custom-select-option.selected svg{opacity:1}.result{background:var(--paper);border-radius:22px;min-width:0;margin:0;padding:22px}@supports (color:color-mix(in lab,red,red)){.result{background:color-mix(in srgb,var(--paper) 72%,var(--panel))}}.result{border:1px solid var(--line);box-shadow:inset 0 1px #fff8}.result-swatch{border:1px solid #00000012;border-radius:16px;height:210px;margin-bottom:20px;box-shadow:inset 0 0 0 1px #fff3}.results-list{display:grid}.result-line{border-bottom:1px solid var(--line);grid-template-columns:minmax(110px,.8fr) minmax(0,1.3fr) auto;align-items:center;gap:18px;min-height:56px;padding:9px 0;display:grid}.result-line:last-child{border-bottom:0}.result-line>span{color:var(--muted);text-transform:uppercase;letter-spacing:.045em;font-size:13px;font-weight:700}.result-line code{overflow-wrap:anywhere;font-size:14px}.result-line .copy{min-height:38px;padding:7px 13px}.palette{border-radius:16px;grid-template-columns:repeat(5,1fr);min-height:280px;display:grid;overflow:hidden}.palette-color{color:#fff;text-shadow:0 1px 4px #000a;border:0;justify-content:center;align-items:end;padding:14px 5px;font:12px Space Mono;transition:flex .2s,filter .2s;display:flex}.palette-color:hover{filter:saturate(1.12)brightness(1.04)}.content{max-width:960px;margin:66px auto 90px}.content-section{border-top:1px solid var(--line);grid-template-columns:58px minmax(0,1fr);gap:24px;padding:42px 0;display:grid}.content-section:first-child{border-top:0;padding-top:0}.content-section>div:last-child{min-width:0}.section-number{background:var(--accent);border-radius:14px;align-self:start;place-items:center;width:46px;height:46px;display:grid}@supports (color:color-mix(in lab,red,red)){.section-number{background:color-mix(in srgb,var(--accent) 10%,var(--panel))}}.section-number{color:var(--accent);font:700 14px Space Mono}.content h2{margin:3px 0 22px;font:600 clamp(29px,4vw,38px)/1.15 Fredoka}.content p{color:var(--muted);font-size:18px;line-height:1.75}.steps{counter-reset:steps;grid-template-columns:repeat(2,1fr);gap:12px;margin:0;padding:0;list-style:none;display:grid}.steps li{counter-increment:steps;border:1px solid var(--line);background:var(--panel);border-radius:15px;min-height:72px;padding:18px 18px 18px 52px;position:relative}.steps li:before{content:counter(steps);background:var(--ink);width:24px;height:24px;color:var(--paper);border-radius:50%;place-items:center;font-size:12px;font-weight:700;display:grid;position:absolute;top:17px;left:17px}.faq{border:1px solid var(--line);background:var(--panel);border-radius:18px;overflow:hidden}.faq details{border-top:1px solid var(--line);padding:0}.faq details:first-child{border-top:0}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;padding:20px 22px;font-weight:700;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary span{background:var(--paper);border-radius:50%;flex:0 0 30px;place-items:center;width:30px;height:30px;font-size:21px;font-weight:400;transition:transform .2s;display:grid}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{margin:0;padding:0 22px 22px;font-size:16px}.related{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.related a{border:1px solid var(--line);background:var(--panel);border-radius:16px;grid-template-columns:12px 1fr auto;align-items:center;gap:13px;min-height:82px;padding:17px 18px;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid}.related a:hover{border-color:var(--accent);transform:translateY(-2px)}@supports (color:color-mix(in lab,red,red)){.related a:hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}}.related a:hover{box-shadow:0 12px 24px #241f330c}.related-dot{border-radius:99px;width:10px;height:34px}.related a>span:last-child{color:var(--muted);font-size:14px}.related b{color:var(--accent)}.article{max-width:760px;padding:54px 0 80px}.article h1{font:600 clamp(42px,7vw,64px)/1.05 Fredoka}.article h2{margin-top:42px;font:600 32px Fredoka}.article p{margin:16px 0}.footer{border-top:1px solid var(--line);padding:48px 0 30px}.footer-grid{grid-template-columns:2fr repeat(3,1fr);gap:36px;display:grid}.footer a{color:var(--muted);margin:8px 0;text-decoration:none;display:block}.footer h3{font:600 18px Fredoka}.fine{border-top:1px solid var(--line);color:var(--muted);margin-top:34px;padding-top:20px;font-size:14px}@keyframes chip-in{0%{opacity:0;transform:translateY(8px)}}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media(max-width:1000px){.category-grid{grid-template-columns:repeat(2,1fr)}.category-card{min-height:240px}}@media(max-width:900px){.tool-body{grid-template-columns:1fr}.tool-controls{grid-template-columns:1fr auto;align-items:end;display:grid}.tool-controls>.tool-grid,.tool-controls>div,.tool-controls>label,.tool-controls>p{grid-column:1/-1}.action-wide{width:auto;min-width:190px}.result-swatch{height:190px}}@media(max-width:760px){.nav{gap:10px}.logo{font-size:19px}.nav-links{display:none}.mobile-nav{display:block}.hero{padding-top:44px}.hero-grid{grid-template-columns:1fr;gap:30px}.preview{min-height:540px;padding:22px}.preview-head{font-size:10px}.swatch-rail{top:68px;left:22px}.chip{width:34px;height:34px}.selected-color{top:148px;left:22px}.selected-color strong{font-size:43px}.preview-values{grid-template-columns:1fr;padding:10px 14px 14px;bottom:22px;left:22px;right:22px}.preview .value-row{grid-template-columns:35px minmax(0,1fr) 38px}.copy-hex{grid-area:auto/1;min-height:46px;margin-top:8px}.grid,.category-grid{grid-template-columns:1fr}.category-card{min-height:0}.page-hero{padding:42px 0 28px}.page-hero h1{font-size:42px}.tool-shell{border-radius:22px;padding:20px}.tool-topline{align-items:flex-start}.tool-topline h2{font-size:26px}.privacy-badge{font-size:11px}.tool-controls{display:flex}.action-wide{width:100%}.result{padding:16px}.result-swatch{height:150px}.result-line{grid-template-columns:1fr auto;gap:8px}.result-line code{grid-column:1/2}.result-line .copy{grid-area:1/2/3}.palette{grid-template-columns:1fr;min-height:auto}.palette-color{min-height:82px}.content{margin-top:46px}.content-section{grid-template-columns:1fr;gap:15px;padding:32px 0}.section-number{width:40px;height:40px}.steps,.related{grid-template-columns:1fr}.related a{grid-template-columns:10px 1fr}.related a>span:last-child{grid-column:2}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}.home-faq{background:linear-gradient(180deg,var(--paper),#9b5de5);position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.home-faq{background:linear-gradient(180deg,var(--paper),color-mix(in srgb,#9b5de5 6%,var(--paper)))}}.home-faq:before{content:"";background:#ffc93c26;border-radius:50%;width:320px;height:320px;position:absolute;top:-130px;right:-140px}.faq-layout{grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);align-items:start;gap:72px;display:grid;position:relative}.faq-intro{position:sticky;top:118px}.faq-intro h2{margin:12px 0 18px}.faq-intro .lead{color:var(--muted);font-size:18px;line-height:1.65}.faq-dots{gap:8px;margin-top:28px;display:flex}.faq-dots i{border-radius:50%;width:13px;height:13px}.faq-dots i:first-child{background:#ff6f59}.faq-dots i:nth-child(2){background:#ffc93c}.faq-dots i:nth-child(3){background:#4fd9b0}.faq-dots i:nth-child(4){background:#4d96ff}.faq-dots i:nth-child(5){background:#9b5de5}.home-faq-list{gap:13px;display:grid}.home-faq-list details{--chip:#9b5de5;border:1px solid var(--line);background:var(--panel);border-radius:20px;transition:border-color .2s,transform .2s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 10px 30px #241f3308}.home-faq-list details:before{content:"";background:var(--chip);width:5px;position:absolute;top:0;bottom:0;left:0}.home-faq-list details:first-child{--chip:#ff6f59}.home-faq-list details:nth-child(2){--chip:#ffc93c}.home-faq-list details:nth-child(3){--chip:#4fd9b0}.home-faq-list details:nth-child(4){--chip:#4d96ff}.home-faq-list details[open]{border-color:var(--chip)}@supports (color:color-mix(in lab,red,red)){.home-faq-list details[open]{border-color:color-mix(in srgb,var(--chip) 42%,var(--line))}}.home-faq-list details[open]{transform:translate(4px);box-shadow:0 16px 38px #241f3310}.home-faq-list summary{cursor:pointer;grid-template-columns:42px 1fr 38px;align-items:center;gap:14px;min-height:76px;padding:14px 16px 14px 22px;list-style:none;display:grid}.home-faq-list summary::-webkit-details-marker{display:none}.home-faq-list summary b{font:600 20px/1.3 Fredoka}.faq-number{color:var(--chip);font:12px Space Mono}.faq-toggle{background:var(--chip);border-radius:12px;place-items:center;width:36px;height:36px;display:grid}@supports (color:color-mix(in lab,red,red)){.faq-toggle{background:color-mix(in srgb,var(--chip) 12%,var(--paper))}}.faq-toggle{color:var(--chip);font-size:24px;line-height:1;transition:transform .2s}.home-faq-list details[open] .faq-toggle{transform:rotate(45deg)}.home-faq-list p{color:var(--muted);margin:0;padding:0 66px 22px 78px;font-size:16px;line-height:1.65}@media(max-width:760px){.logo img{width:174px}.faq-layout{grid-template-columns:1fr;gap:30px}.faq-intro{position:static}.faq-intro h2 br{display:none}.faq-dots{margin-top:20px}.home-faq-list summary{grid-template-columns:32px 1fr 34px;gap:8px;min-height:70px;padding:12px 12px 12px 16px}.home-faq-list summary b{font-size:17px}.faq-toggle{border-radius:10px;width:32px;height:32px}.home-faq-list p{padding:0 50px 18px 56px}.home-faq-list details[open]{transform:none}}@media(max-width:390px){.logo img{width:150px}.icon-btn,.mobile-nav summary{width:38px;height:38px}}@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}
