@font-face{font-family:Silkscreen;src:url(/fonts/silkscreen.woff2)format("woff2");font-display:block}@font-face{font-family:Tiny5;src:url(/fonts/tiny5.woff2)format("woff2");font-display:block}:root{--line:color-mix(in srgb, var(--border) 28%, transparent);--u:2px;--gap:calc(var(--u) * 2);--button:calc(var(--u) * 22);--font-ui:"Silkscreen", ui-monospace, monospace;--font-small:"Tiny5", "Silkscreen", ui-monospace, monospace;--text-size:calc(var(--u) * 8);--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}*{box-sizing:border-box}html,body{background:var(--canvas-backdrop);height:100%;color:var(--text);font:var(--text-size) / 1.25 var(--font-ui);-webkit-font-smoothing:none;font-smooth:never;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0;overflow:hidden}body.readable-text{--font-ui:system-ui, sans-serif;--font-small:system-ui, sans-serif;--text-size:calc(var(--u) * 7);-webkit-font-smoothing:auto}button,input,select,output{font:inherit;color:inherit;touch-action:manipulation}*,:before,:after{-webkit-user-select:none;user-select:none}input,select,textarea{-webkit-user-select:text;user-select:text}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.canvas{touch-action:none;cursor:crosshair;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}.panel{z-index:10;background:var(--surface-panel);padding:var(--gap);border:0;position:fixed}body.chrome-hidden .chrome{display:none}:focus,:focus-visible{outline:none}.px-btn{width:var(--button);height:var(--button);border:calc(var(--u) * 2) solid transparent;border-image:var(--frame-button) 2 fill / calc(var(--u) * 2);image-rendering:pixelated;cursor:pointer;--icon-row:0;background:0 0;place-items:center;margin:0;padding:0;display:inline-grid}.px-btn:active,.px-btn[aria-pressed=true]:active{border-image-source:var(--frame-pressed);--icon-row:1}.px-btn[aria-pressed=true]{border-image-source:var(--frame-active);--icon-row:2}.px-btn:disabled{cursor:default;--icon-row:3}.icon{--icon-box:calc(var(--icon-size,24) * 1px);width:var(--icon-box);height:var(--icon-box);background-image:var(--icon-sheet);background-repeat:no-repeat;background-size:calc(var(--icon-box) * var(--icon-columns)) calc(var(--icon-box) * var(--icon-rows));background-position:calc(var(--icon-box) * -1 * var(--icon-column)) calc(var(--icon-box) * -1 * var(--icon-row,0));image-rendering:pixelated;display:block}.px-btn[aria-pressed=true] .icon{transform:translateY(var(--u))}.px-text-btn{min-height:var(--button);padding:0 calc(var(--u) * 5);border:calc(var(--u) * 2) solid transparent;border-image:var(--frame-button) 2 fill / calc(var(--u) * 2);image-rendering:pixelated;cursor:pointer;background:0 0}.px-text-btn:active{border-image-source:var(--frame-pressed)}.px-text-btn.primary{border-image-source:var(--frame-active);color:var(--accent-text)}.px-field{min-height:var(--button);padding:0 calc(var(--u) * 3);border-radius:calc(var(--u) * 2);background:color-mix(in srgb, var(--text) 8%, var(--surface-panel));color:var(--text);border:none;outline:none}.px-field:focus,.px-field:focus-visible{box-shadow:inset 0 calc(var(--u) * -1) 0 var(--accent);outline:none}.number-popup{z-index:60;align-items:center;gap:calc(var(--u) * 2);padding:calc(var(--u) * 2) calc(var(--u) * 3);border-radius:calc(var(--u) * 3);background:var(--surface-raised);box-shadow:0 calc(var(--u) * 2) calc(var(--u) * 8) #00000040;display:flex;position:fixed}.number-popup[popover]{color:inherit;border:0;margin:0;inset:auto;overflow:visible}input[type=number]{appearance:textfield}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.number-popup .px-range{min-width:calc(var(--u) * 60);flex:1}.number-popup .px-field{width:calc(var(--u) * 30)}.number-step{min-width:calc(var(--u) * 12);border-image-source:none;justify-content:center}output.option-value,output.rail-size{cursor:text}.px-field option{background:var(--surface-panel)}.divider{width:var(--u);margin:0 var(--u);background:var(--line);align-self:stretch}.toolbar{z-index:11;padding:calc(var(--safe-top) + var(--u)) calc(var(--safe-right) + var(--gap)) var(--u) calc(var(--safe-left) + var(--gap));flex-direction:column;display:flex;top:0;left:0;right:0}.toolbar-row{align-items:center;column-gap:calc(var(--gap) * 2);grid-template-columns:minmax(max-content,1fr) minmax(0,auto) minmax(max-content,1fr);display:grid}.toolbar-row>*{grid-row:1}.toolbar-row>.toolbar-group:first-child{grid-column:1;justify-self:start}.toolbar-row>.toolbar-group:last-child{grid-column:3;justify-self:end}.toolbar-group{align-items:center;gap:var(--u);display:flex}.toolbar-row .px-btn,.rail-body .px-btn,.palette-header .px-btn,.tl-toolbar .px-btn{border-image-source:none}.toolbar-row .px-btn:active,.rail-body .px-btn:active,.palette-header .px-btn:active,.tl-toolbar .px-btn:active{border-image-source:var(--frame-pressed)}.toolbar-row .px-btn[aria-pressed=true],.rail-body .px-btn[aria-pressed=true],.tl-toolbar .px-btn[aria-pressed=true]{border-image-source:var(--frame-active)}.rail{--rail-top:calc(var(--top-inset,0px) + var(--gap) + var(--ruler-y));top:calc((100% - var(--bottom-inset,0px) + var(--rail-top)) / 2);max-height:calc(100% - var(--bottom-inset,0px) - var(--rail-top) - var(--gap));left:calc(var(--safe-left) + var(--gap) + var(--ruler-x));transform:translate(var(--hide-x,0px), calc(-50% + var(--rail-offset,0px)));flex-direction:column;display:flex}.rail-body{align-items:center;gap:var(--gap);overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:none;flex-direction:column;min-height:0;display:flex;overflow:hidden auto}.rail-body::-webkit-scrollbar{display:none}.palette{top:calc(var(--safe-top) + var(--gap) * 2 + var(--button) + var(--u) * 8 + var(--ruler-y));right:calc(var(--safe-right) + var(--gap));gap:var(--gap);max-height:calc(100% - var(--button) * 4);flex-direction:column;display:flex}.palette .swatches{scrollbar-width:thin;scrollbar-color:var(--text-muted) transparent;min-height:0;overflow-y:auto}.rail,.toolbar,.palette{transition:transform .18s ease-out}@media (prefers-reduced-motion:reduce){.rail,.toolbar,.palette{transition:none}}.rail.flap-hidden{--hide-x:calc(-100% - var(--gap) - var(--safe-left) - var(--ruler-x))}body.left-handed .rail.flap-hidden{--hide-x:calc(100% + var(--gap) + var(--safe-right))}.toolbar.flap-hidden{transform:translateY(calc(-100% + var(--keep-visible,0px)))}.palette.flap-hidden{transform:translateX(calc(100% + var(--gap) + var(--safe-right)))}body.left-handed .palette.flap-hidden{transform:translateX(calc(-100% - var(--gap) - var(--safe-left) - var(--ruler-x)))}body.one-handed:not(.left-handed) .palette.flap-hidden{transform:translateX(calc(-100% - var(--safe-left) - var(--gap) * 2 - var(--button) - var(--u) * 8 - var(--ruler-x)))}body.one-handed.left-handed .palette.flap-hidden{transform:translateX(calc(100% + var(--safe-right) + var(--gap) * 2 + var(--button) + var(--u) * 8))}.flap{z-index:1;cursor:pointer;touch-action:none;-webkit-touch-callout:none;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute}.flap:before,.tl-resize:before{content:"";width:calc(var(--u) * 12);height:calc(var(--u) * 3);background:var(--text-muted);-webkit-mask:var(--arrow-down) center / 100% 100% no-repeat;-webkit-mask:var(--arrow-down) center / 100% 100% no-repeat;mask:var(--arrow-down) center / 100% 100% no-repeat;opacity:.8;transition:opacity .12s,transform .18s ease-out}:root{--arrow-down:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 3' shape-rendering='crispEdges'%3E%3Cpath d='M0 0h12v1H0zM2 1h8v1H2zM4 2h4v1H4z'/%3E%3C/svg%3E")}@media (hover:hover){.flap:hover:before{opacity:1}}.flap:active:before{opacity:1}.flap[data-edge=left],.flap[data-edge=right]{width:calc(var(--u) * 12);height:calc(var(--u) * 36);cursor:ns-resize;top:50%;transform:translateY(-50%)}.flap[data-edge=left]{left:100%}.flap[data-edge=right]{right:100%}.flap[data-edge=left]:before,.flap[data-edge=right][aria-expanded=false]:before{transform:rotate(90deg)}.flap[data-edge=right]:before,.flap[data-edge=left][aria-expanded=false]:before{transform:rotate(-90deg)}.flap[data-edge=top]{top:calc(100% + var(--ruler-y));width:calc(var(--u) * 36);height:calc(var(--u) * 12);left:50%;transform:translate(-50%)}.flap[data-edge=top]:before{transform:rotate(180deg)}.flap[data-edge=top][aria-expanded=false]:before{transform:none}.palette>.flap[data-edge=right],.palette>.flap[data-edge=left]{top:calc(var(--u) * 20);cursor:pointer}.frame-controls{align-items:center;gap:calc(var(--u) * 4);display:flex}:root{--status-h:calc(var(--u) * 9 + var(--safe-bottom))}body.chrome-hidden{--status-h:0px}.status-bar{z-index:10;height:var(--status-h);align-items:center;gap:calc(var(--u) * 6);padding:0 calc(var(--u) * 3 + var(--safe-right)) var(--safe-bottom) calc(var(--u) * 3 + var(--safe-left));background:var(--surface-panel);color:color-mix(in srgb, var(--text-muted) 70%, var(--surface-panel));font-family:var(--font-small);white-space:nowrap;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:hidden}.status-bar .status-file{text-overflow:ellipsis;min-width:0;overflow:hidden}.status-bar .status-position.stale{opacity:.5}.status-bar .status-version{margin-left:auto}.status-bar [hidden]{display:none}.frame-number{min-width:calc(var(--u) * 24);text-align:center;color:var(--text)}.toast{bottom:calc(var(--safe-bottom) + var(--gap) * 3 + var(--button));z-index:30;max-width:calc(100vw - var(--u) * 16);font-family:var(--font-small);padding:calc(var(--u) * 3) calc(var(--u) * 6);pointer-events:none;left:50%;transform:translate(-50%)}.toast[hidden]{display:none}.toast[data-kind=error]{border-color:var(--danger);background:var(--surface-panel);border-style:solid;border-image-source:none}:root{--ruler-x:0px;--ruler-y:0px}body.rulers-on{--ruler-x:18px;--ruler-y:18px}body.left-handed .rail{left:auto;right:calc(var(--safe-right) + var(--gap))}body.left-handed .palette{right:auto;left:calc(var(--safe-left) + var(--gap) + var(--ruler-x))}body.left-handed .toolbar-row>.toolbar-group:first-child{grid-column:3;justify-self:end}body.left-handed .toolbar-row>.toolbar-group:last-child{grid-column:1;justify-self:start}body.one-handed .palette{right:auto;left:calc(var(--safe-left) + var(--gap) * 2 + var(--button) + var(--u) * 8 + var(--ruler-x))}body.one-handed.left-handed .palette{left:auto;right:calc(var(--safe-right) + var(--gap) * 2 + var(--button) + var(--u) * 8)}.rail-slider{width:var(--button);height:calc(var(--u) * 72);min-height:calc(var(--u) * 24);flex:0 auto;place-items:center;display:grid}.rail>:not(.rail-slider){flex-shrink:0}.px-slider{writing-mode:vertical-lr;appearance:none;width:calc(var(--u) * 16);cursor:pointer;touch-action:none;direction:rtl;background:0 0;height:100%;margin:0}.px-slider::-webkit-slider-runnable-track{width:calc(var(--u) * 4);background:var(--surface-base);border:var(--u) solid var(--border);height:100%}.px-slider::-moz-range-track{width:calc(var(--u) * 4);background:var(--surface-base);border:var(--u) solid var(--border);height:100%}.px-slider::-webkit-slider-thumb{-webkit-appearance:none;width:calc(var(--u) * 16);height:calc(var(--u) * 10);margin-left:calc(var(--u) * -7);background:var(--accent);border:0;border-radius:0}.px-slider::-moz-range-thumb{width:calc(var(--u) * 16);height:calc(var(--u) * 10);background:var(--accent);border:0;border-radius:0}.px-range{appearance:none;height:calc(var(--u) * 16);cursor:pointer;touch-action:none;background:0 0;margin:0}.px-range::-webkit-slider-runnable-track{height:calc(var(--u) * 4);background:var(--surface-base);border:var(--u) solid var(--border)}.px-range::-moz-range-track{height:calc(var(--u) * 4);background:var(--surface-base);border:var(--u) solid var(--border)}.px-range::-webkit-slider-thumb{-webkit-appearance:none;width:calc(var(--u) * 10);height:calc(var(--u) * 16);margin-top:calc(var(--u) * -7);background:var(--accent);border:0;border-radius:0}.px-range::-moz-range-thumb{width:calc(var(--u) * 10);height:calc(var(--u) * 16);background:var(--accent);border:0;border-radius:0}.rail-size{font-family:var(--font-small);color:var(--text-muted);min-width:var(--button);text-align:center}.footprint-preview{image-rendering:pixelated;outline:var(--u) solid var(--canvas-selection);z-index:30;pointer-events:none;display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.footprint-preview.visible{display:block}.rail-colors{align-items:center;gap:var(--u);flex-direction:column;flex-shrink:0;display:flex}.color-pair{width:var(--button);height:var(--button);cursor:pointer;touch-action:none;background:0 0;border:0;padding:0;position:relative}.color-pair .chip{box-sizing:border-box;border-width:var(--u);display:block;position:absolute}.color-pair .chip-primary,.color-pair .chip-secondary{width:calc(var(--u) * 15);height:calc(var(--u) * 15)}.color-pair .chip-secondary{top:0;left:0}.color-pair .chip-primary{z-index:1;box-shadow:0 0 0 var(--u) var(--surface-panel);bottom:0;right:0}.chip{width:var(--button);height:var(--button);border:calc(var(--u) * 2) solid var(--line);background:linear-gradient(var(--chip-color), var(--chip-color)), repeating-conic-gradient(var(--canvas-checker-a) 0 25%, var(--canvas-checker-b) 0 50%) 0 0 / calc(var(--u) * 8) calc(var(--u) * 8);cursor:pointer;padding:0}.swatches{--swatch:calc(var(--u) * 24);grid-template-columns:repeat(2, var(--swatch));touch-action:none;gap:0;display:grid}.swatches[data-columns="1"]{grid-template-columns:var(--swatch)}.swatches[data-columns="4"]{grid-template-columns:repeat(4, calc(var(--swatch) / 2))}.swatch{aspect-ratio:1;background:linear-gradient(var(--swatch-color), var(--swatch-color)), repeating-conic-gradient(var(--canvas-checker-a) 0 25%, var(--canvas-checker-b) 0 50%) 0 0 / calc(var(--u) * 6) calc(var(--u) * 6);cursor:pointer;border:0;position:relative}.swatch-extra{aspect-ratio:1;cursor:pointer;border:0;padding:0}.swatch-clear{background:repeating-conic-gradient(var(--canvas-checker-a) 0 25%, var(--canvas-checker-b) 0 50%) 0 0 / calc(var(--u) * 6) calc(var(--u) * 6)}.swatch-clear.primary{box-shadow:inset 0 0 0 calc(var(--u) * 2) var(--text)}.swatch-add{background:var(--surface-raised);color:var(--text-muted);font-family:var(--font-ui);font-size:calc(var(--text-size) * 1.5);place-items:center;display:grid}.swatch.lifted{opacity:.55;transform:scale(.85)}.swatch.transparent:after{content:"";background:linear-gradient(to top right, transparent 45%, var(--danger) 45% 55%, transparent 55%);position:absolute;inset:0}.swatch.in-range{outline:var(--u) solid var(--accent);outline-offset:calc(var(--u) * -2)}.swatch.primary{box-shadow:inset 0 0 0 calc(var(--u) * 2) var(--text), inset 0 0 0 calc(var(--u) * 3) var(--surface-base)}.swatch.secondary:before{content:"";width:calc(var(--u) * 4);height:calc(var(--u) * 4);background:var(--text);box-shadow:0 0 0 var(--u) var(--surface-base);position:absolute;bottom:0;right:0}.swatch.drop-target{box-shadow:inset calc(var(--u) * 2) 0 0 var(--accent)}.menu{top:calc(var(--safe-top) + var(--gap) * 2 + var(--button) + var(--u) * 6);left:calc(var(--safe-left) + var(--gap));z-index:20;min-width:calc(var(--u) * 130);flex-direction:column;display:flex}.menu[hidden]{display:none}body.left-handed .menu{left:auto;right:calc(var(--safe-right) + var(--gap))}.menu-tabs{gap:var(--u);margin-bottom:var(--u);padding-bottom:var(--u);border-bottom:var(--u) solid var(--line);display:flex}.menu-tab{min-height:calc(var(--u) * 16);padding:0 calc(var(--u) * 3);color:var(--text-muted);cursor:pointer;background:0 0;border:0;flex:1}.menu-tab[aria-selected=true]{color:var(--accent);box-shadow:inset 0 calc(var(--u) * -2) 0 var(--accent)}.menu-page[hidden]{display:none}.menu-page{flex-direction:column;display:flex}.menu-item{justify-content:space-between;gap:calc(var(--u) * 8);min-height:var(--button);padding:0 calc(var(--u) * 4);text-align:left;cursor:pointer;background:0 0;border:0;display:flex}.menu-item:hover,.menu-item:focus-visible{background:var(--surface-raised)}.menu-shortcut{font-family:var(--font-small);color:var(--text-muted)}.menu-rule{height:var(--u);margin:var(--u) 0;background:var(--line)}.dialog{min-width:calc(var(--u) * 150);max-width:calc(100vw - var(--u) * 16);max-height:calc(100dvh - var(--u) * 16);color:var(--text);background:var(--surface-panel);padding:calc(var(--u) * 6);position:fixed;overflow-y:auto}.dialog::backdrop{background:#00000080}.dialog h2{margin:0 0 calc(var(--u) * 6);font-size:var(--text-size);color:var(--accent)}.dialog p,.about-version{align-items:center;gap:calc(var(--u) * 4);display:flex}.credits{font-family:var(--font-small);max-width:calc(var(--u) * 180)}.field{justify-content:space-between;align-items:center;gap:calc(var(--u) * 8);margin-bottom:calc(var(--u) * 3);display:flex}.field[hidden]{display:none}.field input[type=checkbox]{width:calc(var(--u) * 10);height:calc(var(--u) * 10);accent-color:var(--accent)}.presets{gap:var(--u);margin-bottom:calc(var(--u) * 4);flex-wrap:wrap;display:flex}.app-logo{width:calc(var(--u) * 32);height:calc(var(--u) * 32);background:var(--logo) 0 0 / 100% 100% no-repeat;image-rendering:pixelated;flex:none;display:inline-block}.settings-section{margin:calc(var(--u) * 6) 0 calc(var(--u) * 3);font-size:var(--text-size);color:var(--text-muted)}.checker-colors{gap:calc(var(--u) * 3);display:flex}.checker-color{width:calc(var(--u) * 24);height:calc(var(--u) * 12);border-radius:calc(var(--u) * 2);box-shadow:inset 0 0 0 var(--u) var(--line);cursor:pointer;border:none;padding:0}.dialog-actions{margin-top:calc(var(--u) * 6);justify-content:flex-end;display:flex}.install-guide{bottom:calc(var(--safe-bottom) + var(--gap) * 2 + var(--u) * 14);align-items:center;gap:calc(var(--u) * 6);max-width:calc(100vw - var(--u) * 16);display:flex;left:50%;transform:translate(-50%)}.install-guide p{font-family:var(--font-small);margin:0}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.quick-tool{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.quick-menu{z-index:25;grid-template-columns:repeat(var(--quick-columns,4), var(--button));gap:var(--u);display:grid}.quick-menu[hidden]{display:none}.quick-menu .px-btn,.quick-menu .px-btn:active,.quick-menu .px-btn[aria-pressed=true]{border:0;border-radius:calc(var(--u) * 4);background:0 0;border-image-source:none}.quick-menu .px-btn.hover,.quick-menu .px-btn:active{background:var(--surface-base)}.quick-menu .px-btn[aria-pressed=true]{background:var(--accent)}.quick-menu .px-btn[aria-pressed=true] .icon{transform:none}.tool-swap{position:relative}.tool-swap .icon{position:absolute}.tool-swap-back{opacity:.6;top:0;left:0}.tool-swap-front{bottom:0;right:0}.tool-swap .tool-swap-lock{right:calc(var(--u) * -3);bottom:calc(var(--u) * -3);transform-origin:100% 100%;background-color:var(--surface-panel);border-radius:calc(var(--u) * 2);transform:scale(.5)}.tool-swap .tool-swap-lock.unlocked{opacity:.5}.swap-slot{gap:calc(var(--u) * 4);grid-template-columns:6em minmax(0,1fr) auto;display:grid}.quick-tools{border:var(--u) solid var(--line);margin:0 0 calc(var(--u) * 3);padding:calc(var(--u) * 3)}.quick-tools legend{padding:0 var(--u)}.quick-choices{grid-template-columns:repeat(auto-fill, minmax(calc(var(--u) * 60), 1fr));gap:0 calc(var(--u) * 4);display:grid}.quick-choice{justify-content:flex-start;gap:calc(var(--u) * 3);font-family:var(--font-small)}.quick-choice input{flex:none}.window[open],.window:not(dialog){flex-direction:column;display:flex}.window,.guides-panel.window{padding:0;overflow:hidden}.window-bar{align-items:center;gap:calc(var(--u) * 4);padding:calc(var(--u) * 2) calc(var(--u) * 2) 0 calc(var(--u) * 6);cursor:move;touch-action:none;-webkit-user-select:none;user-select:none;flex:none;display:flex}.window>.window-bar>h2,.window>.window-bar>span{flex:1;min-width:0;margin:0}.window-close{flex:none;margin-left:auto}.window-body{overscroll-behavior:contain;min-height:0;padding:calc(var(--u) * 2) calc(var(--u) * 6) calc(var(--u) * 6);flex:auto;overflow:auto}.window-grip{width:calc(var(--u) * 12);height:calc(var(--u) * 12);padding:calc(var(--u) * 2);box-sizing:border-box;cursor:nwse-resize;touch-action:none;place-items:end;display:grid;position:absolute;bottom:0;right:0}.window-grip:before{content:"";width:calc(var(--u) * 5);height:calc(var(--u) * 5);background:var(--text-muted);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5 5' shape-rendering='crispEdges'%3E%3Cpath d='M4 0h1v1H4zM2 2h1v1H2zM4 2h1v1H4zM0 4h1v1H0zM2 4h1v1H2zM4 4h1v1H4z'/%3E%3C/svg%3E") 50%/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5 5' shape-rendering='crispEdges'%3E%3Cpath d='M4 0h1v1H4zM2 2h1v1H2zM4 2h1v1H4zM0 4h1v1H0zM2 4h1v1H2zM4 4h1v1H4z'/%3E%3C/svg%3E") 50%/100% 100% no-repeat}.input-debug{left:calc(var(--safe-left) + var(--gap));bottom:calc(var(--bottom-inset,0px) + var(--gap));z-index:40;max-width:calc(var(--u) * 180);padding:calc(var(--u) * 3);color:#fff;pointer-events:none;background:#000000bf;font:11px/1.35 ui-monospace,monospace;position:fixed}.input-debug[hidden]{display:none}.input-debug-status{margin-bottom:calc(var(--u) * 2);color:#ffd866}.input-debug-list{margin:0;padding:0;list-style:none}.undo-toast{top:calc(var(--top-inset,0px) + var(--ruler-y) + var(--gap) * 3);z-index:30;padding:calc(var(--u) * 3) calc(var(--u) * 8);border-radius:calc(var(--u) * 6);background:color-mix(in srgb, var(--text) 82%, transparent);color:var(--surface-panel);font-family:var(--font-small);white-space:nowrap;pointer-events:none;transition:opacity .25s;position:fixed;left:50%;transform:translate(-50%)}.undo-toast[hidden]{display:none}.undo-toast.fading{opacity:0}.tooltip{z-index:60;max-width:calc(var(--u) * 140);padding:calc(var(--u) * 2) calc(var(--u) * 4);border-radius:calc(var(--u) * 3);background:color-mix(in srgb, var(--text) 90%, transparent);color:var(--surface-panel);font-family:var(--font-small);pointer-events:none;position:fixed}.tooltip[hidden],.palette.stripped{display:none}.color-strip{--strip-h:18px;align-items:center;gap:var(--u);height:var(--strip-h);margin:var(--u) calc(-1 * (var(--safe-right) + var(--gap))) calc(var(--u) * -1) calc(-1 * (var(--safe-left) + var(--gap)));padding:0 calc(var(--safe-right) + var(--u) * 2) 0 calc(var(--safe-left) + var(--u) * 2);display:flex;position:relative}.color-strip[hidden]{display:none}.color-strip-btn{width:calc(var(--u) * 12);cursor:pointer;background:0 0;border:none;flex:none;place-items:center;height:100%;padding:0;display:grid}.color-strip-btn:before{content:"";background:var(--text);width:10px;height:10px;-webkit-mask:var(--glyph) center / 100% 100% no-repeat;-webkit-mask:var(--glyph) center / 100% 100% no-repeat;mask:var(--glyph) center / 100% 100% no-repeat}.color-strip-btn.more{--glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5 5' shape-rendering='crispEdges'%3E%3Cpath d='M0 2h1v1H0zM2 2h1v1H2zM4 2h1v1H4z'/%3E%3C/svg%3E")}.color-strip-btn:active:before{background:var(--accent)}.color-strip-swatches{touch-action:pan-x;overscroll-behavior:contain;scrollbar-width:none;flex:1;align-items:center;gap:0;min-width:0;height:100%;display:flex;overflow:auto hidden}.color-strip-swatches::-webkit-scrollbar{display:none}.color-strip-swatch{--size:calc(var(--strip-h) - 2px);flex:1 0 var(--size);width:var(--size);height:var(--size);min-width:var(--size);background:var(--swatch-color);box-shadow:1px 0 0 var(--swatch-color);border:none;padding:0}.color-strip-swatch.primary{box-shadow:inset 0 0 0 1px var(--surface-panel), inset 0 0 0 2px var(--text)}.color-strip-grip{width:calc(var(--u) * 30);height:calc(var(--u) * 3);cursor:ns-resize;touch-action:none;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.color-strip-grip:before{content:"";inset:var(--u) 0;border-radius:var(--u);background:var(--text-muted);opacity:.5;position:absolute}.color-strip-grip:after{content:"";inset:calc(var(--u) * -4) 0;position:absolute}.palette-header{justify-content:space-between;align-items:center;gap:var(--u);flex-wrap:nowrap;display:flex}.palette-header .palette-dock{margin-left:auto}.palette-header .px-btn,.palette-footer .px-btn{width:calc(var(--u) * 16);height:calc(var(--u) * 16);border-image-source:none}.palette-header .px-btn[aria-pressed=true]{border-image-source:var(--frame-active)}.palette-footer{justify-content:center;display:flex}.palette-footer .px-btn{width:100%}.palette.floating{cursor:move;touch-action:none}.palette.floating .swatches,.palette.floating .color-picker{cursor:auto;touch-action:auto}.palette-resize{display:none}.palette.floating .palette-resize{display:grid}.palette.sized{min-width:0;max-height:none}.palette.sized .swatches[data-columns]{grid-template-columns:repeat(var(--columns), minmax(0, 1fr))}.palette.sized .swatches[data-columns="1"]{--columns:1}.palette.sized .swatches[data-columns="2"]{--columns:2}.palette.sized .swatches[data-columns="4"]{--columns:4}.palette.sized .swatches{flex:1}.palette-header .px-btn[hidden]{display:none}.palette.single .palette-header{justify-content:space-between;gap:0}.palette.single .palette-header .px-btn{width:calc(var(--u) * 12);height:calc(var(--u) * 12)}.palette.floating{z-index:15;right:auto;transform:none}.palette.floating>.flap{display:none}.color-picker-slot{flex-direction:column;min-height:0;display:flex}.color-picker-slot[hidden],.palette .swatches[hidden]{display:none}.palette.picking{width:calc(var(--u) * 116)}.color-drop-blob{z-index:70;width:calc(var(--u) * 14);height:calc(var(--u) * 14);margin:calc(var(--u) * -20) 0 0 calc(var(--u) * -20);background:var(--drop-color);box-shadow:0 0 0 calc(var(--u) * 1) var(--surface-panel), 0 calc(var(--u) * 2) calc(var(--u) * 6) #0000004d;pointer-events:none;opacity:.6;border-radius:50%;position:fixed}.color-drop-blob.over-canvas{opacity:1}.drag-tip{z-index:72;align-items:center;gap:calc(var(--u) * 2);padding:var(--u) calc(var(--u) * 3);border-radius:calc(var(--u) * 3);color:#fff;font-family:var(--font-small);white-space:nowrap;pointer-events:none;background:#000000b8;display:flex;position:fixed}.drag-tip-swatch{width:calc(var(--u) * 6);height:calc(var(--u) * 6);border-radius:var(--u);box-shadow:0 0 0 var(--u) #fff}.color-drop-menu{z-index:71;gap:var(--u);padding:var(--u);border-radius:calc(var(--u) * 3);background:var(--surface-raised);box-shadow:0 calc(var(--u) * 2) calc(var(--u) * 8) #00000040;display:flex;position:fixed}.color-drop-option{min-height:var(--button);padding:0 calc(var(--u) * 4);border-radius:calc(var(--u) * 2);color:var(--text);font-family:var(--font-small);background:0 0;border:none}.color-drop-option.hover,.color-drop-option:active{background:var(--accent);color:var(--accent-text)}.update-notice{left:50%;bottom:calc(var(--bottom-inset,0px) + var(--gap) * 3);z-index:65;align-items:center;gap:calc(var(--u) * 3);padding:calc(var(--u) * 2) calc(var(--u) * 4);border-radius:calc(var(--u) * 3);background:var(--surface-raised);box-shadow:0 calc(var(--u) * 2) calc(var(--u) * 8) #00000040;font-family:var(--font-small);display:flex;position:fixed;transform:translate(-50%)}.update-notice[hidden]{display:none}.timeline{left:0;right:0;bottom:var(--status-h,0px);height:calc(var(--u) * var(--tl-height,112));padding:0 calc(var(--u) + var(--safe-right)) var(--u) calc(var(--u) + var(--safe-left));font-family:var(--font-small);--cell:calc(var(--u) * 12);--row:calc(var(--u) * 16);--name-w-set:calc(var(--u) * 100);--name-w:var(--name-w-set);--tags-h:calc(var(--u) * 9);flex-direction:column;display:flex}.timeline.collapsed{height:auto}.timeline.collapsed .tl-row:not(.tl-header){display:none}.tl-resize{width:calc(var(--u) * 36);height:calc(var(--u) * 12);cursor:ns-resize;touch-action:none;place-items:center;display:grid;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.timeline.hidden-down .tl-resize:before{transform:rotate(180deg)}.timeline.hidden-down{background:0 0;border:none;height:auto;padding:0;left:50%;right:auto;transform:translate(-50%)}.timeline.hidden-down>:not(.tl-resize){display:none}.timeline.hidden-down .tl-resize{cursor:pointer}.timeline.collapsed .tl-resize{display:none}.tl-toolbar{align-items:center;gap:var(--u);padding-bottom:var(--u);flex:none;display:flex;overflow-x:auto}.tl-toolbar .spacer{flex:1}.px-field.small,.px-text-btn.small{min-height:calc(var(--u) * 18);padding:0 calc(var(--u) * 3)}.px-text-btn.danger{color:var(--danger)}.tl-scroll{--tl-zoom:1;--cell:calc(var(--u) * max(12, 16 * var(--tl-zoom) - 4));--row:calc(var(--u) * 16 * var(--tl-zoom));--name-w:max(var(--name-w-set), calc(var(--row) + var(--u) * 74));touch-action:pan-x pan-y;overscroll-behavior:contain;border-top:var(--u) solid var(--line);flex:1;min-height:0;overflow:auto}.tl-tags,.tl-row{grid-template-columns:var(--name-w) repeat(var(--tl-frames), var(--cell));width:max-content;min-width:100%;display:grid}.tl-tags{z-index:3;height:var(--tags-h);background:var(--surface-panel);position:sticky;top:0}.tl-tag{margin:var(--u) 0;padding:0 var(--u);background:var(--tag-color);color:var(--tag-text,var(--text));font:inherit;font-size:calc(var(--u) * 6);text-align:left;white-space:nowrap;cursor:pointer;border:0;grid-row:1;overflow:hidden}.tl-row{height:var(--row)}.tl-header{top:var(--tags-h);z-index:3;height:calc(var(--u) * 14);background:var(--surface-panel);touch-action:none;position:sticky}.tl-corner,.tl-layer{z-index:2;background:var(--surface-panel);border-right:var(--u) solid var(--line);position:sticky;left:0}.tl-corner{color:var(--text-muted);padding-left:calc(var(--u) * 2);line-height:calc(var(--u) * 14)}.tl-frame{text-align:center;line-height:calc(var(--u) * 10);color:var(--text-muted);font-size:calc(var(--u) * 6);cursor:pointer}.tl-frame.current{background:var(--accent);color:var(--accent-text)}.tl-layer{padding-right:var(--u);cursor:grab;touch-action:none;border-bottom:var(--u) solid var(--surface-base);align-items:center;display:flex}.tl-layer.active{background:var(--surface-raised)}.tl-layer.picked{background:color-mix(in srgb, var(--accent) 18%, var(--surface-panel))}.tl-layer.picked.active{background:color-mix(in srgb, var(--accent) 32%, var(--surface-panel))}.tl-layer.drop-above{box-shadow:inset 0 calc(var(--u) * 2) 0 var(--accent)}.tl-layer.drop-below{box-shadow:inset 0 calc(var(--u) * -2) 0 var(--accent)}.tl-layer.drop-into{outline:calc(var(--u) * 2) solid var(--accent);outline-offset:calc(var(--u) * -2)}.tl-toggle{width:calc(var(--u) * 16);height:calc(var(--u) * 16);cursor:pointer;--icon-row:0;background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.tl-toggle .icon{transform:scale(.75)}.tl-toggle.off{opacity:.45}.tl-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;padding-left:var(--u);flex:1;overflow:hidden}.tl-cel{border-right:var(--u) solid var(--surface-base);border-bottom:var(--u) solid var(--surface-base);cursor:pointer;touch-action:none;position:relative}.tl-cel.current{background:var(--surface-raised)}.tl-cel.active{background:var(--timeline-row-alt)}.tl-cel.active.current{background:var(--timeline-current)}.tl-cel.selected{box-shadow:inset 0 0 0 var(--u) var(--accent)}.tl-cel.drop{background:var(--accent)}.tl-cel.filled:before,.tl-cel.empty:before{content:"";width:calc(var(--u) * 4);height:calc(var(--u) * 4);z-index:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tl-cel.filled:before{background:var(--text)}.tl-cel.empty:before{border:var(--u) solid var(--text-muted);opacity:.5}.tl-cel.link-left:after,.tl-cel.link-right:after{content:"";height:var(--u);background:var(--text);position:absolute;top:50%;transform:translateY(-50%)}.tl-cel.link-left:after{left:calc(var(--u) * -1);right:50%}.tl-cel.link-right:after{left:50%;right:calc(var(--u) * -1)}.tl-cel.link-left.link-right:after{left:calc(var(--u) * -1);right:calc(var(--u) * -1)}.rail{top:calc((100% - var(--bottom-inset,0px)) / 2)}.palette{max-height:calc(100% - var(--bottom-inset,0px) - var(--button) * 2 - var(--u) * 16)}.install-guide,.toast{bottom:calc(var(--bottom-inset,0px) + var(--gap) * 3)}.popup{z-index:40;width:max-content;min-width:calc(var(--u) * 110);max-height:calc(100vh - var(--u) * 16);position:fixed;bottom:auto;right:auto;overflow-y:auto}.popup .menu-item{min-height:calc(var(--u) * 15);align-items:center}.preview-window{z-index:25;min-width:calc(var(--u) * 100);position:fixed}.preview-window[hidden]{display:none}.preview-bar{gap:var(--u);padding-left:calc(var(--u) * 5)}.preview-bar h2{font-size:var(--text-size);color:var(--accent);margin-right:auto}.preview-actions{align-items:center;display:flex}.preview-bar .px-btn{width:calc(var(--u) * 14);height:calc(var(--u) * 14);border-width:0;border-image-source:none}.preview-actions{gap:0}.preview-bar .px-btn:active{border-image-source:var(--frame-pressed)}.preview-body{touch-action:none;cursor:grab;position:relative;overflow:hidden}.preview-body:active{cursor:grabbing}.preview-window.sized .preview-body{flex:1;min-height:0}.preview-canvas{image-rendering:pixelated;outline:var(--u) solid var(--line);background:repeating-conic-gradient(var(--canvas-checker-a) 0 25%, var(--canvas-checker-b) 0 50%) 0 0 / calc(var(--u) * 8) calc(var(--u) * 8);display:block;position:absolute}.range-row{align-items:center;gap:calc(var(--u) * 3);display:flex}.dialog-body{flex-direction:column;display:flex}.tl-name-resize{top:0;right:calc(var(--u) * -5);z-index:4;width:calc(var(--u) * 10);cursor:ew-resize;touch-action:none;place-items:center;height:100%;display:grid;position:absolute}.tl-name-resize:before{content:"";width:calc(var(--u) * 3);height:calc(var(--u) * 7);background:var(--text-muted);outline:var(--u) solid var(--surface-panel)}.tl-indent{flex:none;align-self:stretch;position:relative}.tl-branch{right:calc(var(--u) * 4);width:calc(var(--u) * 6);border-left:var(--u) solid var(--text-muted);border-bottom:var(--u) solid var(--text-muted);height:50%;position:absolute;top:0}.tl-branch:after{content:"";right:calc(var(--u) * -2);bottom:calc(var(--u) * -2.5);border-left:calc(var(--u) * 2) solid var(--text-muted);border-top:calc(var(--u) * 2) solid transparent;border-bottom:calc(var(--u) * 2) solid transparent;position:absolute}.tl-layer-tools,.tl-anim-tools{align-items:center;gap:var(--u);flex:none;display:flex}.tl-layer-tools{min-width:var(--name-w);padding-right:calc(var(--u) * 2);margin-right:calc(var(--u) * 2);border-right:var(--u) solid var(--line)}.timeline.layers-only .tl-anim-tools,.timeline.layers-only .tl-tags,.timeline.layers-only .tl-name-resize,.timeline.layers-only .tl-row>:not(.tl-layer,.tl-corner){display:none}.timeline.layers-only{--tags-h:0px}.timeline.layers-only .tl-row{grid-template-columns:1fr}.timeline.layers-only .tl-layer-tools{border-right:0}.tl-frame.drop-before{box-shadow:inset calc(var(--u) * 2) 0 0 var(--accent)}.tl-frame.drop-after{box-shadow:inset calc(var(--u) * -2) 0 0 var(--accent)}.tl-tag{touch-action:none}.tl-tag.dragging{opacity:.8;outline:var(--u) solid var(--accent)}.tl-frame{flex-direction:column;justify-content:center;align-items:center;line-height:1;display:flex}.tl-frame-number,.tl-ms{line-height:calc(var(--u) * 6)}.status-item.tl-length{color:var(--text-muted);font-family:var(--font-small);white-space:nowrap}.tl-row:not(.tl-header){position:relative}.tl-row{--link-0:var(--accent);--link-1:#e0a030;--link-2:#3aa66a;--link-3:#3a8ad8}.tl-link-line{top:50%;left:calc(var(--name-w) + var(--cell) * (var(--from) + .5));width:calc(var(--cell) * var(--span));height:var(--u);margin-top:calc(var(--u) * -.5);background:var(--link-color);pointer-events:none;z-index:1;position:absolute}.tl-link-dot{top:50%;left:calc(var(--cell) * var(--at));width:calc(var(--u) * 3);height:calc(var(--u) * 3);background:var(--link-color);border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.timeline.layers-only .tl-link-line{display:none}.tl-chain{border-left:var(--u) solid var(--line);flex:none;align-self:stretch;height:auto}.timeline.layers-only .tl-chain{display:none}.tl-layer.lifted{background:var(--surface-raised);box-shadow:0 calc(var(--u) * 2) calc(var(--u) * 4) #00000040;z-index:4}.tl-scroll{scrollbar-width:thin;scrollbar-color:var(--text-muted) transparent}.tl-thumb{left:calc(var(--u) * 2);top:calc(var(--u) * 2);width:calc(100% - var(--u) * 4);height:calc(100% - var(--u) * 4);object-fit:contain;image-rendering:pixelated;pointer-events:none;position:absolute}.tl-cel:has(.tl-thumb):before{display:none}.tl-layer-thumb{display:none}.tl-layer-thumb:has(canvas){width:calc(var(--row) - var(--u) * 6);height:calc(var(--row) - var(--u) * 6);margin-right:var(--u);background:repeating-conic-gradient(var(--canvas-checker-a) 0 25%, var(--canvas-checker-b) 0 50%) 0 0 / calc(var(--u) * 4) calc(var(--u) * 4);flex:none;display:block}.tl-layer-thumb canvas{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;display:block}.tool-options,.selection-bar{justify-self:center;align-items:center;gap:calc(var(--u) * 3);scrollbar-width:none;min-width:0;max-width:100%;height:calc(var(--u) * 16);padding:0 calc(var(--u) * 2);background:color-mix(in srgb, var(--text) 14%, var(--surface-panel));clip-path:polygon(calc(100% - var(--u) * 1) 0, calc(100% - var(--u) * 1) calc(var(--u) * 1), 100% calc(var(--u) * 1), 100% calc(100% - var(--u) * 1), calc(100% - var(--u) * 1) calc(100% - var(--u) * 1), calc(100% - var(--u) * 1) 100%, calc(var(--u) * 1) 100%, calc(var(--u) * 1) calc(100% - var(--u) * 1), 0 calc(100% - var(--u) * 1), 0 calc(var(--u) * 1), calc(var(--u) * 1) calc(var(--u) * 1), calc(var(--u) * 1) 0);font-family:var(--font-small);white-space:nowrap;grid-column:2;display:flex;overflow-x:auto}.tool-options[hidden],.tool-options-group[hidden],.tool-options .option[hidden]{display:none}.tool-options-group{align-items:center;gap:var(--u);display:flex}.tool-options-label{padding:0 calc(var(--u) * 3) 0 calc(var(--u) * 6);color:var(--text);text-transform:uppercase}.tool-options .option-range{color:var(--text)}.pill-bar .px-btn,.pill-bar .px-text-btn{height:calc(var(--u) * 14);border:0;background:var(--surface-panel);min-height:0;color:var(--text);clip-path:polygon(calc(100% - var(--u) * 1) 0, calc(100% - var(--u) * 1) calc(var(--u) * 1), 100% calc(var(--u) * 1), 100% calc(100% - var(--u) * 1), calc(100% - var(--u) * 1) calc(100% - var(--u) * 1), calc(100% - var(--u) * 1) 100%, calc(var(--u) * 1) 100%, calc(var(--u) * 1) calc(100% - var(--u) * 1), 0 calc(100% - var(--u) * 1), 0 calc(var(--u) * 1), calc(var(--u) * 1) calc(var(--u) * 1), calc(var(--u) * 1) 0);border-image-source:none;border-radius:0}.pill-bar .px-btn{width:calc(var(--u) * 20)}.pill-bar .px-text-btn{padding:0 calc(var(--u) * 6)}.pill-bar .px-btn:active,.pill-bar .px-text-btn:active{background:var(--surface-base);border-image-source:none}.pill-bar.pill-bar .px-btn[aria-pressed=true],.pill-bar.pill-bar .option[aria-pressed=true],.pill-bar.pill-bar .option[aria-checked=true]{background:var(--accent);color:var(--accent-text);border-image-source:none}.pill-bar .px-btn[aria-pressed=true] .icon{transform:none}.tool-options .px-range{height:calc(var(--u) * 14)}.tool-options .px-range::-webkit-slider-thumb{width:calc(var(--u) * 8);height:calc(var(--u) * 12);margin-top:calc(var(--u) * -5)}.tool-options .px-range::-moz-range-thumb{width:calc(var(--u) * 8);height:calc(var(--u) * 12)}.option[aria-pressed=true],.option[aria-checked=true]{border-image-source:var(--frame-active);color:var(--accent-text)}.option-range{align-items:center;gap:calc(var(--u) * 2);color:var(--text-muted);display:flex}.option-range input{width:calc(var(--u) * 60);accent-color:var(--accent)}.option-value{min-width:calc(var(--u) * 12);color:var(--text)}.palette{top:calc(var(--top-inset,0px) + var(--gap) + var(--ruler-y) + var(--palette-offset,0px))}.menu{top:calc(var(--top-inset,0px) + var(--gap));max-height:calc(100vh - var(--top-inset,0px) - var(--gap) * 2 - var(--safe-bottom));overflow-y:auto}.menu .menu-item{min-height:calc(var(--u) * 15);align-items:center}.shape-handles{pointer-events:none;z-index:5;position:fixed;inset:0}.line-preview{pointer-events:none;z-index:4;width:100%;height:100%;position:fixed;inset:0}.shape-guides{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.shape-guides line{stroke:#fff;stroke-width:var(--u);stroke-dasharray:calc(var(--u) * 2);filter:drop-shadow(0 0 1px #000)}.shape-handle{width:calc(var(--u) * 7);height:calc(var(--u) * 7);border:var(--u) solid #000;background:#fff;position:absolute;transform:translate(-50%,-50%)}.shape-handle.control{border-radius:50%}.shape-handle.edge{width:calc(var(--u) * 5);height:calc(var(--u) * 5)}.shape-handles.locked .shape-handle:not(.knob,.pivot,.control){background:var(--accent);border-color:#fff}.shape-handle.knob{width:calc(var(--u) * 6);height:calc(var(--u) * 6);background:var(--accent);border-color:#fff;border-radius:50%}.shape-handle.pivot{width:calc(var(--u) * 8);height:calc(var(--u) * 8);background:linear-gradient(#000, #000) center / var(--u) 100% no-repeat, linear-gradient(#000, #000) center / 100% var(--u) no-repeat, #fff;border-radius:50%}body.chrome-hidden .shape-handles{display:block}.anchor-grid{grid-template-columns:repeat(3, calc(var(--u) * 14));gap:var(--u);display:grid}.anchor-cell{width:calc(var(--u) * 14);height:calc(var(--u) * 14);border:var(--u) solid var(--line);background:var(--surface-base);cursor:pointer;padding:0}.anchor-cell[aria-checked=true]{background:var(--accent);border-color:var(--accent)}.dialog-note{font-family:var(--font-small);color:var(--text-muted)}.offline-field{flex-wrap:wrap}.offline-help{font-family:var(--font-small);color:var(--text-muted);max-width:calc(var(--u) * 170);flex-basis:100%;order:3}.selection-bar{z-index:12;gap:var(--u);max-width:none;position:fixed}.selection-bar[hidden],.pill-bar .px-btn[hidden],.pill-bar .option-range[hidden]{display:none}.size-readout{padding:var(--u) calc(var(--u) * 3);border-radius:calc(var(--u) * 3);color:#fff;font-family:var(--font-small);white-space:nowrap;background:#000000b8;position:absolute}.size-readout[hidden]{display:none}.layer-flash{z-index:4;pointer-events:none;position:fixed}.layer-flash[hidden]{display:none}.pattern-button .pattern-preview{width:calc(var(--u) * 10);height:calc(var(--u) * 10);image-rendering:pixelated;background:repeating-conic-gradient(var(--canvas-checker-a) 0 25%, var(--canvas-checker-b) 0 50%) 0 0 / calc(var(--u) * 4) calc(var(--u) * 4)}