.paint-zone{isolation:isolate;position:relative}.paint-head{isolation:isolate;margin:0;position:relative}.paint-pic>img{width:100%;height:auto;display:block}.paint-pic{display:contents}.paint-surface{pointer-events:none;position:absolute;inset:0}.paint-layer{z-index:-1;pointer-events:none;-webkit-user-select:none;user-select:none;max-width:none;transition:opacity var(--dur,.45s)var(--ease,ease);display:block;position:absolute;top:0;left:0}.paint-art-frame>img{width:100%;height:auto;display:block}[data-paint=on] img[data-paint-art]{opacity:0}[data-paint=off] img[data-paint-art]{opacity:1}@media (scripting:enabled){.paint-head:not([data-paint]) img[data-paint-art],.paint-zone:not([data-paint]) img[data-paint-art]{opacity:0;animation:paint-show .6s var(--ease,ease)3.5s forwards}}@keyframes paint-show{to{opacity:1}}.paint-label{gap:6px;max-width:34em;margin:16px 0 0;display:grid}.paint-label-text{color:var(--ink,#142c30);font-size:var(--text-label,15px);font-weight:600;line-height:1.45}.paint-label-preset{color:var(--pencil,#56635f);font-weight:500}.paint-label-meta{color:var(--pencil,#56635f);font-family:var(--font-mono,ui-monospace,monospace);font-size:var(--text-meta,12px);font-weight:400;line-height:1.55}.paint-seg{white-space:nowrap}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.paint-label{transition:opacity .8s var(--ease,ease).1s}:is(.paint-head,.paint-zone [data-paint-art-wrap]):not([data-paint=off]):not([data-painted]) .paint-label{opacity:0}:is(.paint-head,.paint-zone [data-paint-art-wrap]):not([data-paint]) .paint-label{animation:paint-show .6s var(--ease,ease)3.5s forwards}}.paint-art-frame{position:relative}.paint-fill{display:none}[data-paint-art-wrap][data-paint=on] .paint-fill{z-index:1;cursor:zoom-in;background:0 0;border:0;border-radius:2px;width:100%;height:100%;margin:0;padding:0;display:block;position:absolute;inset:0}.paint-fill:focus-visible{outline-offset:6px}[data-filled] .paint-fill{cursor:default}html[data-paint-gl=off] .paint-clear{display:none!important}@media (scripting:none){.paint-clear{display:none!important}}.paint-rail{z-index:30;border:1px solid var(--rule,#142c3024);border-radius:var(--radius-pill,999px);background:color-mix(in srgb,var(--paper,#faf8f3)94%,transparent);transition:transform .7s var(--ease,ease),opacity .6s var(--ease,ease),visibility 0s;flex-direction:column;align-items:center;gap:2px;padding:6px 5px;display:flex;position:fixed;top:50%;left:14px;transform:translateY(-50%);box-shadow:0 6px 24px -12px #142c3059}.paint-rail[hidden]{display:none}.paint-rail[data-hidden]{visibility:hidden;opacity:0;transform:translate(-140%,-50%)}.paint-rail-item{display:contents}.paint-rail-swatch,.paint-rail-btn{width:34px;height:34px;color:var(--ink,#142c30);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;margin:0;padding:0;display:grid;position:relative}.paint-rail-swatch svg{width:21px;height:21px;fill:var(--c);transition:transform .35s var(--ease,ease)}.paint-rail-btn svg{fill:currentColor;width:19px;height:19px}.paint-rail-clear svg{fill:none}.paint-rail-swatch[aria-pressed=true]{box-shadow:inset 0 0 0 1.5px var(--ink,#142c30)}.paint-rail-swatch:hover svg{transform:scale(1.14)rotate(-8deg)}.paint-rail-btn:hover{background:#142c3012}.paint-rail-btn[aria-pressed=false]{color:var(--pencil,#56635f)}.paint-rail-btn[aria-pressed=false]:before{content:"";background:currentColor;border-radius:2px;width:22px;height:1.6px;position:absolute;transform:rotate(-45deg)}.paint-rail-sep{background:var(--rule,#142c3024);width:18px;height:1px;margin:4px 0}.paint-rail button:after{content:attr(data-tip);background:var(--ink,#142c30);color:var(--paper,#faf8f3);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .25s var(--ease,ease),transform .35s var(--ease,ease);border-radius:5px;padding:5px 9px 6px;font-size:12.5px;font-weight:700;line-height:1.3;position:absolute;top:50%;left:calc(100% + 12px);transform:translate(-4px,-50%)}.paint-rail button:hover:after,.paint-rail button:focus-visible:after{opacity:1;transform:translateY(-50%)}@media (min-width:1101px){:root:has(.paint-rail){--pad:max(clamp(20px,4.4vw,68px),calc(78px - max(0px,(100vw - var(--maxw,1376px))/2)))}}@media (max-width:1100px){.paint-rail{top:auto;left:50%;bottom:max(12px,env(safe-area-inset-bottom));flex-direction:row;padding:4px 7px;transform:translate(-50%)}.paint-rail[data-hidden]{transform:translate(-50%,150%)}.paint-rail-sep{width:1px;height:18px;margin:0 4px}.paint-rail button:after{top:auto;bottom:calc(100% + 10px);left:50%;transform:translate(-50%,4px)}.paint-rail button:hover:after,.paint-rail button:focus-visible:after{transform:translate(-50%)}}@media (pointer:coarse){.paint-rail-swatch,.paint-rail-btn{width:40px;height:40px}}@media (hover:none){.paint-rail button:after{display:none}}.paint-cursor{z-index:35;pointer-events:none;opacity:0;transition:opacity .3s;position:fixed;top:0;left:0}.paint-cursor>span{background:var(--pigment,#1fb39c);width:16px;height:16px;transform:scale(var(--s,1));transition:transform .25s var(--ease,ease),background-color .3s;border-radius:50% 50% 50% 46%;margin:-8px 0 0 -8px;display:block;box-shadow:inset -2px -3px #0000001f,inset 2px 2px #ffffff73,0 1px 3px #142c3040}.paint-cursor.is-on{opacity:1}html[data-paint-brushing],html[data-paint-brushing] body{cursor:none}.paint-throw-label{z-index:3;border-radius:var(--radius-label,3px);background:var(--paper,#faf8f3);max-width:230px;box-shadow:var(--shadow-label,0 1px 0 #142c3014,0 8px 22px -12px #142c3073);color:var(--ink,#142c30);pointer-events:none;opacity:0;transform:translateY(6px)rotate(var(--r,0deg));transition:opacity .6s var(--ease,ease),transform .8s var(--ease,ease);margin:0;padding:9px 11px 10px;font-size:12.5px;font-weight:600;line-height:1.4;position:absolute}.paint-throw-label.is-on{opacity:1;transform:rotate(var(--r,0deg))}.paint-throw-label .paint-meta{color:var(--pencil,#56635f);font-family:var(--font-mono,ui-monospace,monospace);margin-top:4px;font-size:11px;font-weight:400;line-height:1.5;display:block}html[data-paint-wiping] .paint-layer,html[data-paint-wiping] .paint-throw-label{opacity:0!important}.paint-toast{z-index:31;border-radius:var(--radius-field,6px);background:var(--ink,#142c30);color:var(--paper,#faf8f3);pointer-events:none;opacity:0;transition:opacity .4s var(--ease,ease),transform .5s var(--ease,ease);margin:134px 0 0;padding:8px 12px;font-size:13px;font-weight:600;line-height:1.4;position:fixed;top:50%;left:14px;transform:translateY(6px)}.paint-toast.is-on{opacity:1;transform:none}@media (max-width:1100px){.paint-toast{white-space:nowrap;margin:0;top:auto;bottom:64px;left:50%;transform:translate(-50%,6px)}.paint-toast.is-on{transform:translate(-50%)}}.paint-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.paint-mark{isolation:isolate;white-space:nowrap;display:inline-block;position:relative}.paint-mark-stroke{z-index:-1;width:calc(100% + .3em);height:.46em;fill:var(--paint-mark-c);pointer-events:none;position:absolute;bottom:-.14em;left:-.12em;overflow:visible}.paint-rule{width:min(100%,36rem);height:clamp(16px,2.2vw,26px)}.paint-rule svg{width:100%;height:100%;fill:var(--paint-mark-c);display:block;overflow:visible}.paint-swatch{vertical-align:-.14em;width:1em;height:1em;fill:var(--paint-mark-c);display:inline-block}.paint-gloss{fill:#fff;opacity:.3}.paint-dry{fill:var(--paper,#faf8f3);opacity:.92}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.paint-mark-stroke,.paint-rule svg{animation:linear both paint-brush-in;animation-timeline:view();animation-range:entry cover 32%}}}@keyframes paint-brush-in{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@media print{.paint-layer,.paint-rail,.paint-cursor,.paint-toast,.paint-throw-label,.paint-fill,.paint-clear{display:none!important}img[data-paint-art],.paint-label{opacity:1!important;animation:none!important}}