:root{--motion-normal:300ms;--motion-ease:ease-in-out;--motion-distance:8px;color-scheme:light;background:var(--bg);--error:#b42336;--bg:#f7f7f2;--surface:#fff;--soft:#eeefe9;--ink:#202923;--muted:#5e685f;--line:#d9ddd4;--accent:#294cda;--accent-hover:#203cac;--tint:#e9edff;--on-accent:#fff;--radius:12px;--space:1.5rem;--page-gutter:32px;--content-width:1200px;--shadow:0 24px 70px #26322112;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.6}:root[data-theme=dark]{color-scheme:dark;--error:#ff9caa;--bg:#141916;--surface:#1d2420;--soft:#262f28;--ink:#edf1e9;--muted:#abb6ad;--line:#38433b;--accent:#a8b8ff;--accent-hover:#c5cfff;--tint:#283352;--on-accent:#152247;--shadow:0 24px 70px #0003}:root[data-palette=iris]{--accent:#7040bd;--accent-hover:#572c9c;--tint:#f0e8fc}:root[data-palette=grove]{--accent:#216b47;--accent-hover:#174f34;--tint:#e1f1e7}:root[data-theme=dark][data-palette=iris]{--accent:#cfb0ff;--accent-hover:#e0cdff;--tint:#3b2e4f;--on-accent:#302044}:root[data-theme=dark][data-palette=grove]{--accent:#94d8ae;--accent-hover:#b7e8ca;--tint:#253e31;--on-accent:#153322}:root[data-palette=rose]{--accent:#c21e47;--accent-hover:#9a1839;--tint:#fdf2f5;--on-accent:#ffffff;}:root[data-theme=dark][data-palette=rose]{--accent:#f1a7b9;--accent-hover:#f7cad5;--tint:#350813;--on-accent:#350813;}:root[data-palette=amber]{--accent:#815d08;--accent-hover:#604506;--tint:#fefaf1;--on-accent:#ffffff;}:root[data-theme=dark][data-palette=amber]{--accent:#f9de9f;--accent-hover:#fbebc5;--tint:#3a2904;--on-accent:#3a2904;}:root[data-palette=teal]{--accent:#1c6e6a;--accent-hover:#14524f;--tint:#f3fcfb;--on-accent:#ffffff;}:root[data-theme=dark][data-palette=teal]{--accent:#adebe8;--accent-hover:#cef3f1;--tint:#0c312f;--on-accent:#0c312f;}:root[data-palette=sky]{--accent:#1365a0;--accent-hover:#0e4e7b;--tint:#f1f8fd;--on-accent:#ffffff;}:root[data-theme=dark][data-palette=sky]{--accent:#a4d3f4;--accent-hover:#c8e4f9;--tint:#062337;--on-accent:#062337;}:root[data-palette=slate]{--accent:#5f6c81;--accent-hover:#4c5667;--tint:#f6f7f8;--on-accent:#ffffff;}:root[data-theme=dark][data-palette=slate]{--accent:#c4cad4;--accent-hover:#dcdfe5;--tint:#1a1d23;--on-accent:#1a1d23;}:root[data-palette=orange]{--accent:#a64c0c;--accent-hover:#803b0a;--tint:#fef6f1;--on-accent:#ffffff;}:root[data-theme=dark][data-palette=orange]{--accent:#f8c5a0;--accent-hover:#fbdcc6;--tint:#391a04;--on-accent:#391a04;}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}a{color:var(--accent);text-underline-offset:4px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}img,svg{max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.12;letter-spacing:-.045em}h1{font-size:clamp(2.8rem,6.3vw,5.5rem);font-weight:550}h2{font-size:clamp(2rem,3.5vw,3rem);font-weight:550}h3{font-size:1.25rem;font-weight:600}p{max-width:65ch}small{font-size:.8rem}button,a,input,select,textarea,summary,[tabindex]{outline-offset:5px}:focus-visible{outline:2px solid var(--accent)}main[tabindex="-1"]:focus{outline:none}[hidden]{display:none!important}@media(prefers-reduced-motion:no-preference){:where(a,button,input,select,textarea){transition:background-color var(--motion-normal) var(--motion-ease),color var(--motion-normal) var(--motion-ease),border-color var(--motion-normal) var(--motion-ease),box-shadow var(--motion-normal) var(--motion-ease)}}@media(prefers-reduced-motion:reduce){*,::before,::after,::backdrop,::details-content{animation:none!important;transition:none!important;scroll-behavior:auto!important}}:where([data-motion=none],[data-motion=none] *),:where([data-motion=none],[data-motion=none] *)::before,:where([data-motion=none],[data-motion=none] *)::after,:where([data-motion=none],[data-motion=none] *)::backdrop,:where([data-motion=none],[data-motion=none] *)::details-content{animation:none!important;transition:none!important;scroll-behavior:auto!important}.container{width:min(var(--content-width),calc(100% - 2 * var(--page-gutter)));margin-inline:auto}.stack{display:flex;flex-direction:column;gap:var(--space)}.cluster{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:var(--space)}[data-canvas]{position:relative;isolation:isolate}[data-canvas]::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;opacity:var(--canvas-opacity,.2);background-size:var(--canvas-step,24px) var(--canvas-step,24px);mask-image:linear-gradient(90deg,#000,transparent 35%,transparent 65%,#000)}[data-canvas="dots"]::before{background-image:radial-gradient(var(--line) 1px,transparent 1px)}[data-canvas="grid"]::before{background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px)}[data-ruler]::after{content:"";position:absolute;inset:0 24px auto;height:8px;border-bottom:1px solid var(--line);background:repeating-linear-gradient(90deg,var(--line) 0 1px,transparent 1px 24px);pointer-events:none}[data-finish=flat]{--finish-image:none;--finish-button:none;--finish-shadow:none;--finish-edge:color-mix(in srgb,var(--line) 60%,var(--surface));--finish-blur:none;--finish-surface:var(--surface);}[data-finish=gradient]{--finish-image:linear-gradient(145deg,color-mix(in srgb,var(--accent) 6%,transparent),color-mix(in srgb,var(--ink) 2%,transparent));--finish-button:linear-gradient(145deg,#ffffff08,#00000008);--finish-shadow:0 3px 12px #0000000a;--finish-edge:color-mix(in srgb,var(--line) 60%,var(--surface));--finish-blur:none;--finish-surface:var(--surface);}[data-finish=glass]{--finish-image:linear-gradient(145deg,#ffffff30,transparent 48%,#0000000a);--finish-button:linear-gradient(145deg,#ffffff30,transparent 48%,#0000000a);--finish-shadow:inset 0 .5px #ffffff26,0 8px 28px #0000001a;--finish-edge:color-mix(in srgb,var(--line) 45%,transparent);--finish-blur:none;--finish-surface:var(--surface);}@supports(backdrop-filter:blur(20px)){[data-finish=glass]{--finish-surface:color-mix(in srgb,var(--surface) 68%,transparent);--finish-blur:blur(20px) saturate(1.5)}}.surface{background-color:var(--finish-surface,var(--surface));backdrop-filter:var(--finish-blur,none);background-image:var(--finish-image,none);box-shadow:var(--finish-shadow,none);border-color:var(--finish-edge,var(--line))}.text-gradient{color:var(--accent);padding-inline-end:.08em;margin-inline-end:-.08em;box-decoration-break:clone;-webkit-box-decoration-break:clone}@supports(background-clip:text){.text-gradient{background:var(--paint-text,linear-gradient(120deg,var(--accent),color-mix(in srgb,var(--accent) 80%,var(--ink))));background-clip:text;-webkit-text-fill-color:transparent}}@media(forced-colors:active){.text-gradient{background:none;-webkit-text-fill-color:currentColor}}@media(prefers-reduced-transparency:reduce){[data-finish=glass]{--finish-surface:var(--surface);--finish-blur:none}}[data-guides]{border-inline:1px solid color-mix(in srgb,var(--line) 50%,transparent)}:is(.field-error,.color-picker-error,[data-range-error]){margin:0;color:var(--error);font-size:.85rem;font-weight:500}:is(.field-error,.color-picker-error,[data-range-error]):not(:empty){position:relative;padding-inline-start:24px}:is(.field-error,.color-picker-error,[data-range-error]):not(:empty)::before{content:"!"/"";position:absolute;inset-inline-start:0;top:.2em;width:16px;height:16px;display:grid;place-items:center;border:1.5px solid currentColor;border-radius:50%;font:700 12px/1 sans-serif;box-sizing:border-box}fieldset{min-inline-size:0;margin:0;padding:16px;border:1px solid var(--finish-edge,var(--line));border-radius:var(--radius)}legend{max-inline-size:100%;padding-inline:8px;color:var(--ink);font-size:.85rem;font-weight:600;line-height:1.5;overflow-wrap:anywhere}.muted{color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.69rem;font-weight:700;color:var(--muted)}@media(max-width:760px){:root{--page-gutter:16px}}