@font-face{font-family:Nunito Sans;font-style:normal;font-weight:200 1000;font-stretch:100%;font-display:swap;src:url(/_next/static/media/aa1b27f9e325731f-s.woff2?dpl=dpl_Dxvas1xtFC9EANXSJsMAHmb4qKbH) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Nunito Sans;font-style:normal;font-weight:200 1000;font-stretch:100%;font-display:swap;src:url(/_next/static/media/c126d80dc21dff90-s.woff2?dpl=dpl_Dxvas1xtFC9EANXSJsMAHmb4qKbH) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Nunito Sans;font-style:normal;font-weight:200 1000;font-stretch:100%;font-display:swap;src:url(/_next/static/media/e850464f9dfbb75b-s.woff2?dpl=dpl_Dxvas1xtFC9EANXSJsMAHmb4qKbH) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Nunito Sans;font-style:normal;font-weight:200 1000;font-stretch:100%;font-display:swap;src:url(/_next/static/media/357067f10075d686-s.woff2?dpl=dpl_Dxvas1xtFC9EANXSJsMAHmb4qKbH) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:Nunito Sans;font-style:normal;font-weight:200 1000;font-stretch:100%;font-display:swap;src:url(/_next/static/media/68180864d7f93f02-s.p.woff2?dpl=dpl_Dxvas1xtFC9EANXSJsMAHmb4qKbH) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Nunito Sans Fallback;src:local("Arial");ascent-override:99.71%;descent-override:34.82%;line-gap-override:0.00%;size-adjust:101.39%}.__className_96f83f{font-family:Nunito Sans,Nunito Sans Fallback;font-style:normal}.__variable_96f83f{--font-interface:"Nunito Sans","Nunito Sans Fallback"}@font-face{font-family:Fredoka;font-style:normal;font-weight:300 700;font-stretch:100%;font-display:swap;src:url(/_next/static/media/3e5302f118d6bde7-s.woff2?dpl=dpl_Dxvas1xtFC9EANXSJsMAHmb4qKbH) format("woff2");unicode-range:u+0307-0308,u+0590-05ff,u+200c-2010,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Fredoka;font-style:normal;font-weight:300 700;font-stretch:100%;font-display:swap;src:url(/_next/static/media/bb36247b0b027bd1-s.woff2?dpl=dpl_Dxvas1xtFC9EANXSJsMAHmb4qKbH) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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-weight:300 700;font-stretch:100%;font-display:swap;src:url(/_next/static/media/bca7023bf625e650-s.p.woff2?dpl=dpl_Dxvas1xtFC9EANXSJsMAHmb4qKbH) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Fredoka Fallback;src:local("Arial");ascent-override:95.64%;descent-override:23.17%;line-gap-override:0.00%;size-adjust:101.84%}.__className_c98f5c{font-family:Fredoka,Fredoka Fallback;font-style:normal}.__variable_c98f5c{--font-display:"Fredoka","Fredoka Fallback"}.mallowdesk-tools-launcher{position:relative;z-index:80;display:inline-flex;flex:0 0 auto}.mallowdesk-tools-launcher__trigger{position:relative;width:auto;height:2.75rem;min-width:2.75rem;min-height:2.75rem;padding:0 .82rem;display:inline-flex;align-items:center;justify-content:center;gap:.46rem;border:1px solid var(--line,#dccdbe);border-radius:.9rem;background:var(--paper,#fffdf7);box-shadow:0 .13rem 0 rgb(96 67 53/15%);color:var(--ink,#3b2e2a);cursor:pointer;transition:background-color .14s ease,border-color .14s ease,box-shadow .1s ease,transform .1s ease}.mallowdesk-tools-launcher__trigger-label{font-size:.84rem;font-weight:850;line-height:1}.mallowdesk-tools-launcher__trigger svg{width:1.18rem;height:1.18rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.75}.mallowdesk-tools-launcher__trigger[aria-expanded=true]{border-color:#d47671;background:var(--strawberry-soft,var(--coral-soft,#ffd8cf))}.mallowdesk-tools-launcher__directory-link:focus-visible,.mallowdesk-tools-launcher__link:focus-visible,.mallowdesk-tools-launcher__trigger:focus-visible{outline:3px solid var(--focus,#285ba8);outline-offset:3px}.mallowdesk-tools-launcher__panel{position:fixed;z-index:1000;margin:0;padding:1rem;overflow:auto;overscroll-behavior:contain;border:1px solid var(--line,#dccdbe);border-radius:1.2rem;background:var(--paper,#fffdf7);box-shadow:0 1rem 3rem rgb(72 49 41/22%);color:var(--ink,#3b2e2a)}.mallowdesk-tools-launcher__panel[hidden]{display:none}.mallowdesk-tools-launcher__panel-title{margin:0;font-family:var(--font-display,ui-rounded,sans-serif);font-size:1.05rem;font-weight:700;letter-spacing:-.02em;line-height:1.2}.mallowdesk-tools-launcher__groups{margin-top:.8rem;display:grid;gap:.8rem}.mallowdesk-tools-launcher__directory-link{margin-top:.8rem;min-height:2.75rem;padding:.68rem .75rem;display:flex;align-items:center;justify-content:space-between;gap:.7rem;border:1px solid #e3af91;border-radius:.78rem;background:color-mix(in srgb,var(--paper,#fffdf7) 68%,#ffd8cf);color:inherit;font-size:.88rem;font-weight:850;line-height:1.2;text-decoration:none}.mallowdesk-tools-launcher__group+.mallowdesk-tools-launcher__group{padding-top:.8rem;border-top:1px solid var(--line,#dccdbe)}.mallowdesk-tools-launcher__group-title{margin:0 0 .38rem;color:var(--muted-ink,var(--ink-soft,#74635d));font-size:.7rem;font-weight:850;letter-spacing:.1em;line-height:1.3;text-transform:uppercase}.mallowdesk-tools-launcher__list{margin:0;padding:0;display:grid;gap:.28rem;list-style:none}.mallowdesk-tools-launcher__link{min-height:2.75rem;padding:.58rem .68rem;display:flex;align-items:center;justify-content:space-between;gap:.7rem;border:1px solid transparent;border-radius:.78rem;color:inherit;font-size:.88rem;font-weight:750;line-height:1.2;text-decoration:none}.mallowdesk-tools-launcher__link[aria-current=page]{border-color:#e3af91;background:var(--strawberry-soft,var(--coral-soft,#ffd8cf))}.mallowdesk-tools-launcher__current{color:var(--muted-ink,var(--ink-soft,#74635d));font-size:.68rem;font-weight:750}@media (hover:hover) and (pointer:fine){.mallowdesk-tools-launcher__trigger:hover{border-color:#d47671;background:var(--strawberry-soft,var(--coral-soft,#ffd8cf));transform:translateY(-1px)}.mallowdesk-tools-launcher__link:hover{border-color:#e3af91;background:color-mix(in srgb,var(--paper,#fffdf7) 74%,#ffd8cf)}.mallowdesk-tools-launcher__directory-link:hover{background:color-mix(in srgb,var(--paper,#fffdf7) 48%,#ffd8cf)}}@media (max-width:540px){.mallowdesk-tools-launcher__trigger{width:2.75rem;padding:0}.mallowdesk-tools-launcher__trigger-label{display:none}}@media (prefers-reduced-motion:reduce){.mallowdesk-tools-launcher__trigger{transition:none}}@media (forced-colors:active){.mallowdesk-tools-launcher__directory-link,.mallowdesk-tools-launcher__link[aria-current=page],.mallowdesk-tools-launcher__panel,.mallowdesk-tools-launcher__trigger{border:1px solid CanvasText}}.mallowdesk-mark_mark___FJbP{display:block;overflow:visible;color:var(--mallowdesk-mark-ink,#4a332d)}.mallowdesk-mark_deskBody__7oJBS{fill:var(--mallowdesk-mark-body,#e98c7c);stroke:currentColor}.mallowdesk-mark_drawerDivider__fue_Y,.mallowdesk-mark_face__mgWhM{fill:none;stroke:currentColor}.mallowdesk-mark_drawerAccent__xadvb{fill:none;stroke:var(--mallowdesk-mark-accent,#f2c75c)}.mallowdesk-mark_deskTop__CLvvk{fill:var(--mallowdesk-mark-top,#f6c7a5);stroke:currentColor}@media (forced-colors:active){.mallowdesk-mark_mark___FJbP{color:CanvasText}.mallowdesk-mark_deskBody__7oJBS,.mallowdesk-mark_deskTop__CLvvk{fill:Canvas;stroke:CanvasText}.mallowdesk-mark_drawerAccent__xadvb,.mallowdesk-mark_drawerDivider__fue_Y,.mallowdesk-mark_face__mgWhM{stroke:CanvasText}}footer.product-family-footer_footer__YG8C3{--family-footer-ink:#3b2e2a;--family-footer-muted:#756661;--family-footer-line:rgb(87 67 61/16%);width:100%;padding:20px max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));border-top:1px solid var(--family-footer-line);background:linear-gradient(135deg,rgb(255 214 107/12%),transparent 46%),#fffaf0;color:var(--family-footer-ink)}div.product-family-footer_inner__G1gyv{display:flex;width:min(100%,74rem);margin:0 auto;align-items:center;justify-content:space-between;gap:24px}a.product-family-footer_brand__JedSF{display:flex;max-width:min(100%,34rem);min-width:0;min-height:44px;align-items:center;gap:10px;color:inherit;text-decoration:none}.product-family-footer_mark__T3W3i{width:40px;height:40px;flex:0 0 40px}.product-family-footer_brandCopy__vJ2_i{display:flex;min-width:0;align-items:flex-start;flex-direction:column;gap:1px;line-height:1.25}a.product-family-footer_brand__JedSF strong{font-family:var(--font-display),sans-serif;font-size:1.04rem;font-weight:700;line-height:inherit}a.product-family-footer_brand__JedSF small{color:var(--family-footer-muted);font-size:.8rem;font-weight:650;line-height:inherit}nav.product-family-footer_navigation__yY2ch{display:flex;flex:1 1 auto;min-width:0;align-items:center;justify-content:flex-end;gap:2px}nav.product-family-footer_navigation__yY2ch a{display:inline-flex;min-width:0;min-height:44px;padding:7px 8px;border-radius:10px;align-items:center;color:inherit;font-size:.85rem;font-weight:750;line-height:1.18;text-decoration:none}.product-family-footer_studio__zMQeF{margin-left:clamp(8px,2vw,24px);color:#184f73;white-space:nowrap}a.product-family-footer_brand__JedSF:focus-visible,nav.product-family-footer_navigation__yY2ch a:focus-visible{box-shadow:none!important;outline:3px solid var(--focus,#0f78a8);outline-offset:3px}nav.product-family-footer_navigation__yY2ch a:hover{background:rgb(255 255 255/60%)}@media (max-width:820px){div.product-family-footer_inner__G1gyv{align-items:flex-start;flex-direction:column;gap:10px}nav.product-family-footer_navigation__yY2ch{width:100%;flex-wrap:wrap;justify-content:flex-start}}@media (max-width:640px){footer.product-family-footer_footer__YG8C3{padding-top:16px;padding-bottom:max(16px,env(safe-area-inset-bottom))}nav.product-family-footer_navigation__yY2ch{gap:0}nav.product-family-footer_navigation__yY2ch a{padding-inline:8px}}@media (max-width:280px){footer.product-family-footer_footer__YG8C3{padding-right:max(12px,env(safe-area-inset-right));padding-left:max(12px,env(safe-area-inset-left))}nav.product-family-footer_navigation__yY2ch a{padding-inline:6px}.product-family-footer_studio__zMQeF{width:100%;margin-left:0;white-space:normal}}@media (forced-colors:active){footer.product-family-footer_footer__YG8C3{border-color:CanvasText;background:Canvas;color:CanvasText}a.product-family-footer_brand__JedSF:focus-visible,nav.product-family-footer_navigation__yY2ch a:focus-visible{outline:2px solid Highlight;outline-offset:2px}}

/*! 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)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid}}}@layer theme{:host,:root{--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;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden}.absolute,.sr-only{position:absolute}.relative{position:relative}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.flex{display:flex}.hidden{display:none}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}}:root{--cream:#fffdf7;--page:#fff8e9;--ink:#3b2e2a;--ink-soft:#705b54;--gold:#ffd66b;--gold-deep:#e7ab2d;--teal:#176b70;--teal-deep:#105459;--teal-bright:#19aaa0;--mint:#dff4f0;--mint-strong:#8edab9;--plum:#6d3f63;--plum-wash:#f4e7f1;--coral:#d6655f;--coral-wash:#fff0ec;--green:#267451;--green-wash:#e7f5eb;--line:#e8daca;--line-strong:#bda99a;--focus:#105459;--focus-ring:#176b7080;--shadow:0 18px 50px #533b2f1f;--shadow-small:0 8px 24px #533b2f1a;--tool-max:1120px}*{box-sizing:border-box}html{background:var(--page);scroll-behavior:smooth}body,html{min-width:0;color:var(--ink)}body{background:radial-gradient(circle at 8% 7%,#ffd66b40,transparent 25rem),radial-gradient(circle at 94% 15%,#176b701f,transparent 28rem),var(--page);min-height:100vh;font-family:var(--font-interface),Arial,sans-serif;font-synthesis:none;-webkit-font-smoothing:antialiased;margin:0;line-height:1.55;overflow-x:hidden}button,input,select,textarea{font:inherit}a,button,input,select{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:var(--teal-deep);text-underline-offset:.18em}a:hover{color:#0a3d42}[tabindex]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:none;box-shadow:0 0 0 3px var(--focus-ring)!important}input:focus,select:focus{outline:none;border-color:var(--focus)!important;box-shadow:0 0 0 3px var(--focus-ring)!important}.tool-nav [data-mallowdesk-tools-trigger=true]:focus-visible,.tool-nav a:focus-visible{box-shadow:0 0 0 3px var(--focus-ring)!important;outline:none!important}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-header{z-index:30;padding:max(clamp(.85rem,2.2vw,1.6rem),env(safe-area-inset-top)) max(clamp(1rem,3vw,2rem),env(safe-area-inset-right)) 0 max(clamp(1rem,3vw,2rem),env(safe-area-inset-left));position:relative}.site-header__inner{width:min(100%,var(--tool-max));justify-content:space-between;align-items:center;gap:24px;min-height:3.25rem;margin:0 auto;display:flex}.brand{min-width:0;min-height:44px;color:var(--ink);align-items:center;gap:.7rem;text-decoration:none;display:inline-flex}.brand__copy{flex-direction:column;min-width:0;display:flex}.brand strong{font-family:var(--font-display),sans-serif;letter-spacing:-.025em;font-size:1.04rem;font-weight:650;line-height:1.15}.brand small{color:var(--ink-soft);margin-top:.18rem;font-size:.78rem;font-weight:600;line-height:1.2}.brand__mark{border:1px solid var(--line-strong);background:var(--gold);border-radius:48% 52% 46% 54%;flex:0 0 2.35rem;place-items:center;width:2.35rem;height:2.35rem;display:grid;transform:rotate(-4deg);box-shadow:0 .16rem #a7742f5c}.brand__image-mark{color:var(--ink);display:block;transform:rotate(4deg)}.tool-nav{flex:none;display:flex}.hero{text-align:center;width:min(100% - 2rem,920px);margin:0 auto;padding:clamp(3.6rem,8vw,7.2rem) 0 clamp(2rem,5vw,3.8rem)}.eyebrow,.hero__eyebrow,.info-eyebrow{color:var(--teal-deep);letter-spacing:.12em;text-transform:uppercase;margin:0 0 .65rem;font-size:.78rem;font-weight:850}.animation-lab h1,.guide h2,.hero h1,.info-paper h1{font-family:var(--font-display),sans-serif;letter-spacing:-.035em;margin:0;font-weight:680;line-height:1.04}.hero h1{text-wrap:balance;font-size:clamp(2.35rem,7vw,5rem)}.hero>p:not(.hero__eyebrow){max-width:760px;color:var(--ink-soft);margin:1.25rem auto 0;font-size:clamp(1.02rem,2vw,1.2rem)}.hero__trust{flex-wrap:wrap;justify-content:center;gap:.55rem;margin-top:1.35rem;display:flex}.hero__trust span{color:var(--teal-deep);background:#fffdf7c7;border:1px solid #a8d3cf;border-radius:999px;padding:.45rem .75rem;font-size:.82rem;font-weight:750}.color-picker-app{width:min(calc(100% - 2rem),var(--tool-max));margin:0 auto clamp(4.5rem,9vw,7.5rem)}.upload-layout{border:1px solid var(--line);box-shadow:var(--shadow);background:#fffdf7eb;border-radius:2rem;grid-template-columns:minmax(0,1fr) minmax(170px,240px);align-items:center;gap:clamp(1rem,3vw,2rem);padding:clamp(1rem,3vw,1.8rem);display:grid}.upload-zone{background:linear-gradient(145deg,#f7fffc,#eef9f6);border:2px dashed #85bbb8;border-radius:1.45rem;min-width:0;padding:clamp(1.1rem,4vw,2rem);transition:border-color .16s,background .16s,transform .16s}.upload-zone[data-drag-active=true]{border-color:var(--teal-deep);background:#dff4f0;transform:translateY(-2px)}.upload-zone h2{font-family:var(--font-display),sans-serif;margin:0;font-size:clamp(1.55rem,4vw,2.25rem);line-height:1.1}.upload-zone p{color:var(--ink-soft);margin:.55rem 0 0}.dialog-actions,.export-actions,.inline-actions,.palette-actions,.upload-actions{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.upload-actions{margin-top:1.2rem}.upload-actions input[type=file]{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.upload-actions input[type=file]:focus-visible+label{outline:3px solid var(--teal-deep);outline-offset:3px}.animation-lab button,.coordinate-controls button,.dialog-actions button,.primary-button,.secondary-button,.tool-panel button,.upload-zone button,.workspace-toolbar button{border:1px solid var(--line-strong);background:var(--cream);min-height:44px;color:var(--ink);cursor:pointer;border-radius:.8rem;justify-content:center;align-items:center;font-weight:780;line-height:1.15;display:inline-flex}.primary-button{border-color:var(--teal-deep);background:var(--teal);color:#fff;padding:.75rem 1rem;text-decoration:none}.primary-button:hover{background:var(--teal-deep)}.coordinate-controls button,.secondary-button,.tool-panel button,.upload-zone button{padding:.68rem .88rem}button:disabled{cursor:not-allowed;opacity:.5}.text-button{text-underline-offset:.18em;text-decoration:underline;color:var(--teal-deep)!important;background:0 0!important;border-color:#0000!important}.privacy-line{font-size:.86rem;font-weight:700}.mascot-stage{pointer-events:none;place-items:center;min-height:170px;display:grid}.mascot-stage__image{object-fit:contain;filter:drop-shadow(0 15px 18px #4e334524);width:min(100%,210px);height:auto}.mascot-stage[data-pose=sampling] .mascot-stage__image{animation:sampling-arrive .22s cubic-bezier(.2,.9,.25,1) both}.mascot-stage[data-pose=palette-ready] .mascot-stage__image{animation:palette-pop .56s cubic-bezier(.18,1.15,.36,1) both}@keyframes sampling-arrive{0%{opacity:.3;transform:translateY(7px)scale(.97)}to{opacity:1;transform:none}}@keyframes palette-pop{0%{opacity:0;transform:scale(.86)rotate(-2deg)}64%{opacity:1;transform:scale(1.04)rotate(1deg)}to{opacity:1;transform:none}}.error-banner{background:var(--coral-wash);color:#78352f;border:1px solid #e5a79e;border-radius:1rem;gap:.2rem;margin-top:1rem;padding:.95rem 1rem;display:grid}.workspace-notice{min-height:1.55rem;color:var(--ink-soft);margin:.75rem 0;font-size:.9rem}.image-workspace,.tool-panel{border:1px solid var(--line);box-shadow:var(--shadow-small);background:#fffdf7f0;border-radius:1.5rem}.image-workspace{margin-top:1rem;padding:clamp(.85rem,3vw,1.5rem)}.panel-heading,.workspace-toolbar{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.panel-heading h2,.saved-palettes h3,.workspace-toolbar h2{font-family:var(--font-display),sans-serif;margin:0;line-height:1.15}.workspace-toolbar span{color:var(--ink-soft);font-size:.88rem}.zoom-controls{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.zoom-controls button{min-width:44px;padding:.55rem}.zoom-controls output{text-align:center;min-width:4rem;font-family:var(--font-display),sans-serif;font-weight:650}.zoom-controls button[aria-pressed=true]{border-color:var(--teal-deep);background:var(--mint);color:var(--teal-deep)}.canvas-shell{overscroll-behavior:contain;background-color:#eeeae2;background-image:linear-gradient(45deg,#d8d2c9 25%,#0000 0),linear-gradient(-45deg,#d8d2c9 25%,#0000 0),linear-gradient(45deg,#0000 75%,#d8d2c9 0),linear-gradient(-45deg,#0000 75%,#d8d2c9 0);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;border:1px solid #a7c9c6;border-radius:1rem;width:100%;max-height:680px;margin-top:1rem;position:relative;overflow:auto}.canvas-scale{min-width:1px;margin:auto;position:relative}.pixel-canvas{cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.pixel-canvas--pan{cursor:grab}.pixel-canvas--pan:active{cursor:grabbing}.pixel-loupe{z-index:4;border:2px solid var(--ink);background:var(--cream);width:max-content;max-width:190px;box-shadow:var(--shadow-small);pointer-events:none;transform-origin:0 0;border-radius:.75rem;padding:.5rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;position:absolute;top:0;left:0}.pixel-loupe__color{border:1px solid var(--ink);background-image:linear-gradient(90deg,#ffffff2e 1px,#0000 0),linear-gradient(#ffffff2e 1px,#0000 0);background-size:10px 10px;border-radius:.4rem;width:100%;height:42px;margin-bottom:.35rem;display:block}.canvas-help{color:var(--ink-soft);margin:.65rem 0 0;font-size:.84rem}.coordinate-controls{flex-wrap:wrap;align-items:flex-end;gap:.55rem;margin-top:.85rem;display:flex}.coordinate-controls label{color:var(--ink-soft);gap:.25rem;font-size:.82rem;font-weight:800;display:grid}.coordinate-controls input{border:1px solid var(--line-strong);width:7rem;min-height:44px;color:var(--ink);background:#fff;border-radius:.7rem;padding:.55rem .65rem}.result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem;display:grid}.tool-panel{min-width:0;padding:clamp(1rem,3vw,1.45rem)}.panel-heading .eyebrow{margin-bottom:.35rem}.selected-color-chip{border:2px solid var(--ink);background-image:linear-gradient(45deg,#ddd 25%,#0000 0),linear-gradient(-45deg,#ddd 25%,#0000 0);border-radius:1rem;flex:0 0 54px;width:54px;height:54px;box-shadow:inset 0 0 0 2px #fff}.selection-coordinate{color:var(--ink-soft);margin:.9rem 0 0}.color-value-grid{gap:.5rem;margin-top:.85rem;display:grid}.color-value{border:1px solid var(--line);background:#fff;border-radius:.8rem;grid-template-columns:3.5rem minmax(0,1fr) auto;align-items:center;gap:.55rem;min-width:0;padding:.45rem;display:grid}.color-value>span{color:var(--teal-deep);letter-spacing:.06em;font-size:.72rem;font-weight:900}.color-value__manual{min-width:0;min-height:44px;color:var(--ink);background:0 0;border:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem}.color-value button{min-height:44px;padding:.45rem .6rem}.inline-actions{margin-top:.85rem}.empty-copy,.panel-note{color:var(--ink-soft);font-size:.86rem}.empty-copy{margin:1rem 0 0}.swap-button{min-width:70px}.swap-button:active{transition:transform .16s;transform:rotate(180deg)}.contrast-inputs{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-top:1rem;display:grid}.contrast-base{grid-column:1/-1}.contrast-inputs label,.palette-save label{color:var(--ink-soft);gap:.3rem;font-size:.82rem;font-weight:800;display:grid}.color-input-row{grid-template-columns:minmax(0,1fr) 44px;display:grid}.color-input-row input,.palette-save input,.palette-size select{border:1px solid var(--line-strong);min-width:0;min-height:44px;color:var(--ink);background:#fff}.color-input-row input{border-radius:.7rem 0 0 .7rem;padding:.55rem .65rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.color-input-row>span{background-image:linear-gradient(45deg,#ddd 25%,#0000 0),linear-gradient(-45deg,#ddd 25%,#0000 0);border:1px solid var(--line-strong);border-left:0;border-radius:0 .7rem .7rem 0}.contrast-preview{border:1px solid var(--line-strong);border-radius:.85rem;gap:.2rem;margin-top:.9rem;padding:1.1rem;display:grid}.contrast-preview strong{font-size:1.08rem}.contrast-score{align-items:baseline;gap:.6rem;margin-top:.8rem;display:flex}.contrast-score strong{font-family:var(--font-display),sans-serif;font-size:2rem;line-height:1}.contrast-score span{color:var(--ink-soft);font-size:.78rem}.contrast-badges{flex-wrap:wrap;gap:.4rem;margin-top:.7rem;display:flex}.contrast-badge{background:var(--coral-wash);color:#7d342e;border:1px solid #dc9f97;border-radius:999px;padding:.35rem .55rem;font-size:.76rem;font-weight:850}.contrast-badge--pass{background:var(--green-wash);color:#1d6242;border-color:#8cc7a8}.field-error{color:#8a3028;margin:.7rem 0 0;font-weight:750}.palette-panel{margin-top:1rem}.palette-size{color:var(--ink-soft);gap:.2rem;font-size:.78rem;font-weight:850;display:grid}.palette-size select{border-radius:.65rem;min-width:76px;padding:.45rem}.palette-actions{margin-top:.9rem}.palette-actions>span{color:var(--ink-soft);font-size:.86rem}.palette-edit-toolbar{flex-wrap:wrap;align-items:center;gap:.65rem;margin-top:1rem;display:flex}.palette-edit-toolbar span{color:var(--ink-soft);font-size:.82rem}.swatch-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.65rem;margin-top:1rem;display:grid}.swatch-card{border:1px solid var(--line);background:#fff;border-radius:1rem;min-width:0;animation:swatch-arrive .42s both;overflow:hidden}.swatch-card:nth-child(2){animation-delay:70ms}.swatch-card:nth-child(3){animation-delay:.14s}.swatch-card:nth-child(4){animation-delay:.21s}.swatch-card:nth-child(5){animation-delay:.28s}.swatch-card:nth-child(6){animation-delay:.35s}.swatch-card:nth-child(7){animation-delay:.42s}.swatch-card:nth-child(8){animation-delay:.49s}@keyframes swatch-arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.swatch-card__color{width:100%;height:78px;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;min-height:78px!important;display:block!important}.swatch-card>span,.swatch-card>strong{padding:0 .7rem;display:block}.swatch-card>strong{margin-top:.55rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.swatch-card>span{color:var(--ink-soft);font-size:.78rem}.swatch-card>div{grid-template-columns:1fr 1fr;gap:.3rem;padding:.55rem;display:grid}.swatch-card>div button{min-height:44px;padding:.35rem;font-size:.72rem}.swatch-card__edit-actions{padding-top:0!important}.swatch-card__edit-actions label{color:var(--ink-soft);gap:.2rem;font-size:.7rem;font-weight:850;display:grid}.swatch-card__edit-actions select{border:1px solid var(--line-strong);background:var(--cream);min-height:44px;color:var(--ink);border-radius:.65rem}.palette-save{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.65rem;margin-top:1rem;display:grid}.palette-save input{border-radius:.7rem;width:100%;padding:.6rem .7rem}.export-actions{margin-top:.65rem}.saved-palettes{border-top:1px solid var(--line);content-visibility:auto;contain-intrinsic-size:240px;margin-top:1.25rem;padding-top:1rem}.saved-palette-list{gap:.5rem;margin-top:.7rem;display:grid}.saved-palette-list article{grid-template-columns:minmax(0,1fr) auto auto;gap:.5rem;display:grid}.saved-palette__restore{gap:.6rem;min-width:0;justify-content:space-between!important;padding:.55rem .7rem!important;display:flex!important}.saved-palette__restore strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.saved-palette__rename{grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto auto;align-items:end;gap:.5rem;display:grid}.saved-palette__rename label{color:var(--ink-soft);gap:.25rem;font-size:.78rem;font-weight:800;display:grid}.saved-palette__rename input{border:1px solid var(--line-strong);border-radius:.7rem;min-width:0;min-height:44px;padding:.55rem .65rem}.saved-palette__colors{flex:none;display:flex}.saved-palette__colors i{border:1px solid var(--ink);border-radius:50%;width:18px;height:18px;margin-left:-3px}.dialog-backdrop{z-index:100;background:#2319168f;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.unsaved-dialog{border:1px solid var(--line);background:var(--cream);border-radius:1.4rem;width:min(100%,520px);padding:1.4rem;box-shadow:0 26px 80px #1c141247}.unsaved-dialog h2{font-family:var(--font-display),sans-serif;margin:0;font-size:1.8rem;line-height:1.1}.unsaved-dialog p:not(.eyebrow){color:var(--ink-soft)}.guide{width:min(calc(100% - 2rem),var(--tool-max));margin:0 auto clamp(5rem,10vw,8rem)}.guide__intro{max-width:760px}.guide h2{font-size:clamp(2rem,5vw,3.4rem)}.guide__intro>p:last-child{color:var(--ink-soft);font-size:1.05rem}.guide__ledger{grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;margin-top:1.8rem;display:grid}.guide__ledger section,.guide__notes section{border:1px solid var(--line);background:#fffdf7e0;border-radius:1.2rem;padding:1.15rem}.guide__ledger strong{background:var(--mint);width:2.2rem;height:2.2rem;color:var(--teal-deep);border-radius:50%;place-items:center;display:grid}.guide h3,.guide__ledger strong{font-family:var(--font-display),sans-serif}.guide h3{margin:.75rem 0 .35rem;font-size:1.15rem;line-height:1.2}.guide p{color:var(--ink-soft);margin:0}.guide__notes{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;margin-top:.9rem;display:grid}.info-shell{width:min(100% - 2rem,860px);margin:0 auto;padding:clamp(3rem,8vw,6rem) 0}.info-paper{border:1px solid var(--line);box-shadow:var(--shadow);background:#fffdf7f0;border-radius:1.7rem;padding:clamp(1.2rem,5vw,3rem)}.info-back-link{align-items:center;min-height:44px;font-weight:800;display:inline-flex}.info-eyebrow{margin-top:1.3rem}.info-paper h1{font-size:clamp(2.2rem,6vw,4.1rem)}.info-lead{color:var(--ink-soft);font-size:1.1rem}.info-content{gap:1.45rem;margin-top:2rem;display:grid}.info-content section{border-top:1px solid var(--line);padding-top:1.1rem}.info-content h2{font-family:var(--font-display),sans-serif;margin:0 0 .45rem;line-height:1.2}.info-content p{color:var(--ink-soft);margin:0}.info-content code{overflow-wrap:anywhere}.contact-box{background:var(--mint);border-radius:.9rem;padding:1rem;font-style:normal;font-weight:850}.animation-lab{background:#f8f3eb;grid-template-columns:minmax(260px,360px) minmax(0,1fr);min-height:100vh;display:grid}.animation-lab__controls{border-right:1px solid var(--line);background:var(--cream);flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.animation-lab fieldset{border:1px solid var(--line);border-radius:.8rem}.animation-lab__button-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;display:grid}.animation-lab button{padding:.55rem}.animation-lab button[aria-pressed=true]{border-color:var(--teal-deep);background:var(--mint)}.animation-lab__check{align-items:center;gap:.55rem;min-height:44px;display:flex}.animation-lab__preview{min-width:0;padding:clamp(1rem,4vw,2.5rem)}.animation-lab__note{max-width:620px}.animation-lab__frame{width:min(100%,800px);margin-top:1rem;transition:width .18s}.animation-lab__frame[data-frame=narrow]{width:195px}.animation-lab__frame[data-frame=mobile]{width:390px}.animation-lab__frame[data-frame=landscape]{width:844px;max-width:100%}.animation-lab__frame[data-frame=desktop]{width:1100px;max-width:100%}.animation-lab__tool-card{border:1px solid var(--line);background:var(--cream);border-radius:1.2rem;grid-template-columns:minmax(0,1fr) 190px;align-items:center;gap:1rem;padding:1rem;display:grid;overflow:hidden}.animation-lab__drop-zone{background:var(--mint);text-align:center;border:2px dashed #85bbb8;border-radius:1rem;align-content:center;place-items:center;min-height:150px;display:grid}.animation-lab__swatches{grid-column:1/-1;gap:.4rem;display:flex}.animation-lab__swatches span{border:1px solid var(--ink);border-radius:.7rem;width:44px;height:44px}.animation-lab--reduced *,.animation-lab--reduced :after,.animation-lab--reduced :before{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-delay:0s!important}@media (max-width:760px){.upload-layout{grid-template-columns:1fr}.upload-layout .mascot-stage{grid-row:2;min-height:120px}.mascot-stage__image{width:138px}.guide__ledger,.guide__notes,.result-grid{grid-template-columns:1fr}.workspace-toolbar{flex-direction:column;align-items:stretch}.animation-lab{grid-template-columns:1fr}.animation-lab__controls{border-right:0;border-bottom:1px solid var(--line)}}@media (max-width:540px){.site-header{padding-inline:.75rem}.site-header__inner{gap:.5rem}.brand small{display:none}.brand strong{max-width:150px;font-size:.9rem}.brand__mark{flex-basis:2.2rem;width:2.2rem;height:2.2rem}.color-picker-app,.guide,.hero,.info-shell{width:min(calc(100% - 1rem),var(--tool-max))}.hero{padding-top:2.8rem}.image-workspace,.tool-panel,.upload-layout{border-radius:1.1rem}.upload-zone{border-radius:.9rem;padding:1rem}.dialog-actions,.export-actions,.inline-actions,.upload-actions{flex-direction:column;align-items:stretch}.dialog-actions>*,.export-actions>*,.inline-actions>*,.upload-actions>*{width:100%}.panel-heading{align-items:flex-start}.color-value{grid-template-columns:2.7rem minmax(0,1fr)}.color-value button{grid-column:1/-1;width:100%}.contrast-inputs,.palette-save{grid-template-columns:1fr}.palette-save button{width:100%}.swatch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.saved-palette__rename,.swatch-card>div{grid-template-columns:1fr}.coordinate-controls label{flex:6rem}.coordinate-controls input{width:100%}.coordinate-controls button{flex:100%}.animation-lab__tool-card{grid-template-columns:1fr}.animation-lab__swatches{flex-wrap:wrap;grid-column:1}}@media (max-width:240px){.brand strong{max-width:92px;font-size:.78rem}.brand__mark{flex-basis:2rem;width:2rem;height:2rem}.hero h1{font-size:1.8rem}.hero__trust{flex-direction:column;align-items:stretch}.upload-layout{padding:.45rem}.image-workspace,.info-paper,.tool-panel,.upload-zone{padding:.7rem}.saved-palette-list article,.swatch-grid{grid-template-columns:1fr}.workspace-toolbar h2{overflow-wrap:anywhere;font-size:1rem}.zoom-controls button{flex:44px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-delay:0s!important}}@media (forced-colors:active){[tabindex]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;box-shadow:none!important;outline:3px solid highlight!important}.canvas-shell,.image-workspace,.swatch-card,.tool-panel,.upload-zone{border-color:canvastext}.primary-button{color:buttontext;background:buttonface;border-color:buttontext}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}