@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-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-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}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.block{display:block}.grid{display:grid}.table{display:table}.shrink{flex-shrink:1}.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)}.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,)}}@font-face{font-family:Schibsted Grotesk;src:url(/fonts/schibsted-grotesk-latin-wght-normal.woff2)format("woff2");font-weight:400 900;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/ibm-plex-mono-latin-400-normal.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/ibm-plex-mono-latin-500-normal.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}:root{--font-sans:"Schibsted Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--paper:#f6f8fc;--paper-2:#eef2f9;--surface:#fff;--ink:#0b1b3f;--ink-2:#2c3a5c;--ink-3:#5d6a86;--ink-4:#8892a8;--line:#d9e0ee;--line-2:#e7ecf5;--grid:#1f5bff12;--grid-strong:#1f5bff21;--accent:#1f5bff;--accent-600:#1a4be0;--accent-700:#153cb3;--accent-50:#eef3ff;--accent-100:#dfe8ff;--accent-200:#bccdff;--amber:#f2a516;--amber-600:#d98e05;--amber-ink:#7a4f00;--amber-50:#fff6e3;--ok:#13805a;--ok-50:#e7f6ef;--danger:#c4323b;--danger-50:#fdecee;--protect:#13a06a;--remove:#e0414b;--r-1:6px;--r-2:8px;--r-3:10px;--shadow-1:0 1px 2px #0b1b3f0f, 0 1px 1px #0b1b3f0a;--shadow-2:0 1px 2px #0b1b3f0d, 0 8px 24px -12px #0b1b3f2e;--shadow-3:0 2px 4px #0b1b3f0f, 0 24px 48px -24px #0b1b3f47;--ease:cubic-bezier(.2, .7, .2, 1)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;flex-direction:column;min-height:100vh;margin:0;font-size:16px;line-height:1.55;display:flex;overflow-x:hidden}main{flex:1}a{color:var(--accent-600);text-decoration:none}a:hover{color:var(--accent-700)}h1,h2,h3{color:var(--ink);letter-spacing:-.02em;margin:0;line-height:1.15}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.mono{font-family:var(--font-mono);font-feature-settings:"zero" 1;letter-spacing:0}.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}.skip{z-index:100;background:var(--ink);color:var(--surface);border-radius:var(--r-1);padding:8px 12px;position:absolute;top:8px;left:-9999px}.skip:focus{left:8px}.wrap{width:100%;max-width:1240px;margin:0 auto;padding:0 16px}@media (min-width:640px){.wrap{padding:0 24px}}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--accent-600);align-items:center;gap:8px;margin:0 0 10px;font-size:12px;font-weight:500;display:inline-flex}.eyebrow:before{content:"";background:var(--amber);width:14px;height:2px;box-shadow:0 -3px 0 -.5px var(--amber), 0 3px 0 -.5px transparent}.logo{color:var(--ink);align-items:center;gap:9px;display:inline-flex}.logo__word{letter-spacing:-.03em;font-size:19px;font-weight:750}.logo__word span{color:var(--accent)}.sh{z-index:40;background:var(--surface);position:sticky;top:0}@supports (color:color-mix(in lab, red, red)){.sh{background:color-mix(in srgb, var(--surface) 92%, transparent)}}.sh{-webkit-backdrop-filter:saturate(1.4)blur(10px);backdrop-filter:saturate(1.4)blur(10px);border-bottom:1px solid var(--line)}.sh__in{align-items:center;gap:16px;height:60px;display:flex}.sh__home{margin-right:auto;display:inline-flex}.sh__nav{align-items:center;gap:2px;display:flex}.sh__nav a{color:var(--ink-2);border-radius:var(--r-1);transition:background .15s var(--ease), color .15s var(--ease);padding:7px 11px;font-size:14.5px;font-weight:500}.sh__nav a:hover{background:var(--paper-2);color:var(--ink)}.sh__nav a[aria-current=page]{color:var(--accent-600);background:var(--accent-50)}.sh__nav .sh__all{border:1px solid var(--line);color:var(--ink);margin-left:6px}.sh__menu{border:1px solid var(--line);background:var(--surface);border-radius:var(--r-1);cursor:pointer;justify-content:center;align-items:center;width:40px;height:40px;display:none}@media (max-width:920px){.sh__menu{display:inline-flex}.sh__nav{background:var(--surface);border-bottom:1px solid var(--line);box-shadow:var(--shadow-2);flex-direction:column;align-items:stretch;padding:8px 16px 14px;display:none;position:absolute;top:60px;left:0;right:0}.sh__nav.is-open{display:flex}.sh__nav a{padding:11px 10px;font-size:16px}.sh__nav .sh__all{text-align:center;margin:6px 0 0}}.hero{background:linear-gradient(var(--grid) 1px, transparent 1px) 0 0 / 24px 24px, linear-gradient(90deg, var(--grid) 1px, transparent 1px) 0 0 / 24px 24px;border-bottom:1px solid var(--line-2);padding:28px 0 18px}.crumbs{color:var(--ink-3);gap:8px;margin-bottom:10px;font-size:12px;display:flex}.crumbs a{color:var(--ink-3)}.hero__h1{letter-spacing:-.035em;max-width:22ch;font-size:clamp(28px,4.2vw,44px);font-weight:760}.hero__lede{color:var(--ink-2);max-width:68ch;margin:10px 0 0;font-size:clamp(15.5px,1.6vw,17.5px)}@media (min-width:1100px){.hero__h1{max-width:30ch}}.tool-wrap{margin-top:-2px;padding-top:18px;padding-bottom:8px}.wb{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-2);box-shadow:var(--shadow-3);overflow:hidden}.wb__tabs{border-bottom:1px solid var(--line);background:var(--paper);scrollbar-width:none;align-items:center;gap:2px;padding:6px 8px 0;display:flex;overflow-x:auto}.wb__tab{color:var(--ink-3);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 14px 11px;font-size:14.5px;font-weight:600}.wb__tab:hover{color:var(--ink)}.wb__tab.is-on{color:var(--ink);border-bottom-color:var(--accent)}.wb__tabs-sep{flex:1}.wb__tablink{white-space:nowrap;color:var(--ink-3);padding:8px 10px;font-size:13.5px}.wb__tablink:hover{color:var(--accent-600)}.wb__grid{grid-template-columns:minmax(0,1fr);display:grid}@media (min-width:960px){.wb__grid{grid-template-columns:minmax(0,1fr) 360px;height:clamp(560px,100vh - 150px,760px)}.wb__main,.stage{flex:1;min-height:0}.stage__frame{flex:1;grid-template-rows:22px minmax(0,1fr);min-height:0}.stage__view{height:auto!important}}.wb__main{flex-direction:column;min-width:0;display:flex}.wb__panel{border-top:1px solid var(--line);background:var(--surface);flex-direction:column;gap:16px;min-width:0;padding:16px;display:flex}@media (min-width:960px){.wb__panel{border-top:0;border-left:1px solid var(--line);min-height:0;overflow-y:auto}}.wb__filebar{border-top:1px solid var(--line);color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;font-size:12.5px;display:flex}.wb__filename{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;max-width:260px;overflow:hidden}.wb__filemeta{flex:1;min-width:0}.stage{flex-direction:column;min-width:0;display:flex}.stage__bar{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px 8px 14px;display:flex}.stage__label{color:var(--ink-3);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:8px;font-size:12px;display:flex}.stage__label b{color:var(--ink);font-weight:500}.stage__dot{background:var(--amber);border-radius:2px;width:7px;height:7px}.stage__tools{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.stage__frame{background:var(--paper);grid-template-rows:22px auto;grid-template-columns:22px minmax(0,1fr);display:grid;position:relative}.ruler{background:var(--paper);display:block}.ruler--top{border-bottom:1px solid var(--line);grid-area:1/2;width:100%;height:22px}.ruler--left{border-right:1px solid var(--line);grid-area:2/1;width:22px;height:100%}.ruler-corner{color:var(--ink-4);border-right:1px solid var(--line);border-bottom:1px solid var(--line);grid-area:1/1;justify-content:center;align-items:center;font-size:9px;display:flex}.stage__view{background:linear-gradient(var(--grid) 1px, transparent 1px) 0 0 / 20px 20px, linear-gradient(90deg, var(--grid) 1px, transparent 1px) 0 0 / 20px 20px, var(--paper);grid-area:2/2;height:clamp(340px,58vh,600px);position:relative;overflow:auto}@media (max-width:640px){.stage__view{height:360px}}.stage__content{justify-content:center;align-items:center;width:max-content;min-width:100%;min-height:100%;padding:30px;display:flex}.stage__img{background:repeating-conic-gradient(var(--paper-2) 0 25%, var(--surface) 0 50%) 0 0 / 16px 16px;box-shadow:0 0 0 1px var(--line), var(--shadow-2);flex:none;position:relative}.stage__img.is-brush{cursor:crosshair;touch-action:none}.stage__canvas{display:block;position:absolute;inset:0}.stage__canvas.is-pixelated{image-rendering:pixelated}.stage__overlay{pointer-events:none}.stage__empty{justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.stage__busy{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-2);width:min(420px,100% - 32px);box-shadow:var(--shadow-3);z-index:6;padding:12px 14px;position:absolute;bottom:16px;left:calc(50% + 11px);transform:translate(-50%)}.dim{pointer-events:none;--c:var(--amber);position:absolute}.dim--h{background:var(--c);height:1px;bottom:-16px;left:0;right:0}.dim--h:before,.dim--h:after{content:"";background:var(--c);width:1px;height:9px;position:absolute;top:-4px}.dim--h:before{left:0}.dim--h:after{right:0}.dim--v{background:var(--c);width:1px;top:0;bottom:0;right:-16px}.dim--v:before,.dim--v:after{content:"";background:var(--c);width:9px;height:1px;position:absolute;left:-4px}.dim--v:before{top:0}.dim--v:after{bottom:0}.dim__label{color:var(--amber-ink);background:var(--amber-50);border:1px solid var(--amber);font-size:10.5px;font-weight:500;position:absolute}@supports (color:color-mix(in lab, red, red)){.dim__label{border:1px solid color-mix(in srgb, var(--amber) 55%, transparent)}}.dim__label{white-space:nowrap;border-radius:4px;padding:0 5px;line-height:16px}.dim--h .dim__label{top:-8px;left:50%;transform:translate(-50%)}.dim--v .dim__label{writing-mode:vertical-rl;width:17px;padding:5px 0;line-height:15px;top:50%;left:-8px;transform:translateY(-50%)}.loupe{border:2px solid var(--surface);width:168px;height:168px;box-shadow:0 0 0 1px var(--ink-4), var(--shadow-3);pointer-events:none;image-rendering:pixelated;background:var(--surface);z-index:5;border-radius:50%;position:absolute}.split{border-left:2px solid var(--surface);pointer-events:none;width:0;position:absolute;top:0;bottom:0;box-shadow:0 0 0 1px #0b1b3f59}.split__tag{color:var(--surface);white-space:nowrap;background:#0b1b3fd1;border-radius:4px;padding:1px 6px;font-size:10.5px;position:absolute;top:8px}.split__tag--l{right:8px}.split__tag--r{left:8px}.split__range{opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.drop{text-align:center;border:1.5px dashed var(--accent-200);border-radius:var(--r-3);background:var(--surface);width:min(520px,100%);padding:28px 20px}@supports (color:color-mix(in lab, red, red)){.drop{background:color-mix(in srgb, var(--surface) 88%, transparent)}}.drop{transition:border-color .15s var(--ease), background .15s var(--ease)}.drop.is-over{border-color:var(--accent);background:var(--accent-50)}.drop--compact{width:100%;padding:14px}.drop--compact .drop__art{display:none}.drop__title{margin:10px 0 2px;font-size:18px;font-weight:650}.drop--compact .drop__title{margin-top:0;font-size:15px}.drop__sub{color:var(--ink-3);margin:0;font-size:13.5px}.drop__actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px;display:flex}.drop--compact .drop__actions{margin-top:10px}.btn{border-radius:var(--r-1);cursor:pointer;transition:background .15s var(--ease), border-color .15s var(--ease), transform .1s var(--ease);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--accent);color:var(--surface);box-shadow:0 1px #0b1b3f33,inset 0 1px #ffffff26}.btn--primary:hover:not(:disabled){background:var(--accent-600);color:var(--surface)}.btn--amber{background:var(--amber);color:var(--ink)}.btn--amber:hover{background:var(--amber-600);color:var(--ink)}.btn--ghost{background:var(--surface);border-color:var(--line);color:var(--ink)}.btn--ghost:hover:not(:disabled){border-color:var(--ink-4);color:var(--ink)}.btn--sm{padding:6px 10px;font-size:13.5px}.btn--block{width:100%}.tbtn{border:1px solid var(--line);background:var(--surface);border-radius:var(--r-1);cursor:pointer;color:var(--ink-2);padding:4px 9px;font-size:12.5px;font-weight:600}.tbtn.is-on{border-color:var(--accent);color:var(--accent-600);background:var(--accent-50)}.tbtn:disabled{opacity:.5}@media (hover:none){.hide-touch{display:none}}.seg{background:var(--paper-2);border-radius:var(--r-1);flex-wrap:wrap;gap:2px;max-width:100%;padding:3px;display:inline-flex}.seg__btn{color:var(--ink-3);cursor:pointer;transition:background .12s var(--ease), color .12s var(--ease);background:0 0;border:0;border-radius:4px;padding:6px 11px;font-size:13.5px;font-weight:600}.seg__btn:hover{color:var(--ink)}.seg__btn.is-on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-1)}.seg--grid{width:100%;display:grid}.seg--grid .seg__btn{text-align:center;padding:6px 2px;font-size:13px}.seg--sm .seg__btn{padding:4px 9px;font-size:12.5px}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--line);background:var(--surface);font-size:12.5px;font-family:var(--font-mono);color:var(--ink-2);cursor:pointer;border-radius:999px;padding:4px 10px}.chip:hover{border-color:var(--accent-200)}.chip.is-on{border-color:var(--accent);background:var(--accent-50);color:var(--accent-700)}.fld{flex-direction:column;gap:8px;display:flex}.fld__label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);font-size:11px;font-weight:500}.fld__hint{color:var(--ink-3);font-size:13px}.row{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.row--dims>.nf{flex:100px}.row--pad{align-items:center;margin-top:4px}.nf{flex-direction:column;gap:4px;min-width:0;display:flex}.nf__label{color:var(--ink-3);font-size:12px}.nf__box{border:1px solid var(--line);border-radius:var(--r-1);background:var(--surface);transition:border-color .12s var(--ease), box-shadow .12s var(--ease);align-items:center;display:flex}.nf__box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-100)}.nf__input{width:100%;min-width:0;font-family:var(--font-mono);background:0 0;border:0;outline:0;padding:8px 10px;font-size:15px}.nf__suffix{font-family:var(--font-mono);color:var(--ink-4);padding-right:10px;font-size:12px}.lock{border:1px solid var(--line);background:var(--surface);border-radius:var(--r-1);width:34px;height:38px;color:var(--ink-3);cursor:pointer;flex:none;justify-content:center;align-self:flex-end;align-items:center;display:inline-flex}.lock.is-on{color:var(--accent-600);border-color:var(--accent);background:var(--accent-50)}.select{border:1px solid var(--line);border-radius:var(--r-1);background:var(--surface);width:100%;padding:8px 10px;font-size:14.5px}.select--sm{padding:5px 8px;font-size:13px}.tgl{color:var(--ink-2);cursor:pointer;align-items:flex-start;gap:10px;font-size:13.5px;line-height:1.4;display:flex}.tgl input{opacity:0;width:1px;height:1px;position:absolute}.tgl__track{background:var(--line);width:32px;height:18px;transition:background .15s var(--ease);border-radius:999px;flex:none;margin-top:1px;position:relative}.tgl__dot{background:var(--surface);width:14px;height:14px;box-shadow:var(--shadow-1);transition:transform .15s var(--ease);border-radius:50%;position:absolute;top:2px;left:2px}.tgl input:checked+.tgl__track{background:var(--accent)}.tgl input:checked+.tgl__track .tgl__dot{transform:translate(14px)}.tgl input:focus-visible+.tgl__track{outline:2px solid var(--accent);outline-offset:2px}.tgl.is-disabled{opacity:.5;cursor:not-allowed}.range{color:var(--ink-3);flex:1;align-items:center;gap:8px;min-width:160px;font-size:12.5px;display:flex}.range input{accent-color:var(--accent);flex:1;min-width:60px}.swatch{border:1px solid var(--line);border-radius:var(--r-1);background:0 0;width:36px;height:30px;padding:0}.engines{flex-direction:column;gap:6px;display:flex}.engine{text-align:left;border:1px solid var(--line);border-radius:var(--r-1);background:var(--surface);cursor:pointer;transition:border-color .12s var(--ease), background .12s var(--ease);flex-direction:column;gap:1px;padding:9px 11px;display:flex}.engine:hover{border-color:var(--accent-200)}.engine.is-on{border-color:var(--accent);background:var(--accent-50);box-shadow:inset 3px 0 0 var(--accent)}.engine__name{font-size:14px;font-weight:650}.engine__note{color:var(--ink-3);font-size:12.5px}.note{color:var(--ink-3);margin:0;font-size:13px;line-height:1.5}.note--hint{border-left:2px solid var(--amber);background:var(--amber-50);color:var(--amber-ink);border-radius:0 var(--r-1) var(--r-1) 0;padding:8px 10px}.err{color:var(--danger);background:var(--danger-50);border-radius:var(--r-1);margin:0;padding:8px 10px;font-size:13.5px}.callout{border:1px solid var(--accent-200);background:var(--accent-50);border-radius:var(--r-1);flex-direction:column;align-items:flex-start;gap:8px;padding:10px 12px;font-size:13.5px;display:flex}.callout p{margin:0}.textlink{font-size:13px;font-weight:600}.readout{border:1px solid var(--line);border-radius:var(--r-1);background:linear-gradient(var(--grid) 1px, transparent 1px) 0 0 / 12px 12px, var(--paper);flex-direction:column;padding:8px 12px;display:flex}.readout__row{color:var(--ink-3);justify-content:space-between;align-items:baseline;gap:12px;padding:3px 0;font-size:13px;display:flex}.readout__row+.readout__row{border-top:1px dashed var(--line)}.readout__row .mono{color:var(--ink);text-align:right}.readout__row b.mono{color:var(--accent-700);font-weight:500}.actions{flex-direction:column;gap:8px;display:flex}.prog{color:var(--ink-2);flex-direction:column;gap:6px;font-size:13px;display:flex}.prog__head{justify-content:space-between;display:flex}.prog__bar{background:var(--paper-2);border-radius:999px;height:6px;overflow:hidden}.prog__bar span{background:var(--accent);height:100%;transition:width .2s var(--ease);border-radius:999px;display:block}.prog__bar.is-indeterminate span{width:35%;animation:slide 1.1s var(--ease) infinite}@keyframes slide{0%{transform:translate(-100%)}to{transform:translate(300%)}}.log{border-top:1px solid var(--line);color:var(--ink-2);padding-top:12px;font-size:13px}.log__head{color:var(--ok);margin-bottom:4px;font-size:12px}.log ul{margin:0;padding-left:18px}.log li{margin:2px 0}.lab{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-2);box-shadow:var(--shadow-3);flex-direction:column;gap:18px;padding:16px;display:flex}.lab__layout{grid-template-columns:minmax(0,1fr);gap:18px;display:grid}@media (min-width:900px){.lab__layout{grid-template-columns:330px minmax(0,1fr);align-items:start}}@media (max-width:899px){.lab__grid{order:-1}}.lab__controls{flex-direction:column;gap:16px;display:flex}.lab__src{flex-direction:column;gap:8px;display:flex}.lab__thumb{cursor:crosshair;border-radius:var(--r-1);box-shadow:0 0 0 1px var(--line);touch-action:none;position:relative;overflow:hidden}.lab__thumbcanvas{width:100%;height:auto;display:block}.lab__box{border:2px solid var(--amber);min-width:6px;min-height:6px;position:absolute;box-shadow:0 0 0 9999px #0b1b3f47}.lab__settings{flex-direction:column;gap:14px;display:flex}.lab__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.pane{border:1px solid var(--line);border-radius:var(--r-1);background:var(--paper);flex-direction:column;margin:0;display:flex;overflow:hidden}.pane__head{border-bottom:1px solid var(--line);background:var(--surface);padding:8px}.pane__view{aspect-ratio:auto;max-width:calc(100% - 20px);box-shadow:0 0 0 1px var(--line);background:repeating-conic-gradient(var(--paper-2) 0 25%, var(--surface) 0 50%) 0 0 / 12px 12px;margin:10px auto;position:relative;overflow:hidden}.pane__canvas{image-rendering:pixelated;display:block}.pane__cross{border:1.5px solid var(--amber);pointer-events:none;border-radius:50%;width:15px;height:15px;margin:-7px 0 0 -7px;position:absolute;box-shadow:0 0 0 1px #0b1b3f80}.pane__foot{border-top:1px solid var(--line);background:var(--surface);color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:10px;padding:8px;font-size:12px;display:flex}.pane__meter{background:var(--paper-2);border-radius:999px;flex:1;height:4px;overflow:hidden}.pane__meter span{background:var(--amber);height:100%;display:block}.lab__legend{max-width:80ch}.batch{background:linear-gradient(var(--grid) 1px, transparent 1px) 0 0 / 20px 20px, linear-gradient(90deg, var(--grid) 1px, transparent 1px) 0 0 / 20px 20px, var(--paper);flex-direction:column;gap:12px;min-height:360px;padding:14px;display:flex}.batch .drop{margin:0 auto}.batch__tablewrap{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-1);position:relative;overflow-x:auto}.batch__table{border-collapse:collapse;width:100%;font-size:13px}.batch__table th{text-align:left;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);border-bottom:1px solid var(--line);padding:8px 10px;font-size:11px;font-weight:500}.batch__table td{border-bottom:1px solid var(--line-2);white-space:nowrap;padding:7px 10px}.batch__name{text-overflow:ellipsis;max-width:220px;overflow:hidden}.batch__table tr.is-done td:nth-child(3){color:var(--ok)}.batch__table tr.is-error td{color:var(--danger)}.batch__err{white-space:normal;max-width:260px;font-size:11.5px;display:block}.facts{margin-top:26px}.facts__list{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.facts__list li{border:1px solid var(--line);border-radius:var(--r-2);background:var(--surface);color:var(--ink-2);align-items:baseline;gap:12px;padding:14px 16px;font-size:14.5px;display:flex}.facts__list b{color:var(--accent);min-width:1.6em;font-size:24px;font-weight:500}.section-head{margin:0 0 18px}.section-head h2{font-size:clamp(22px,2.8vw,30px);font-weight:720}.tasks{margin-top:56px}.tasks__grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.task{border:1px solid var(--line);border-radius:var(--r-2);background:var(--surface);height:100%;color:var(--ink);transition:transform .18s var(--ease), box-shadow .18s var(--ease), border-color .18s var(--ease);flex-direction:column;display:flex;overflow:hidden}.task:hover{box-shadow:var(--shadow-2);border-color:var(--accent-200);color:var(--ink);transform:translateY(-2px)}.task__art{aspect-ratio:480/300;border-bottom:1px solid var(--line);background:var(--paper);width:100%;height:auto;display:block}.task__body{flex-direction:column;gap:3px;padding:12px 14px 14px;display:flex}.task__body b{font-size:16px}.task__body span{color:var(--ink-3);font-size:13.5px}.alltools{margin-top:56px;scroll-margin-top:80px}.alltools__grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:14px;display:grid}.alltools__group{border:1px solid var(--line);border-radius:var(--r-2);background:var(--surface);padding:14px}.alltools__group h3{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);margin-bottom:8px;font-size:11px;font-weight:500}.alltools__group ul{margin:0;padding:0;list-style:none}.alltools__group a{border-radius:var(--r-1);color:var(--ink);flex-direction:column;padding:8px;display:flex}.alltools__group a:hover{background:var(--accent-50)}.alltools__group a b{font-size:15px}.alltools__group a span{color:var(--ink-3);font-size:13px}.content{margin-top:56px;margin-bottom:64px}.content__grid{grid-template-columns:minmax(0,1fr);gap:32px;display:grid}@media (min-width:960px){.content__grid{grid-template-columns:minmax(0,1fr) 300px}}.prose{max-width:74ch;color:var(--ink-2);font-size:16.5px}.prose section+section{margin-top:32px}.prose h2{margin:0 0 10px;font-size:23px;font-weight:700}.prose h3{margin:22px 0 6px;font-size:17px}.prose p{margin:0 0 12px}.prose ul{margin:0 0 12px;padding-left:20px}.prose li{margin:6px 0}.prose li::marker{color:var(--amber-600)}.faq details{border-bottom:1px solid var(--line);padding:2px 0}.faq details:first-of-type{border-top:1px solid var(--line)}.faq summary{cursor:pointer;color:var(--ink);padding:12px 28px 12px 0;font-weight:650;list-style:none;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-family:var(--font-mono);color:var(--accent);font-size:18px;position:absolute;top:10px;right:4px}.faq details[open] summary:after{content:"−"}.faq details p{margin:0 0 14px}.related{border:1px solid var(--line);border-radius:var(--r-2);background:var(--surface);align-self:start;padding:14px}@media (min-width:960px){.related{position:sticky;top:80px}}.related__h{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);margin-bottom:6px;font-size:11px;font-weight:500}.related ul{margin:0;padding:0;list-style:none}.related a{border-radius:var(--r-1);color:var(--ink);flex-direction:column;padding:9px 8px;display:flex}.related a:hover{background:var(--accent-50)}.related a span{color:var(--ink-3);font-size:13px}.page{padding-top:36px;padding-bottom:64px}.page__head{margin-bottom:28px}.page__head h1,.page--404 h1{font-size:clamp(30px,4vw,42px);font-weight:760}.prose--page{max-width:72ch}.prose--page h2{margin-top:28px}.page--404 .row{margin-top:20px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-2);box-shadow:var(--shadow-2);padding:20px}.contact{grid-template-columns:minmax(0,1fr);gap:20px;display:grid}@media (min-width:900px){.contact{grid-template-columns:minmax(0,1fr) 300px}}.contact__form{flex-direction:column;gap:14px;display:flex}.contact__from{color:var(--ink-3);margin:0;font-size:12px}.cf{flex-direction:column;gap:5px;font-size:14px;font-weight:600;display:flex}.cf .input{border:1px solid var(--line);border-radius:var(--r-1);background:var(--surface);padding:9px 11px;font-weight:400}.cf .input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-100);outline:0}.cf .input[aria-invalid=true]{border-color:var(--danger)}.cf__err{color:var(--danger);font-size:13px;font-style:normal;font-weight:400}.cf--sum .input{max-width:120px}.hp{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.contact__actions{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.contact__done{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:36px 20px;display:flex}.contact__done p{color:var(--ink-2);margin:0}.contact__side{color:var(--ink-2);font-size:14.5px}.contact__side h2{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);font-size:11px;font-weight:500}.contact__side ul{padding-left:18px}.sf{border-top:1px solid var(--line);background:var(--surface);margin-top:24px;padding:40px 0 24px}.sf__grid{grid-template-columns:minmax(0,1fr);gap:28px;display:grid}@media (min-width:760px){.sf__grid{grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr))}}.sf__brand p{color:var(--ink-3);max-width:38ch;margin:12px 0 0;font-size:14px}.sf__privacy{align-items:flex-start;gap:8px;font-weight:600;display:flex;color:var(--ok)!important}.sf__privacy svg{flex:none;margin-top:3px}.sf__h{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);margin-bottom:10px;font-size:11px;font-weight:500}.sf ul{margin:0;padding:0;list-style:none}.sf li a{color:var(--ink-2);padding:4px 0;font-size:14px;display:inline-block}.sf li a:hover{color:var(--accent-600)}.sf__bottom{border-top:1px solid var(--line-2);color:var(--ink-3);flex-wrap:wrap;justify-content:space-between;gap:14px;margin-top:32px;padding-top:16px;font-size:13px;display:flex}.sf__bottom nav{flex-wrap:wrap;gap:16px;display:flex}.sf__bottom a{color:var(--ink-3)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.prose ul,.contact__side ul{list-style:outside}@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-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}
