@font-face{font-family:Shantell Sans;font-style:normal;font-weight:300 800;font-display:swap;src:url(../media/83f4c5b0d12dd83f-s.3uz-nj2n_xfxx.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Shantell Sans;font-style:normal;font-weight:300 800;font-display:swap;src:url(../media/c4e0c79cd61216ab-s.2z1jalfioqoq1.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Shantell Sans;font-style:normal;font-weight:300 800;font-display:swap;src:url(../media/b1d8f8d5e7daa648-s.3ku2jbk1ds8uz.woff2)format("woff2");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:Shantell Sans;font-style:normal;font-weight:300 800;font-display:swap;src:url(../media/9954f6cfbebf77eb-s.0d999r0-lftmv.woff2)format("woff2");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:Shantell Sans;font-style:normal;font-weight:300 800;font-display:swap;src:url(../media/c25c3c50e24471d2-s.p.1a1nhbv5y0ukj.woff2)format("woff2");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:Shantell Sans Fallback;src:local(Arial);ascent-override:90.04%;descent-override:28.25%;line-gap-override:0.0%;size-adjust:113.28%}.shantell_sans_95493bd8-module__MTB_jq__className{font-family:Shantell Sans,Shantell Sans Fallback;font-style:normal}.shantell_sans_95493bd8-module__MTB_jq__variable{--font-shantell:"Shantell Sans", "Shantell Sans Fallback"}
@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-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}}}@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;--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;-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{.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}.static{position:static}.block{display:block}.contents{display:contents}.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,)}.resize{resize:both}.rounded{border-radius:.25rem}.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,)}.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,)}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--ground:var(--lightningcss-light,#fafaf8)var(--lightningcss-dark,#232427);--ink:var(--lightningcss-light,#303136)var(--lightningcss-dark,#e3e1db);--ink-soft:var(--lightningcss-light,#6c6d73)var(--lightningcss-dark,#a4a39e);--sheet:var(--lightningcss-light,#fff)var(--lightningcss-dark,#2d2e33);--hatch:var(--lightningcss-light,#3031364d)var(--lightningcss-dark,#e3e1db3d);--wash:var(--lightningcss-light,#30313612)var(--lightningcss-dark,#e3e1db17);--blob-shadow:var(--lightningcss-light,#30313633)var(--lightningcss-dark,#0006);--paint:#1f2e8a;--hand:"INFM" 100, "BNCE" 30;--ui:"INFM" 35, "BNCE" 0;--edge:16px;--pz:1;--safe-t:env(safe-area-inset-top,0px);--safe-r:env(safe-area-inset-right,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body{height:100%}body{background:var(--ground);color:var(--ink);font-family:var(--font-shantell), "Comic Sans MS", system-ui, sans-serif;font-variation-settings:var(--ui);overscroll-behavior:none;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;margin:0;font-size:15px;line-height:1.35;overflow:hidden}.hand{font-variation-settings:var(--hand)}button,input{font:inherit;color:inherit}:focus-visible{outline:2px dashed var(--ink);outline-offset:2px}.studio{position:fixed;inset:0;overflow:hidden}.paint-canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.dock{z-index:10;pointer-events:none;align-items:flex-start;gap:10px;display:flex;position:absolute}.dock>*{pointer-events:auto}.dock:has(.menu-popover,.palette-menu,.picker){z-index:30}.dock-top-left{top:calc(var(--edge) + var(--safe-t));left:calc(var(--edge) + var(--safe-l));align-items:center;gap:14px}.dock-top-center{top:calc(var(--edge) + var(--safe-t));left:50%;translate:-50%}.dock-top-right{top:calc(var(--edge) + var(--safe-t));right:calc(var(--edge) + var(--safe-r))}.dock-bottom-left{bottom:calc(8px + var(--safe-b));left:calc(8px + var(--safe-l))}.dock-bottom-right{bottom:calc(var(--edge) + var(--safe-b));right:calc(var(--edge) + var(--safe-r))}.island{position:relative}.island-sketch{pointer-events:none;position:absolute;inset:0;overflow:visible}.island-body{padding:4px;position:relative}.island-row{align-items:center;gap:2px;display:flex}.draw-in{stroke-dasharray:1;stroke-dashoffset:1px;animation:.42s cubic-bezier(.35,.7,.35,1) forwards draw-in}@keyframes draw-in{to{stroke-dashoffset:0}}.tool{min-width:40px;height:40px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;padding:0;display:inline-grid;position:relative}.tool:hover:not(:disabled){background-color:var(--wash)}.tool[aria-pressed=true]{background-color:var(--wash);background-image:repeating-linear-gradient(-41deg, var(--hatch) 0 1px, transparent 1px 5px)}.tool:disabled{opacity:.35;cursor:default}.tool-key{color:var(--ink-soft);font-size:10px;line-height:1;position:absolute;bottom:1px;right:3px}.icon-button{width:30px;height:30px;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:grid}.icon-button:hover{background:var(--wash);color:var(--ink)}.button-primary,.button-quiet{white-space:nowrap;cursor:pointer;border-radius:9px;height:34px;padding:0 13px;font-size:14px}.button-primary{border:1.5px solid var(--ink);background:var(--ink);color:var(--sheet);font-weight:600}.button-primary:hover{opacity:.88}.button-quiet{border:1.5px solid var(--hatch);background:0 0}.button-quiet:hover{background:var(--wash)}.text-button{text-underline-offset:4px;cursor:pointer;background:0 0;border:0;padding:2px 4px;font-size:13px;-webkit-text-decoration:underline wavy;text-decoration:underline wavy;text-decoration-thickness:1px}.toolbar-row{align-items:center;gap:2px;display:flex}.toolbar-divider{background:var(--hatch);border-radius:1px;width:1.5px;height:24px;margin:0 6px}.size-control{align-items:center;gap:8px;padding:0 6px 0 0;display:flex}.size-dot-box{place-items:center;width:24px;height:24px;display:grid}.size-dot{background:var(--paint);box-shadow:0 0 0 1.3px var(--ink);border-radius:50%}.size-dot.erasing{box-shadow:none;outline:1.3px dashed var(--ink);background:0 0}.size-slider{appearance:none;cursor:pointer;background:0 0;width:104px;height:24px}.size-slider::-webkit-slider-runnable-track{background:var(--ink);border-radius:2px;height:2px}.size-slider::-moz-range-track{background:var(--ink);border-radius:2px;height:2px}.size-slider::-webkit-slider-thumb{appearance:none;border:1.6px solid var(--ink);background:var(--sheet);border-radius:50%;width:16px;height:16px;margin-top:-7px}.size-slider::-moz-range-thumb{border:1.6px solid var(--ink);background:var(--sheet);border-radius:50%;width:13px;height:13px}.size-value{min-width:2em;color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:13px}.theme-buttons{border:0;gap:2px;min-width:0;margin:0;padding:0;display:flex}.theme-buttons.with-labels .tool{gap:6px;padding:0 10px;font-size:13px;display:inline-flex}.zoom-value{font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border:0;border-radius:9px;min-width:58px;height:40px;padding:0;font-size:14px}.zoom-value:hover{background:var(--wash)}.view-controls{gap:10px;display:flex}.wordmark{pointer-events:none;padding:0 2px 4px;position:relative}.dock>.wordmark{pointer-events:none}.wordmark-text{font-size:26px;font-weight:650;line-height:1;position:relative}.wordmark-swash{position:absolute;bottom:-6px;left:-4px;overflow:visible}.swash-body,.swash-bristle{fill:none;stroke:var(--paint);stroke-linecap:round}.swash-body{stroke-width:6px;opacity:.8}.swash-bristle{stroke-width:2px;opacity:.55}.main-menu{position:relative}.menu-popover{z-index:30;width:300px;position:absolute;top:calc(100% + 8px);left:0}.menu-popover .island-body{max-height:calc(100dvh - 90px - var(--safe-t) - var(--safe-b));overscroll-behavior:contain;overflow-y:auto}.menu-list{margin:0;padding:2px;list-style:none}.menu-item{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;padding:8px 10px;display:flex}.menu-item:hover{background:var(--wash)}.menu-item kbd{color:var(--ink-soft);margin-left:auto;font-family:inherit;font-size:12px}.menu-theme{padding:4px 6px 6px;display:none}.menu-help{border-top:1.5px dashed var(--hatch);margin:4px 10px 0;padding:10px 2px 8px}.menu-help p{margin:0 0 10px;font-size:14px;line-height:1.4}.shortcuts{gap:4px;margin:0;font-size:12.5px;display:grid}.shortcuts div{gap:10px;display:flex}.shortcuts dt{white-space:nowrap;min-width:86px}.shortcuts dd{color:var(--ink-soft);margin:0}.dock>.palette-wrap{pointer-events:none;position:relative}.palette{zoom:var(--pz);position:relative}.palette-board{pointer-events:none;position:absolute;inset:0;overflow:visible}.palette-fill{fill:var(--sheet);pointer-events:visiblePainted}.palette-paints{pointer-events:none;border:0;min-width:0;margin:0;padding:0;position:absolute;inset:0}.paint-slot{touch-action:none;cursor:pointer;pointer-events:auto;background:0 0;border:0;border-radius:50%;width:44px;height:44px;padding:0;transition:translate .14s;position:absolute}.paint-slot:hover{translate:0 -2px}.blob{display:block;overflow:visible}.blob-shadow{fill:var(--blob-shadow)}.blob-shine{fill:none;stroke:#fff;stroke-opacity:.7;stroke-width:2px;stroke-linecap:round}.add-slot{color:var(--ink-soft);place-items:center;display:grid}.add-slot:before{content:"";border:1.6px dashed;border-radius:50%;position:absolute;inset:8px}.add-slot:hover{color:var(--ink)}.palette-label{text-align:center;pointer-events:none;flex-direction:column;align-items:center;gap:1px;width:180px;display:flex;position:absolute;top:92px;left:124px}.palette-label>button{pointer-events:auto}.paint-name{max-width:100%;font-size:max(19px, calc(14px / var(--pz)));text-wrap:balance;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-weight:600;line-height:1.15;display:-webkit-box;overflow:hidden}.paint-hex{font-size:max(13px, calc(11px / var(--pz)));color:var(--ink-soft);margin:0}.palette-empty{font-size:max(13px, calc(11px / var(--pz)));color:var(--ink-soft);margin:2px 0 0}.palette-switch{border:1.5px solid var(--hatch);background:var(--sheet);cursor:pointer;pointer-events:auto;border-radius:999px;align-items:center;gap:3px;padding:3px 6px 3px 10px;font-size:14px;display:inline-flex;position:absolute;bottom:calc(100% + 4px);left:10px}.palette-label .text-button{font-size:max(13px, calc(11px / var(--pz)))}.palette-switch:hover{background:var(--wash)}.palette-menu{z-index:30;pointer-events:auto;width:min(310px,100vw - 28px);position:absolute;bottom:calc(100% + 40px);left:10px}.palette-menu .island-body{max-height:calc(100dvh - 250px * var(--pz) - 60px - var(--safe-t) - var(--safe-b));overscroll-behavior:contain;overflow-y:auto}.well-hint{font-size:max(13px, calc(11px / var(--pz)));color:var(--ink-soft);margin:6px 0 0}.hint-short{display:none}@media (max-width:720px),(max-height:560px){.hint-long,.palette-label.has-hint .paint-hex{display:none}.hint-short{display:inline}.well-hint{margin-top:2px}}.well-area{pointer-events:none;border:2px dashed #0000;border-radius:50%;width:176px;height:96px;transition:border-color .12s,background-color .12s;position:absolute;top:84px;left:126px}.well-area[data-drop=ready]{border-color:var(--hatch)}.well-area[data-drop=over]{border-color:var(--ink);background-color:var(--wash)}.well{flex-direction:column;justify-content:center;align-items:center;gap:3px;width:176px;height:96px;display:flex;position:absolute;top:84px;left:126px}.puddle{cursor:pointer;pointer-events:auto;background:0 0;border:0;border-radius:40%;padding:0;transition:scale .14s;display:block}.puddle:hover{scale:1.04}.puddle svg{display:block;overflow:visible}.stir{transform-box:view-box;transform-origin:46px 27px;animation:1.1s cubic-bezier(.3,.6,.3,1) forwards stir}.stir path{fill:none;stroke-width:5px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;animation:1.1s ease-out forwards stir-in}@keyframes stir{to{rotate:150deg}}@keyframes stir-in{45%{stroke-dashoffset:0;opacity:.95}to{stroke-dashoffset:0;opacity:0}}.well-bar{border-radius:3px;width:84px;height:6px;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #00000029}.well-caption{max-width:150px;font-size:max(12px, calc(10.5px / var(--pz)));color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.well-clear{width:max(24px, calc(24px / var(--pz)));height:max(24px, calc(24px / var(--pz)));border:1.4px solid var(--hatch);background:var(--sheet);color:var(--ink-soft);cursor:pointer;pointer-events:auto;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:10px;right:18px}.well-clear:hover{color:var(--ink);background:var(--wash)}.drag-ghost{z-index:50;pointer-events:none;filter:drop-shadow(0 4px 6px #0000002e);transition:scale .12s;position:fixed;translate:-50% -60%;rotate:-8deg}.drag-ghost[data-over]{scale:1.12}.palette-option{justify-content:space-between}.palette-option[aria-current=true]{background-color:var(--wash);background-image:repeating-linear-gradient(-41deg, var(--hatch) 0 1px, transparent 1px 5px)}.palette-option-text{flex-direction:column;line-height:1.2;display:flex}.palette-source{color:var(--ink-soft);font-size:12px}.palette-dots{gap:2px;display:flex}.palette-dots span{border-radius:50%;width:10px;height:10px;box-shadow:inset 0 0 0 1px #0000002e}.picker{z-index:30;width:272px;position:absolute;bottom:calc(100% - 10px);left:12px}.picker-body{gap:12px;padding:10px 12px 12px;display:grid}.picker-head{justify-content:space-between;align-items:center;display:flex}.picker-title{margin:0;font-size:17px;font-weight:600}.sv-field{cursor:crosshair;touch-action:none;background-image:linear-gradient(#0000,#000),linear-gradient(90deg,#fff,#0000);border-radius:10px;height:150px;position:relative}.sv-handle{pointer-events:none;border:2px solid #fff;border-radius:50%;width:16px;height:16px;position:absolute;translate:-50% -50%;box-shadow:0 0 0 1.2px #00000080}.hue-slider{appearance:none;cursor:pointer;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:7px;width:100%;height:14px}.hue-slider::-webkit-slider-thumb{appearance:none;border:2px solid var(--ink);background:var(--sheet);border-radius:50%;width:18px;height:18px}.hue-slider::-moz-range-thumb{border:2px solid var(--ink);background:var(--sheet);border-radius:50%;width:14px;height:14px}.picker-row{align-items:center;gap:8px;display:flex}.hex-input{border:1.5px solid var(--hatch);text-transform:uppercase;-webkit-user-select:text;user-select:text;background:0 0;border-radius:8px;width:92px;height:34px;padding:0 8px;font-size:14px}.hex-input[aria-invalid=true]{border-style:dashed;border-color:var(--ink)}.mix-note{bottom:calc(22px + var(--safe-b));z-index:9;animation:.26s cubic-bezier(.2,.8,.3,1.15) note-in;position:absolute;left:50%;translate:-50%}@keyframes note-in{0%{opacity:0;transform:translateY(12px)}}.mix-body{gap:10px;padding:14px 18px 14px 14px;display:grid;position:relative}.mix-close{position:absolute;top:2px;right:2px}.mix-equation{align-items:flex-start;gap:4px;display:flex}.mix-equation figure{justify-items:center;gap:2px;width:92px;margin:0;display:grid}.mix-equation figcaption{text-align:center;text-wrap:balance;color:var(--ink-soft);font-size:12.5px;line-height:1.2}.mix-equation .mix-result{color:var(--ink);font-weight:600}.mix-op{color:var(--ink-soft);font-size:28px;line-height:46px}.mix-actions{gap:8px;display:flex}.toast{top:calc(74px + var(--safe-t));z-index:40;animation:.2s ease-out note-in;position:absolute;left:50%;translate:-50%}.toast-body{white-space:nowrap;align-items:center;gap:12px;padding:7px 14px;font-size:14px;display:flex}.welcome{z-index:5;color:var(--ink-soft);pointer-events:none;position:absolute;inset:0}.hint{gap:2px;display:flex;position:absolute}.hint p{margin:0;font-size:18px}.hint-toolbar{flex-direction:column;align-items:flex-start;top:70px;left:calc(50% - 190px)}.hint-toolbar p{margin-left:16px}.hint-palette{bottom:calc(8px + 226px * var(--pz) + var(--safe-b));left:calc(356px * var(--pz) + var(--safe-l));flex-direction:row-reverse;align-items:flex-end}.hint-palette p{margin-bottom:72px}.welcome-center{text-align:center;width:min(560px,88vw);position:absolute;top:42%;left:50%;translate:-50% -50%}.welcome-title{text-wrap:balance;color:var(--ink);margin:0 0 8px;font-size:30px;font-weight:600;line-height:1.15}.welcome-sub{margin:0 0 14px;font-size:18px}.welcome-nav{margin:0;font-size:13.5px}.fatal{text-align:center;place-content:center;gap:8px;max-width:560px;margin:auto;padding:24px;display:grid;position:absolute;inset:0}.brush-cursor{z-index:8;pointer-events:none;will-change:transform;position:absolute;top:0;left:0}.brush-cursor[data-visible=false]{display:none}.brush-ring{border:1px solid var(--ink);box-shadow:0 0 0 1px var(--ground);border-radius:50%;position:absolute}@supports (color:color-mix(in lab, red, red)){.brush-ring{box-shadow:0 0 0 1px color-mix(in srgb, var(--ground) 70%, transparent)}}.brush-ring{translate:-50% -50%}.brush-cursor[data-kind=eraser] .brush-ring{border-style:dashed}.brush-art{color:var(--ink);filter:drop-shadow(0 0 1px var(--ground));position:absolute}@media (min-width:1280px) and (min-height:820px){:root{--pz:1.14}}@media (min-width:1800px) and (min-height:1050px){:root{--pz:1.3}}@media (max-width:1140px){.mix-note{right:calc(var(--edge) + var(--safe-r));bottom:calc(76px + var(--safe-b));left:auto;translate:none}}@media (max-width:900px){:root{--pz:.9}}@media (max-width:860px){.wordmark{display:none}}@media (max-width:720px){:root{--pz:.78;--edge:12px}.dock-top-center{right:calc(var(--edge) + var(--safe-r));left:auto;translate:none}.dock-top-right,.zoom-island,.size-value,.hint-toolbar,.hint-palette{display:none}.menu-theme{display:block}.tool{min-width:36px;height:38px}.size-slider{width:70px}.view-controls,.history-island .island-row{flex-direction:column}.mix-note{top:calc(64px + var(--safe-t));max-width:calc(100vw - 24px);bottom:auto;left:50%;right:auto;translate:-50%}.mix-equation figure{width:80px}.toast{top:auto;bottom:calc(250px * var(--pz) + 22px + var(--safe-b))}.welcome-title{font-size:24px}.welcome-sub{font-size:16px}}@media (max-width:440px){:root{--pz:.7}.toolbar-row{flex-wrap:wrap;max-width:190px}.toolbar-divider{display:none}.size-control{flex:1 0 100%;padding:0 6px 2px 4px}.size-slider{flex:1;width:auto;min-width:0}.mix-note{top:calc(112px + var(--safe-t))}.mix-equation figure{width:72px}}@media (max-width:350px){:root{--pz:.64}}@media (min-width:721px) and (max-height:700px){:root{--pz:.86}}@media (max-height:560px){:root{--pz:.66;--edge:10px}.picker{bottom:0;left:calc(100% + 8px)}.sv-field{height:110px}.hint-toolbar,.hint-palette{display:none}.welcome-center{top:38%}.welcome-title{font-size:22px}.welcome-sub{margin-bottom:6px;font-size:15px}}@media (max-width:720px) and (max-height:560px){.mix-note{top:auto;right:calc(72px + var(--safe-r));bottom:calc(10px + var(--safe-b));left:auto;translate:none}}@media (max-height:420px){:root{--pz:.56}.welcome-nav{display:none}}@media (hover:none) and (pointer:coarse){.shortcuts{display:none}}@media (pointer:coarse){.tool-key,.nav-pointer{display:none}}@media (pointer:fine){.nav-touch{display:none}}@media (prefers-reduced-motion:reduce){.draw-in{stroke-dashoffset:0;animation:none}.mix-note,.toast{animation:none}.paint-slot,.puddle,.drag-ghost,.well-area{transition:none}.stir,.stir path{opacity:0;animation:none}.paint-slot:hover{translate:none}}@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-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}