@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/_astro/instrument-sans-latin-ext-wght-normal.B5bTHO_g.woff2)format("woff2-variations");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:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/_astro/instrument-sans-latin-wght-normal.BbzFLZTg.woff2)format("woff2-variations");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}:root{color-scheme:dark;--ws-bg:oklch(19% .008 335);--panel:oklch(23.5% .01 335);--panel-raised:oklch(28% .01 335);--panel-hover:oklch(32% .01 335);--text:oklch(95.5% .009 80);--text-2:oklch(86.5% .012 320);--text-3:oklch(63% .018 320);--line:color-mix(in srgb, var(--text) 14%, transparent);--line-strong:color-mix(in srgb, var(--text) 22%, transparent);--accent:#b1d4ff;--on-accent:#0f1420;--accent-line:#5e9bff;--selection-edge:#0f1420;--accent-soft:color-mix(in srgb, var(--accent) 14%, transparent);--brand-pink:#f4b8d4;--focus:#fff4e2;--danger:#ff8a8a;--warning:#ffc66b;--success:#7fd6a8;--on-status:#0f1420;--scrim:#0006;--sample-paper:oklch(94% .006 80);--sample-card:oklch(99% .002 80);--sample-ink:oklch(22% .01 80);--sample-rule:oklch(80% .008 80);--r-control:6px;--r-panel:10px;--r-dock:12px;--r-tab:8px;--r-pill:999px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--s-10:40px;--s-12:48px;--s-16:64px;--h-control:32px;--h-control-compact:28px;--h-control-touch:44px;--h-topbar:48px;--h-strip-1:36px;--h-strip-2:48px;--w-strip:960px;--w-zoom-gutter:206px;--w-zoom-gutter-wide:276px;--w-palette:360px;--w-picker-tile:56px;--h-picker-tile:40px;--h-picker-row:32px;--icon:16px;--icon-lg:20px;--stroke:1.5px;--hit:24px;--font-ui:"Instrument Sans Variable", "Instrument Sans", system-ui, sans-serif;--fs-badge:11px;--fs-meta:12px;--fs-base:13px;--fs-title:15px;--lh-single:16px;--lh-multi:20px;--ls-small:.01em;--ls-base:0;--ls-large:-.01em;--shadow-strip:0 1px 2px #0006, 0 6px 16px #00000059;--shadow-picker:0 8px 24px #00000073;--shadow-page:0 10px 28px #00000073;--shadow-glow:0 0 22px color-mix(in srgb, var(--accent-line) 32%, transparent), 0 0 22px color-mix(in srgb, var(--brand-pink) 18%, transparent);--shadow-none:none;--z-canvas:0;--z-overlay:10;--z-overlay-top:11;--z-strip:20;--z-palette:30;--z-picker:40;--z-banner:50;--z-dialog:60;--t-hover:.12s;--t-picker:.16s;--t-picker-out:.11s;--t-base:.18s;--t-glow:.18s;--t-camera:.45s;--ease:cubic-bezier(.2, .8, .2, 1);--ease-camera:cubic-bezier(.77, 0, .175, 1)}@media (prefers-contrast:more){:root{--text-2:oklch(92% .01 320);--text-3:oklch(72% .016 320);--line:color-mix(in srgb, var(--text) 24%, transparent);--line-strong:color-mix(in srgb, var(--text) 36%, transparent)}}@media (prefers-reduced-motion:reduce){:root{--t-hover:0s;--t-picker:.12s;--t-picker-out:80ms;--t-base:.12s;--t-glow:.12s;--t-camera:.12s}}@layer cs-kit{html,body{overscroll-behavior:none}.cs-editor{font-family:var(--font-ui);font-size:var(--fs-base);line-height:var(--lh-single);letter-spacing:var(--ls-base);color:var(--text);background:var(--ws-bg);-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums;scrollbar-width:thin;scrollbar-gutter:stable;font-weight:400}.cs-editor ::selection{background:color-mix(in srgb, var(--accent) 30%, transparent)}.cs-shell{-webkit-user-select:none;user-select:none;grid-template-rows:var(--h-topbar) 1fr;display:grid;position:fixed;inset:0}.cs-topbar{padding:0 var(--s-4);background:var(--panel);border-bottom:1px solid var(--line);align-items:center;display:flex}.cs-wordmark{font-size:var(--fs-title);letter-spacing:var(--ls-large);font-weight:500}.cs-shell :is(input,textarea,[contenteditable=true]){-webkit-user-select:text;user-select:text}.cs-editor svg{flex:none}.cs-spin{animation:.9s linear infinite cs-spin}@keyframes cs-spin{to{transform:rotate(360deg)}}.cs-editor :is(button,input,a,[tabindex]):not(.cs-site *):focus-visible{outline:2px solid var(--focus);outline-offset:2px;box-shadow:0 0 0 2px var(--ws-bg)}.cs-btn{justify-content:center;align-items:center;gap:var(--s-2);height:var(--h-control);min-width:var(--hit);padding:0 var(--s-3);border-radius:var(--r-control);color:var(--text);font:inherit;letter-spacing:inherit;white-space:nowrap;cursor:default;transition:background-color var(--t-hover) ease, border-color var(--t-hover) ease, color var(--t-hover) ease;background:0 0;border:1px solid #0000;display:inline-flex}.cs-btn.cs-compact{height:var(--h-control-compact);padding:0 var(--s-2)}.cs-btn.cs-icon-only{width:var(--h-control);padding:0}.cs-btn.cs-icon-only.cs-compact{width:var(--h-control-compact)}.cs-btn-quiet{color:var(--text-2)}.cs-btn-secondary{background:var(--panel-raised);border-color:var(--line)}.cs-btn-primary{background:var(--accent);color:var(--on-accent);font-weight:500}.cs-btn-destructive{background:var(--danger);color:var(--on-status);font-weight:500}@media (hover:hover) and (pointer:fine){.cs-btn-quiet:hover{background:var(--panel-hover);color:var(--text)}.cs-btn-secondary:hover{background:var(--panel-hover)}.cs-btn-primary:hover{background:color-mix(in srgb, var(--accent) 92%, var(--text))}.cs-btn-destructive:hover{background:color-mix(in srgb, var(--danger) 92%, var(--text))}}.cs-btn:active{filter:brightness(.94)}.cs-btn[aria-pressed=true]{background:var(--panel-hover);color:var(--text)}.cs-switch{background:var(--line-strong);width:24px;height:14px;transition:background var(--t-fast,.12s) var(--ease);border-radius:999px;flex:none;position:relative}.cs-switch:after{content:"";background:var(--text-2);width:10px;height:10px;transition:transform var(--t-fast,.12s) var(--ease), background var(--t-fast,.12s) var(--ease);border-radius:50%;position:absolute;top:2px;left:2px}.cs-btn[aria-pressed=true]>.cs-switch{background:var(--accent-line)}.cs-btn[aria-pressed=true]>.cs-switch:after{background:var(--text);transform:translate(10px)}.cs-btn:has(>.cs-switch)[aria-pressed=true]{background:0 0}@media (prefers-reduced-motion:reduce){.cs-switch,.cs-switch:after{transition:none}}.cs-btn[aria-disabled=true]{color:var(--text-3);background:0 0}.cs-btn-secondary[aria-disabled=true]{background:var(--panel)}.cs-btn-primary[aria-disabled=true],.cs-btn-destructive[aria-disabled=true]{background:var(--panel-hover);color:var(--text-3)}.cs-btn[aria-busy=true]{color:var(--text-2)}.cs-btn-primary[aria-busy=true],.cs-btn-destructive[aria-busy=true]{color:var(--on-accent)}.cs-btn .cs-dot{background:var(--accent);border-radius:50%;width:6px;height:6px}.cs-segmented{height:var(--h-control);border-radius:var(--r-control);background:var(--panel-raised);border:1px solid var(--line);flex:none;gap:2px;padding:2px;display:inline-flex}.cs-segmented.cs-compact{height:var(--h-control-compact)}.cs-segmented>button{align-items:center;gap:var(--s-2);min-width:26px;height:100%;padding:0 var(--s-3);border-radius:calc(var(--r-control) - 2px);color:var(--text-2);font:inherit;white-space:nowrap;background:0 0;border:0;display:inline-flex}.cs-segmented.cs-compact>button{padding:0 var(--s-2)}.cs-seg-field{align-items:center;gap:var(--s-2);flex:none;display:inline-flex}.cs-seg-label{color:var(--text-2);font-size:var(--fs-meta);letter-spacing:var(--ls-small);white-space:nowrap;align-items:center;display:inline-flex}.cs-segmented>button[aria-checked=true]{background:var(--panel-hover);color:var(--text)}.cs-segmented>button[aria-disabled=true]{color:var(--text-3)}@media (hover:hover) and (pointer:fine){.cs-segmented>button:not([aria-checked=true]):hover{color:var(--text)}}.cs-field{align-items:center;gap:var(--s-1);width:var(--field-w,auto);height:var(--h-control);padding:0 var(--s-2);border-radius:var(--r-control);background:var(--panel);border:1px solid var(--line);white-space:nowrap;min-width:56px;transition:border-color var(--t-hover) ease;flex:none;display:inline-flex;position:relative}.cs-field:has(.cs-field-input:focus-visible){outline:2px solid var(--focus);outline-offset:2px;box-shadow:0 0 0 2px var(--ws-bg)}.cs-editor .cs-field-input:focus-visible{box-shadow:none;outline:none}.cs-field.cs-compact{height:var(--h-control-compact)}.cs-field:hover,.cs-field:focus-within{border-color:var(--line-strong)}.cs-field.cs-error{border-color:var(--danger)}.cs-field-label{color:var(--text-2);font-size:var(--fs-meta);letter-spacing:var(--ls-small)}.cs-scrub{cursor:ew-resize;user-select:none;touch-action:none}.cs-field-input{width:100%;min-width:24px;color:var(--text);font:inherit;font-variant-numeric:tabular-nums;background:0 0;border:0;outline:none;padding:0}.cs-field.cs-number{width:auto;min-width:var(--field-w,56px)}.cs-number .cs-field-input{flex:1 0 auto}.cs-number .cs-field-unit{flex:none}@supports (field-sizing:content){.cs-strip .cs-field:not(.cs-number){width:auto;min-width:var(--field-w,56px);max-width:280px}.cs-strip .cs-field:not(.cs-number) .cs-field-input{field-sizing:content;flex:auto;width:auto;min-width:24px}}.cs-field-input[aria-disabled=true]{color:var(--text-3)}.cs-field.cs-field-stacked{align-items:stretch;gap:var(--s-1);white-space:normal;background:0 0;border:0;flex-direction:column;width:100%;min-width:0;height:auto;padding:0;display:flex}.cs-field.cs-field-stacked:has(.cs-field-input:focus-visible){box-shadow:none;outline:none}.cs-field-stacked .cs-field-input{box-sizing:border-box;height:var(--h-control);padding:0 var(--s-2);border-radius:var(--r-control);background:var(--panel);border:1px solid var(--line);transition:border-color var(--t-hover) ease}.cs-field-stacked .cs-field-input:hover{border-color:var(--line-strong)}.cs-editor .cs-field-stacked .cs-field-input:focus-visible{border-color:var(--line-strong);outline:2px solid var(--focus);outline-offset:2px}.cs-field-unit{color:var(--text-2);font-size:var(--fs-meta)}.cs-field-error{font-size:var(--fs-meta);color:var(--text);white-space:normal;max-width:240px;line-height:var(--lh-single);position:absolute;top:calc(100% + 4px);left:0}.cs-slider{align-items:center;gap:var(--s-2);height:var(--h-control);display:inline-flex}.cs-slider input[type=range]{appearance:none;background:linear-gradient(to right, var(--accent) var(--pct,0%), var(--line-strong) var(--pct,0%));border-radius:1px;width:120px;height:2px}.cs-slider input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--text);border:1px solid var(--line-strong);border-radius:50%;width:14px;height:14px}.cs-slider input[type=range][disabled]{opacity:.5}.cs-slider-value{font-variant-numeric:tabular-nums;min-width:36px;color:var(--text-2);font-size:var(--fs-meta)}.cs-swatch{border:1px solid var(--line-strong);border-radius:4px;flex:none;padding:0}.cs-swatch-inline{width:14px;height:14px}.cs-swatch[aria-pressed=true]{outline:2px solid var(--accent-line);outline-offset:1px}.cs-chip{align-items:center;gap:var(--s-1);height:var(--h-control-compact);padding:0 var(--s-2);border-radius:var(--r-control);background:var(--panel);border:1px solid var(--line);color:var(--text-2);font-family:inherit;font-weight:inherit;font-size:var(--fs-meta);line-height:inherit;letter-spacing:var(--ls-small);white-space:nowrap;transition:background-color var(--t-hover) ease, border-color var(--t-hover) ease;flex:none;display:inline-flex}@media (hover:hover) and (pointer:fine){.cs-chip:hover{background:var(--panel-hover)}}.cs-chip[aria-expanded=true]{background:var(--panel-hover);border-color:var(--line-strong)}.cs-chip[aria-disabled=true],.cs-chip[aria-disabled=true] .cs-chip-value{color:var(--text-3)}.cs-chip-value{color:var(--text);font-weight:400;font-size:var(--fs-base);letter-spacing:var(--ls-base);text-overflow:ellipsis;max-width:120px;overflow:hidden}.cs-chip-tight .cs-chip-value{max-width:96px}.cs-chip-narrow .cs-chip-value{max-width:60px}.cs-status{color:var(--text-2);font-size:var(--fs-meta);letter-spacing:var(--ls-small);white-space:nowrap}.cs-link{color:var(--text-2);font:inherit;text-underline-offset:2px;background:0 0;border:0;padding:0;text-decoration:underline}.cs-tooltip{z-index:var(--z-picker);max-width:260px;padding:6px var(--s-2);border-radius:var(--r-control);background:var(--panel);border:1px solid var(--line-strong);box-shadow:var(--shadow-picker);color:var(--text);font-size:var(--fs-meta);line-height:var(--lh-single);letter-spacing:var(--ls-small);pointer-events:none}.cs-tooltip-kbd,.cs-menu-kbd{font:inherit;color:var(--text-3);margin-left:var(--s-2)}@media (pointer:coarse){.cs-menu-kbd{display:none}}.cs-menu{z-index:var(--z-picker);box-sizing:border-box;min-width:200px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:var(--s-1);background:var(--panel-raised);border:1px solid var(--line);box-shadow:var(--shadow-picker);border-radius:8px;flex-direction:column;display:flex;overflow:auto}.cs-menu-row{align-items:center;gap:var(--s-2);height:var(--h-picker-row);padding:0 var(--s-2);color:var(--text);font:inherit;text-align:left;white-space:nowrap;background:0 0;border:0;border-radius:4px;flex:none;grid-template-columns:20px 1fr auto;display:grid}.cs-menu-row:hover,.cs-menu-row:focus-visible{background:var(--panel-hover);box-shadow:none;outline:none}.cs-menu-row[aria-disabled=true]{color:var(--text-3)}.cs-menu-row.cs-destructive:hover{color:var(--danger)}.cs-menu-meta{margin-left:var(--s-3);font-size:var(--fs-meta);color:var(--text-3);flex:none}.cs-menu-reason{max-width:260px;padding:0 var(--s-2) 0 calc(var(--s-2) * 2 + 20px);white-space:normal;font-size:var(--fs-meta);letter-spacing:var(--ls-small);line-height:var(--lh-single);color:var(--text-3);flex:none;margin:-4px 0 4px}.cs-menu-icon{color:var(--text-2);display:inline-flex}.cs-menu-row[aria-checked=true] .cs-menu-icon{color:var(--text)}.cs-menu-thumb{object-fit:cover;background:var(--panel);border-radius:3px;width:20px;height:20px}.cs-menu-sep{border:0;border-top:1px solid var(--line);margin:var(--s-1) 0;flex:none}.cs-menu-heading{color:var(--text-3);font-size:var(--fs-meta);letter-spacing:var(--ls-small);white-space:nowrap;text-overflow:ellipsis;flex:none;padding:6px 12px 2px;overflow:hidden}.cs-menu-search{z-index:1;box-shadow:0 0 0 var(--s-1) var(--panel-raised);height:var(--h-control-compact);margin:0 0 var(--s-1);padding:0 var(--s-2);border:1px solid var(--line);background:var(--panel);color:var(--text);font:inherit;border-radius:4px;flex:none;position:sticky;top:0}.cs-menu-empty{padding:var(--s-2);color:var(--text-3);font-size:var(--fs-meta)}.cs-picker{z-index:var(--z-picker);box-sizing:border-box;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:var(--s-2);background:var(--panel-raised);border:1px solid var(--line);box-shadow:var(--shadow-picker);border-radius:8px;overflow:auto}.cs-picker-tiles{gap:var(--s-2);display:flex}.cs-colour-picker{gap:var(--s-2);padding:var(--s-2);flex-direction:column;min-width:260px;display:flex}.cs-colour-swatch{border-radius:var(--r-control);border:1px solid var(--line);height:40px}.cs-colour-common{grid-template-columns:repeat(9,1fr);gap:6px;display:grid}.cs-colour-dot{aspect-ratio:1;border:1px solid color-mix(in oklch, var(--text) 18%, transparent);cursor:pointer;border-radius:50%;width:100%;min-width:20px;padding:0}.cs-colour-dot:hover{transform:scale(1.12)}.cs-colour-dot[aria-pressed=true]{outline:2px solid var(--accent-line);outline-offset:2px}.cs-colour-dot:focus-visible{outline:2px solid var(--focus,var(--accent-line));outline-offset:2px}.cs-picker-tiles .cs-ptile.cs-ptile-wide{justify-content:flex-start;width:132px;padding:6px 6px 5px}.cs-ptile-wide .cs-ptile-art{justify-content:center;align-items:center;max-width:100%;height:36px}.cs-ptile-wide .cs-font-tile{max-width:100%;padding:0;font-size:13px}.cs-ptile-desc{font-size:var(--fs-badge);color:var(--text-3);text-align:center;-webkit-line-clamp:2;text-wrap:balance;-webkit-box-orient:vertical;max-width:100%;line-height:1.2;display:-webkit-box;overflow:hidden}.cs-ptile.cs-ptile-named{width:auto;min-width:var(--w-picker-tile);padding:0 var(--s-2);color:var(--text)}.cs-palette-tile{flex-direction:column;align-items:center;gap:3px;display:flex}.cs-look-art{box-sizing:border-box;border-radius:var(--la-r,4px);background:var(--la-paper);width:56px;height:36px;color:var(--la-ink);border:1px solid color-mix(in oklch, var(--la-ink) 18%, transparent);flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;padding:0 7px;display:flex;overflow:hidden}.cs-look-art-aa{font-family:var(--la-font);letter-spacing:0;font-size:15px;font-weight:500;line-height:1}.cs-look-art-btn{box-sizing:border-box;border-radius:var(--la-btn-r,2px);background:var(--la-accent);width:24px;height:7px;display:block}.cs-look-art-btn[data-buttons=outlined]{border:1px solid var(--la-ink);background:0 0}.cs-shape-art{align-items:center;gap:5px;display:flex}.cs-shape-art-frame{border-radius:var(--la-r,0);background:var(--sample-ink);opacity:.7;width:18px;height:20px;display:block}.cs-shape-art-btn{border-radius:var(--la-btn-r,0);background:var(--sample-ink);width:18px;height:8px;display:block}.cs-depth-art{box-sizing:border-box;background:var(--sample-card);border:var(--la-border,0 solid transparent);justify-content:flex-start;align-items:flex-end;width:30px;height:22px;padding:3px;display:flex}.cs-depth-art-btn{box-sizing:border-box;background:var(--sample-ink);width:14px;height:5px;display:block}.cs-depth-art[data-buttons=outlined] .cs-depth-art-btn{border:1px solid var(--sample-ink);background:0 0}.cs-depth-art[data-buttons=pressed] .cs-depth-art-btn{background:var(--accent);border-right:1px solid var(--sample-ink);border-bottom:1px solid var(--sample-ink)}.cs-appear-tile[data-appear=none]{opacity:1}.cs-paper-cell{background:var(--sample-paper);width:48px;height:36px;color:var(--sample-ink);--c-text:var(--sample-ink);--c-rule:var(--sample-rule);--c-accent:var(--accent);--c-paper:var(--sample-card);border-radius:4px;justify-content:center;align-items:center;display:flex}.cs-style-tile{background:var(--sample-card);border-radius:3px;width:26px;height:18px;display:block}.cs-shape-tile{background:var(--text-2);width:28px;height:20px}.cs-outline-tile{color:#0000;font-size:18px;font-weight:500;line-height:1}.cs-swatch-row{align-items:center;gap:4px;display:inline-flex}.cs-values{gap:var(--s-2);padding:var(--s-2);flex-wrap:wrap;display:flex}.cs-logo-cell{background:repeating-conic-gradient(var(--sample-paper) 0 25%, var(--sample-rule) 0 50%) 0 0 / 12px 12px;justify-content:center;align-items:center;display:flex}.cs-logo-tile{width:86%;height:70%;display:block}.cs-values .cs-seg-field{flex:0 auto;min-width:0;max-width:100%}.cs-values .cs-segmented{flex-wrap:wrap;flex:0 auto;min-width:0;max-width:100%;height:auto}.cs-values .cs-segmented>button{height:calc(var(--h-control-compact) - 6px)}.cs-leak-shuffle{gap:var(--s-2);align-items:center;width:100%;display:flex}.cs-effects-row{align-items:center;gap:var(--s-2);min-width:0;display:flex}.cs-effects-more-anchor{width:0;height:0}.cs-ctl-note{color:var(--text-2);font-size:var(--fs-meta);white-space:nowrap}.cs-effects-list{padding:var(--s-2);flex-direction:column;gap:2px;max-height:320px;display:flex;overflow:auto}.cs-effects-list-row{justify-content:space-between;gap:var(--s-3);padding:6px var(--s-2);border-radius:var(--r-control);color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:baseline;display:flex}.cs-effects-list-row:hover,.cs-effects-list-row:focus-visible{background:var(--panel-hover)}.cs-effects-list-row:disabled{opacity:.5;cursor:default}.cs-effects-list-meta{color:var(--text-2);font-size:var(--fs-meta)}.cs-effect-tile,.cs-corner-tile{background:var(--c-accent,var(--accent));width:28px;height:28px;display:block}.cs-effect-tile[data-effect=blur]{filter:blur(2px)}.cs-effect-tile[data-effect=frosted]{opacity:.6}.cs-effect-tile[data-effect=bw]{filter:grayscale()}.cs-effect-tile[data-effect=duotone]{background:linear-gradient(135deg, var(--text), var(--c-accent,var(--accent)))}.cs-effect-tile[data-effect=grain]{background-image:radial-gradient(currentColor .6px,#0000 .7px);background-size:4px 4px}.cs-effect-tile[data-effect=fadeEdge]{mask-image:linear-gradient(var(--text) 40%, transparent)}.cs-effect-tile[data-effect=shape]{border-radius:50%}.cs-effect-tile[data-effect=slant]{transform:skew(-10deg)}.cs-effect-tile[data-effect=flip]{transform:scaleX(-1)}.cs-effect-tile[data-effect=tilt]{transform:perspective(60px)rotateY(-20deg)}.cs-effect-tile[data-effect=letterShadow],.cs-effect-tile[data-effect=echo]{filter:drop-shadow(3px 3px 0 var(--text))}.cs-effect-tile[data-effect=glow]{filter:drop-shadow(0 0 6px var(--c-accent,var(--accent)))}.cs-effect-tile[data-effect=outline]{outline:2px solid var(--text);outline-offset:-2px;background:0 0}.cs-effect-tile[data-effect=highlight]{background:color-mix(in oklch, var(--c-accent,var(--accent)) 50%, transparent)}.cs-effect-tile[data-effect=adjust]{filter:contrast(1.4)}.cs-effect-tile[data-effect=blend]{mix-blend-mode:multiply}.cs-anchor{width:0;height:0;display:inline-block}.cs-saved-list{padding:var(--s-1);flex-direction:column;gap:2px;display:flex}.cs-saved-row{align-items:center;gap:var(--s-2);display:flex}.cs-saved-apply{align-items:center;gap:var(--s-3);border-radius:var(--r-control);color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;padding:4px 6px;display:flex}.cs-saved-apply:hover{background:var(--panel-hover)}.cs-saved-save{align-items:flex-end;gap:var(--s-2);padding:var(--s-2) 6px 2px;border-top:1px solid var(--line);margin-top:var(--s-1);display:flex}.cs-hover-tile{background:var(--sample-ink)}.cs-appear-tile{background:var(--sample-ink);opacity:.55}.cs-appear-tile[data-appear=slideUp]{translate:0 3px}.cs-appear-tile[data-appear=slideIn]{translate:-3px}.cs-appear-tile[data-appear=scale]{scale:.85}.cs-aspect-tile{background:var(--sample-ink);border-radius:2px;width:26px;max-height:26px;display:block}.cs-strip-mode .cs-btn{margin-left:var(--s-2)}.cs-swatch-row .cs-swatch{position:relative}@media (pointer:coarse){.cs-swatch-row{gap:10px}.cs-swatch-row .cs-swatch:before{content:"";position:absolute;inset:-12px}}.cs-shape-tile[data-kind=ellipse]{border-radius:50%}.cs-shape-tile[data-kind=line]{height:3px}.cs-shape-tile[data-kind=star]{clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);width:22px;height:22px}.cs-shape-tile[data-kind=arrow]{clip-path:polygon(0 35%,60% 35%,60% 10%,100% 50%,60% 90%,60% 65%,0 65%)}.cs-shape-tile[data-kind=blob]{border-radius:62% 38% 56% 44%/48% 58% 42% 52%;width:24px;height:22px}.cs-palette-tile .cs-palette-swatches{gap:3px;display:flex}.cs-palette-tile small{color:var(--text-2);white-space:nowrap;font-size:11px}.cs-strip .cs-ctl[data-control-id^=mix] .cs-chip-value,.cs-strip .cs-ctl[data-control-id=look] .cs-chip-value{max-width:64px}.cs-strip .cs-ctl[data-control-id=siteFamily] .cs-chip-value{max-width:92px}.cs-strip .cs-ctl[data-control-id=share] .cs-chip-value{max-width:84px}.cs-strip .cs-ctl[data-control-id=contrastCheck] .cs-status{text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.cs-font-tile{color:var(--text);padding:0 var(--s-2);white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-size:15px;overflow:hidden}.cs-palette-tile span{border:1px solid var(--line);border-radius:3px;width:14px;height:24px}.cs-ptile{width:var(--w-picker-tile);height:var(--h-picker-tile);border:1px solid var(--line-strong);background:var(--panel);color:var(--text-2);font:inherit;font-size:var(--fs-badge);letter-spacing:var(--ls-small);border-radius:4px;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.cs-ptile:hover,.cs-ptile.cs-focused{outline:2px solid var(--accent-line);outline-offset:1px}.cs-ptile[aria-selected=true]:after{content:"";background:var(--accent);width:6px;height:6px;box-shadow:0 0 0 1px var(--on-accent);border-radius:50%;position:absolute;bottom:3px;right:3px}.cs-ptile[aria-disabled=true]{opacity:.4}.cs-ptile:has(.cs-ptile-name){height:auto;min-height:var(--h-picker-tile);flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:4px 4px 3px;display:inline-flex}.cs-ptile-art{display:inline-flex}.cs-ptile-name{font-size:var(--fs-badge);color:var(--text-2);text-align:center;overflow-wrap:anywhere;text-wrap:balance;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;line-height:1.15;display:-webkit-box;overflow:hidden}.cs-ptile[aria-selected=true] .cs-ptile-name{color:var(--text)}.cs-picker-foot{justify-content:space-between;align-items:center;gap:var(--s-3);margin-top:var(--s-2);padding-top:var(--s-2);border-top:1px solid var(--line);font-size:var(--fs-meta);color:var(--text-2);display:flex}.cs-popover{z-index:var(--z-picker);box-sizing:border-box;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:var(--s-3);background:var(--panel-raised);border:1px solid var(--line);box-shadow:var(--shadow-picker);scrollbar-width:thin;border-radius:8px;overflow:auto}.cs-popover-body{gap:var(--s-2);flex-direction:column;display:flex}.cs-popover-head{align-items:center;gap:var(--s-2);min-height:var(--h-control-compact);font-weight:500;display:flex}.cs-popover-head .cs-btn{margin-left:-4px}.cs-popover-title{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.cs-popover-group{flex-direction:column;gap:2px;display:flex}.cs-popover-group h4{margin:var(--s-1) 0 2px;padding:0 var(--s-2);font-size:var(--fs-meta);color:var(--text-2);letter-spacing:var(--ls-small);font-weight:500}.cs-popover-note{padding:0 var(--s-2);color:var(--text-2);font-size:var(--fs-meta);line-height:var(--lh-single);letter-spacing:var(--ls-small);margin:0}.cs-popover-note.cs-multi{line-height:var(--lh-multi);white-space:normal}.cs-popover-row{align-items:center;gap:var(--s-2);min-height:var(--h-picker-row);padding:0 var(--s-2);color:var(--text);font:inherit;text-align:left;background:0 0;border:0;border-radius:4px;width:100%;display:flex}button.cs-popover-row:hover,button.cs-popover-row:focus-visible{background:var(--panel-hover);box-shadow:none;outline:none}.cs-popover-row[aria-pressed=true],.cs-popover-row[aria-current=true]{background:var(--panel-hover)}.cs-popover-row[aria-disabled=true]{color:var(--text-3)}.cs-popover-row svg{color:var(--text-2);flex:none}.cs-popover-row .cs-row-label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.cs-popover-row .cs-row-meta{color:var(--text-2);font-size:var(--fs-meta);white-space:nowrap}.cs-popover-fields{align-items:center;gap:var(--s-2);padding:var(--s-1) var(--s-2);flex-wrap:wrap;display:flex}.cs-popover-fields .cs-field{flex:160px}.cs-popover-actions{justify-content:flex-end;gap:var(--s-2);padding:var(--s-1) var(--s-2) 0;display:flex}.cs-popover-step{gap:var(--s-2);flex-direction:column;display:flex}.cs-sheet .cs-popover-head-close{display:none}.cs-popover-body textarea{width:100%;min-height:64px;padding:6px var(--s-2);border-radius:var(--r-control);border:1px solid var(--line);background:var(--panel);color:var(--text);font:inherit;line-height:var(--lh-multi);resize:vertical}.cs-popover-body textarea:focus{border-color:var(--line-strong);outline:none}.cs-popover-sep{border:0;border-top:1px solid var(--line);margin:var(--s-1) 0}.cs-icon-picker{gap:var(--s-2);flex-direction:column;display:flex}.cs-icon-picker>.cs-field{width:auto}.cs-icon-picker>.cs-field .cs-field-input{flex:1}.cs-icon-picker-modes{align-items:center;gap:var(--s-2);display:flex}.cs-icon-scroll{gap:var(--s-2);overscroll-behavior:contain;max-height:288px;margin:0 calc(-1 * var(--s-1));padding:var(--s-2) var(--s-1) var(--s-1);border-top:1px solid var(--line);scrollbar-width:thin;flex-direction:column;display:flex;overflow-y:auto}.cs-icon-scroll .cs-popover-group h4{padding:0}.cs-icon-grid{grid-template-columns:repeat(8,1fr);gap:4px;display:grid}.cs-icon-tile{aspect-ratio:1;border:1px solid var(--line);background:var(--panel);min-width:0;color:var(--text);cursor:pointer;border-radius:4px;place-items:center;padding:0;display:grid}.cs-icon-tile:hover,.cs-icon-tile:focus-visible{background:var(--panel-hover);border-color:var(--line-strong)}.cs-icon-tile[aria-pressed=true]{border-color:var(--accent-line);outline:1px solid var(--accent-line)}@media (pointer:coarse){.cs-icon-grid{grid-template-columns:repeat(auto-fill,minmax(44px,1fr))}.cs-icon-scroll{max-height:none}}.cs-nav-list{flex-direction:column;gap:2px;display:flex}.cs-nav-row{align-items:center;gap:var(--s-1);min-height:var(--h-control);padding:2px var(--s-1);border-radius:4px;display:flex}.cs-nav-row.cs-sub{padding-left:28px}.cs-nav-row .cs-row-label{padding-left:var(--s-2);flex:1}.cs-nav-row .cs-row-meta{color:var(--text-2);font-size:var(--fs-meta);padding-right:var(--s-2)}.cs-nav-row .cs-field{min-width:0}.cs-nav-row>.cs-chip{flex:none;width:148px}.cs-nav-row>.cs-chip .cs-chip-value{max-width:100%}.cs-nav-grip{width:20px;height:var(--h-control-compact);color:var(--text-3);cursor:grab;touch-action:none;background:0 0;border:0;place-items:center;padding:0;display:inline-grid}.cs-nav-grip:hover{color:var(--text)}.cs-share-card{gap:var(--s-3);padding:var(--s-2);border:1px solid var(--line);background:var(--panel);border-radius:6px;grid-template-columns:96px 1fr;display:grid}.cs-share-card img,.cs-share-card-blank{object-fit:cover;background:var(--panel-hover);border-radius:4px;width:96px;height:64px}.cs-share-card-text{min-width:0;line-height:var(--lh-single);flex-direction:column;gap:2px;display:flex}.cs-share-card-text strong{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.cs-share-card-text span{color:var(--text-2);font-size:var(--fs-meta);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.cs-check-row{align-items:flex-start;gap:var(--s-2);padding:4px var(--s-2);line-height:var(--lh-single);display:flex}.cs-check-row svg{flex:none;margin-top:0}.cs-check-ok svg{color:var(--success)}.cs-check-missing svg{color:var(--warning)}.cs-check-note svg{color:var(--text-2)}.cs-popover-textarea{align-items:stretch;gap:var(--s-1);flex-direction:column}.cs-strip{--strip-w:min(var(--w-strip), calc(100% - var(--s-4) - var(--w-zoom-gutter)));left:0;right:auto;bottom:var(--s-4);width:var(--strip-w);margin-left:max(var(--s-4), min(calc((100% - var(--strip-w)) / 2), calc(100% - var(--strip-w) - var(--w-zoom-gutter))));z-index:var(--z-strip);background:var(--panel-raised);border:1px solid var(--line);border-radius:var(--r-dock);box-shadow:var(--shadow-strip);position:absolute}@media (width>=1520px){.cs-editor-view{--w-zoom-gutter:var(--w-zoom-gutter-wide)}}.cs-strip-row1{height:var(--h-strip-1);padding:0 var(--s-2) 0 var(--s-3);border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto minmax(max-content,1fr);align-items:center;display:grid}.cs-crumbs{min-width:0;margin-right:var(--s-2);color:var(--text-2);font-size:var(--fs-meta);letter-spacing:var(--ls-small);align-items:center;display:flex}.cs-crumb-wrap{align-items:center;gap:0;min-width:0;display:inline-flex}.cs-crumb{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:140px;color:inherit;font:inherit;letter-spacing:inherit;background:0 0;border:0;border-radius:4px;flex:auto;padding:0 2px;overflow:hidden}.cs-crumb.cs-current{color:var(--text);flex:0 auto;min-width:72px;max-width:160px}.cs-crumb-wrap:last-child{flex-shrink:.2}button.cs-crumb:hover{color:var(--text);background:var(--panel-hover)}.cs-crumbs svg{color:var(--text-2)}.cs-strip-mode{color:var(--text-2);font-size:var(--fs-meta);align-items:center;gap:6px;display:flex}.cs-strip-mode strong{color:var(--text);font-weight:500}.cs-tabs{gap:2px;display:flex}.cs-tab{white-space:nowrap;height:28px;padding:0 var(--s-3);border-radius:var(--r-tab);color:var(--text-2);font:inherit;background:0 0;border:0;align-items:center;display:inline-flex}@media (hover:hover) and (pointer:fine){.cs-tab:hover{color:var(--text);background:var(--panel-hover)}}.cs-tab[aria-selected=true]{color:var(--text);background:var(--panel-hover)}.cs-strip-end{justify-content:flex-end;align-items:center;gap:var(--s-1);display:flex}.cs-keep{align-items:center;gap:var(--s-1);padding-left:var(--s-2);border-left:1px solid var(--line);margin-right:var(--s-1);display:inline-flex}.cs-keep-text{text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:var(--fs-meta);color:var(--text-2);margin-right:var(--s-1);overflow:hidden}.cs-strip-row2,.cs-strip-row3{align-items:center;gap:var(--s-2);height:var(--h-strip-2);padding:0 var(--s-3);display:flex}.cs-strip-scroll{align-items:center;gap:var(--s-2);scrollbar-width:none;overscroll-behavior-x:contain;min-width:0;height:100%;scroll-padding-inline:var(--s-3);flex:auto;display:flex;overflow:auto hidden}.cs-strip-scroll::-webkit-scrollbar{display:none}.cs-strip-scroll[data-overflow=end]{mask-image:linear-gradient(90deg,currentColor calc(100% - 32px),#0000)}.cs-strip-scroll[data-overflow=start]{mask-image:linear-gradient(90deg,#0000,currentColor 32px)}.cs-strip-scroll[data-overflow=both]{mask-image:linear-gradient(90deg,#0000,currentColor 32px calc(100% - 32px),#0000)}.cs-strip-scroll>*,.cs-strip-scroll>.cs-ctl>*,.cs-strip-row2>.cs-btn,.cs-strip-row3 .cs-btn{flex:none}.cs-strip-scroll>.cs-ctl>.cs-field:not(.cs-number){flex:0 auto}.cs-strip .cs-chip-value{max-width:96px}.cs-strip .cs-chip-whole .cs-chip-value{max-width:200px}.cs-strip-row3{border-top:1px solid var(--line)}@media (width>=1270px){.cs-strip .cs-chip-value{max-width:168px}.cs-strip .cs-ctl[data-control-id^=mix] .cs-chip-value,.cs-strip .cs-ctl[data-control-id=look] .cs-chip-value{max-width:132px}.cs-strip .cs-ctl[data-control-id=mixFonts] .cs-chip-value{max-width:100px}.cs-strip .cs-ctl[data-control-id=siteFamily] .cs-chip-value{max-width:168px}.cs-strip .cs-ctl[data-control-id=share] .cs-chip-value{max-width:132px}.cs-crumb{max-width:220px}.cs-crumb.cs-current{max-width:200px}}.cs-spacer{flex:1}.cs-palette{left:var(--s-4);z-index:var(--z-palette);width:var(--w-palette);background:var(--panel-raised);border:1px solid var(--line);border-radius:var(--r-panel);max-height:calc(100% - 188px);box-shadow:var(--shadow-strip);flex-direction:column;display:flex;position:absolute;top:56px;overflow:hidden}.cs-palette-head{align-items:center;gap:var(--s-2);margin:var(--s-3);display:flex}.cs-palette-close{flex:none;display:none}.cs-palette-search{align-items:center;gap:var(--s-2);min-width:0;height:var(--h-control);padding:0 var(--s-3);border-radius:var(--r-control);background:var(--panel);border:1px solid var(--line);color:var(--text-3);flex:1;display:flex}.cs-palette-search:focus-within{outline:2px solid var(--focus);outline-offset:2px;box-shadow:0 0 0 2px var(--ws-bg)}.cs-palette-search input{color:var(--text);font:inherit;background:0 0;border:0;outline:none;flex:1;min-width:0}.cs-editor .cs-palette-search input:focus-visible{box-shadow:none;outline:none}@media (prefers-reduced-motion:no-preference){.cs-palette-enter{animation:cs-palette-in var(--t-picker) var(--ease);transform-origin:0 0}}@keyframes cs-palette-in{0%{opacity:0;transform:scale(.96)}}@keyframes cs-sheet-in{0%{opacity:0;transform:translateY(24px)}}.cs-palette-search input::placeholder{color:var(--text-2)}.cs-palette-note{padding:var(--s-1) var(--s-3);font-size:var(--fs-small);color:var(--text-muted);border-bottom:1px solid var(--line);margin:0}.cs-palette-groups{padding:0 var(--s-3) var(--s-3);gap:var(--s-4);scrollbar-width:thin;flex-direction:column;display:flex;overflow:auto}.cs-palette-group>h3{margin:0 0 var(--s-2);font-size:var(--fs-meta);color:var(--text-2);letter-spacing:var(--ls-small);justify-content:space-between;font-weight:500;display:flex}.cs-tiles{gap:var(--s-2);grid-template-columns:repeat(4,1fr);display:grid}.cs-tiles-wide{grid-template-columns:1fr 1fr}.cs-tile{border-radius:var(--r-control);border:1px solid var(--line);background:var(--panel);height:64px;color:var(--text-2);font:inherit;font-size:var(--fs-meta);letter-spacing:var(--ls-small);transition:background-color var(--t-hover) ease, border-color var(--t-hover) ease;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:0;display:flex}.cs-tile svg{color:var(--text)}@media (hover:hover) and (pointer:fine){.cs-tile:hover{background:var(--panel-hover);color:var(--text);border-color:var(--line-strong);outline:2px solid var(--accent-line);outline-offset:1px}}.cs-tile-thumb{cursor:grab;align-items:stretch;gap:0;height:auto;overflow:hidden}.cs-tile-pic{background:var(--panel);border-bottom:1px solid var(--line);position:relative;overflow:hidden}.cs-tile-cap{padding:6px var(--s-2);text-align:center}.cs-tile-img{object-fit:cover;border-radius:4px;flex:none;width:28px;height:28px}.cs-tile-wrap{display:grid;position:relative}.cs-tile-remove{background:var(--panel);border:1px solid var(--line);opacity:0;width:24px;min-width:0;height:24px;transition:opacity var(--t-hover) ease;border-radius:999px;padding:0;position:absolute;top:4px;right:4px}.cs-tile-wrap:hover .cs-tile-remove,.cs-tile-remove:focus-visible,.cs-tile-wrap:focus-within .cs-tile-remove{opacity:1}@media (hover:none){.cs-tile-remove{opacity:1}}.cs-tile-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;padding:0 4px;overflow:hidden}.cs-scrim{z-index:var(--z-dialog);background:var(--scrim);align-items:end;display:grid}.cs-sheet{background:var(--panel-raised);border-top:1px solid var(--line);border-radius:var(--r-dock) var(--r-dock) 0 0;width:100%;box-shadow:var(--shadow-strip);padding-bottom:env(safe-area-inset-bottom);flex-direction:column;display:flex}.cs-sheet-half{height:50vh}.cs-sheet-full{height:calc(100vh - 24px)}.cs-sheet-grab{background:var(--line-strong);width:36px;height:4px;margin:var(--s-2) auto 0;border-radius:2px}.cs-sheet-head{justify-content:space-between;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-2) var(--s-2) var(--s-4);font-weight:500;display:flex}.cs-sheet-body{padding:0 var(--s-4) var(--s-4);overflow:auto}.cs-sheet-controls{gap:var(--s-2);padding-top:var(--s-2);flex-wrap:wrap;display:flex}.cs-banner{left:50%;top:var(--s-3);z-index:var(--z-banner);align-items:center;gap:var(--s-2) var(--s-3);min-height:40px;max-width:calc(100% - 2 * var(--s-4));padding:6px var(--s-2) 6px var(--s-3);background:var(--panel-raised);border:1px solid var(--line-strong);border-radius:var(--r-panel);box-shadow:var(--shadow-strip);flex-wrap:wrap;display:flex;position:absolute;transform:translate(-50%)}.cs-banner-text{line-height:var(--lh-multi);flex:auto}.cs-banner-warning>svg:first-child{color:var(--warning)}.cs-toasts.cs-editor{background:0 0}.cs-toasts{z-index:var(--z-strip);align-items:center;gap:var(--s-2);width:max-content;max-width:min(640px, calc(100vw - 2 * var(--s-4)));pointer-events:none;flex-direction:column;display:flex;position:fixed;bottom:128px;left:50%;transform:translate(-50%)}.cs-toasts .cs-toast{pointer-events:auto}.cs-toast>span{text-wrap:pretty}.cs-toast{box-sizing:border-box;align-items:center;gap:var(--s-3);max-width:100%;min-height:40px;padding:6px var(--s-2) 6px var(--s-3);background:var(--panel-raised);border:1px solid var(--line);border-radius:var(--r-panel);box-shadow:var(--shadow-strip);display:flex;position:relative}.cs-badge{height:18px;padding:0 var(--s-2);border-radius:var(--r-pill);font-size:var(--fs-badge);letter-spacing:var(--ls-small);background:var(--panel-hover);color:var(--text-2);border:1px solid var(--line);white-space:nowrap;align-items:center;font-weight:500;display:inline-flex}.cs-badge-warning{color:var(--text);border-color:var(--warning)}.cs-badge-accent{background:var(--accent-soft);color:var(--accent);border-color:#0000}.cs-scope-line{z-index:var(--z-overlay);align-items:center;gap:var(--s-2);border-radius:var(--r-control);background:var(--panel-raised);border:1px solid var(--line);color:var(--text-2);font-size:var(--fs-meta);letter-spacing:var(--ls-small);white-space:nowrap;padding:4px 6px 4px 10px;display:flex;position:absolute;top:8px;left:50%;transform:translate(-50%)}.cs-logo{align-items:center;gap:var(--s-2);display:inline-flex}.cs-logo-word{font-size:var(--fs-title);letter-spacing:-.02em;font-weight:500}@media (pointer:coarse){.cs-editor{--h-control:44px;--h-control-compact:36px;--hit:44px;--h-picker-row:44px;--h-strip-2:56px}.cs-editor :is(input,textarea){font-size:16px}}.cs-editor.cs-coarse{--h-control:44px;--h-control-compact:36px;--hit:44px;--h-picker-row:44px;--h-strip-2:56px}@media (width<=767px){.cs-scope-line{left:var(--s-2);right:var(--s-2);white-space:normal;transform:none}.cs-strip{border-radius:var(--r-dock) var(--r-dock) 0 0;width:100%;margin:0;bottom:0;left:0;right:0}.cs-strip-row1{grid-template-columns:auto 1fr auto}.cs-strip-row1 .cs-crumbs{display:none}.cs-strip-row1 .cs-tabs{justify-self:center}.cs-strip-row2 .cs-strip-scroll{mask-image:none}.cs-picker-sheet{padding-top:var(--s-2);flex-wrap:wrap}.cs-nav-row{flex-wrap:wrap}.cs-nav-row>.cs-field{flex:60px}.cs-nav-row>.cs-chip{flex:100%;order:1;width:auto;margin-left:24px}.cs-palette{box-sizing:border-box;border-width:0;border-radius:0;width:100%;height:100%;max-height:100%;top:0;left:0}.cs-palette-close{display:inline-flex}.cs-palette-enter{transform-origin:top;animation-name:cs-sheet-in}}.cs-sel{pointer-events:none;outline:1px solid var(--accent-line);outline-offset:0;box-shadow:0 0 0 2px var(--selection-edge);position:absolute}.cs-sel-label{align-items:center;gap:var(--s-1);height:20px;padding:0 var(--s-2) 0 var(--s-1);background:var(--accent);color:var(--on-accent);font-size:var(--fs-badge);letter-spacing:var(--ls-small);white-space:nowrap;pointer-events:auto;cursor:grab;border:0;border-radius:4px;max-width:240px;font-weight:500;display:inline-flex;position:absolute;top:-24px;left:-1px}.cs-sel-label span{text-overflow:ellipsis;overflow:hidden}.cs-sel-label.cs-sel-inside{top:3px;left:3px}.cs-sel-label.cs-sel-below{top:auto;bottom:-24px}.cs-sel-badges.cs-sel-inside{top:3px;right:3px}.cs-sel-badges{gap:var(--s-1);pointer-events:none;display:inline-flex;position:absolute;top:-24px;right:-1px}.cs-sel-rename{width:180px;height:20px;padding:0 var(--s-1);border:1px solid var(--accent-line);background:var(--panel-raised);color:var(--text);font:inherit;font-size:var(--fs-badge);pointer-events:auto;border-radius:4px;position:absolute;top:-24px;left:-1px}.cs-pair{gap:var(--s-1);display:inline-flex}.cs-handle{--hs-at:calc(-.5px - var(--hs,9px) / 2);box-sizing:border-box;width:var(--hs,9px);height:var(--hs,9px);background:var(--text);border:1px solid var(--accent-line);box-shadow:0 0 0 1px var(--selection-edge);pointer-events:auto;border-radius:1px;position:absolute}.cs-handle-nw{left:var(--hs-at);top:var(--hs-at)}.cs-handle-n{left:calc(50% + var(--hs-at));top:var(--hs-at)}.cs-handle-ne{right:var(--hs-at);top:var(--hs-at)}.cs-handle-w{left:var(--hs-at);top:calc(50% + var(--hs-at))}.cs-handle-e{right:var(--hs-at);top:calc(50% + var(--hs-at))}.cs-handle-sw{left:var(--hs-at);bottom:var(--hs-at)}.cs-handle-s{left:calc(50% + var(--hs-at));bottom:var(--hs-at)}.cs-handle-se{right:var(--hs-at);bottom:var(--hs-at)}.cs-hover-outline{pointer-events:none;outline:1px solid var(--accent-line);box-shadow:0 0 0 1px color-mix(in srgb, var(--selection-edge) 60%, transparent);position:absolute}.cs-measure{font-size:var(--fs-badge);color:var(--on-status);background:var(--brand-pink);padding:2px var(--s-1);font-variant-numeric:tabular-nums;pointer-events:none;border-radius:4px;font-weight:500;position:absolute}.cs-ptile-layout{font-size:var(--fs-badge);flex-direction:column;align-items:center;gap:2px;display:inline-flex}.cs-ptile-layout svg{color:var(--text)}.cs-ctl{display:contents}.cs-palette-rows{flex-direction:column;gap:2px;display:flex}.cs-palette-rows .cs-popover-row{min-height:32px}.cs-palette-rows .cs-row-meta{color:var(--text-2);font-size:var(--fs-meta);letter-spacing:var(--ls-small);white-space:nowrap;margin-left:auto}.cs-palette-rows svg{color:var(--text-2);flex:none}.cs-palette-empty{padding:var(--s-2) 0;color:var(--text-2);font-size:var(--fs-meta);margin:0}.cs-tile-site{transform-origin:0 0;pointer-events:none;position:absolute;top:0;left:0}.cs-tile-thumb .cs-tile-cap{color:var(--text)}.cs-meter{gap:var(--s-1);display:grid}.cs-meter-head{justify-content:space-between;align-items:baseline;gap:var(--s-3);font-size:var(--fs-meta);display:flex}.cs-meter-label{color:var(--text);font-weight:500}.cs-meter-reading{color:var(--text-2);font-variant-numeric:tabular-nums}.cs-meter-track{border-radius:var(--r-pill);background:var(--panel-hover);height:6px;overflow:hidden}.cs-meter-fill{border-radius:inherit;background:var(--accent);height:100%;transition:width .24s cubic-bezier(.2,.8,.2,1)}.cs-meter-warning .cs-meter-fill{background:var(--warning)}.cs-meter-critical .cs-meter-fill{background:var(--danger)}.cs-meter-critical .cs-meter-reading{color:var(--danger)}.cs-meter-note{color:var(--text-3);font-size:var(--fs-meta)}.cs-scrim-centre{place-items:center;display:grid}.cs-dialog{box-sizing:border-box;width:min(480px,100% - 32px);padding:var(--s-4);border-radius:var(--r-panel);background:var(--panel-raised);border:1px solid var(--line);box-shadow:var(--shadow-strip)}.cs-dialog-head{margin-bottom:var(--s-3);justify-content:space-between;align-items:center;display:flex}.cs-dialog-head h2{font-size:var(--fs-title);margin:0;font-weight:500}.cs-dialog-note{margin:var(--s-3) 0 0;color:var(--text-2);font-size:var(--fs-meta)}.cs-dialog-text{margin:0 0 var(--s-2);line-height:var(--lh-multi)}.cs-dialog-actions{justify-content:flex-end;gap:var(--s-2);margin-top:var(--s-4);display:flex}.cs-colour-chooser{gap:var(--s-2);padding:var(--s-2);flex-direction:column;min-width:260px;display:flex}.cs-colour-chooser>.cs-segmented{align-self:flex-start}.cs-colour-chooser .cs-colour-picker{min-width:0;padding:0}.cs-colour-tiles{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.cs-colour-tile{border-radius:var(--r-control);border:1px solid var(--line);background:var(--panel);min-width:0;height:32px;color:var(--text-2);font:inherit;font-size:var(--fs-meta);text-align:left;cursor:pointer;align-items:center;gap:6px;padding:0 6px;display:flex}.cs-colour-tile:hover{background:var(--panel-hover);color:var(--text);border-color:var(--line-strong)}.cs-colour-tile[aria-pressed=true]{color:var(--text);border-color:var(--accent-line);outline:1px solid var(--accent-line)}.cs-colour-tile-swatch{border:1px solid var(--line-strong);border-radius:4px;flex:none;width:18px;height:18px}.cs-colour-tile-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cs-colour-tile[data-colour-tile=letGo]{grid-column:1/-1}.cs-colour-stops{gap:var(--s-2);flex-direction:column;display:flex}.cs-colour-stops-row{align-items:center;gap:var(--s-2);flex-wrap:wrap;display:flex}.cs-colour-note,.cs-colour-hint{font-size:var(--fs-meta);color:var(--text-2);margin:0}.cs-colour-note{color:var(--warning,var(--text))}@media (pointer:coarse){.cs-colour-tile{height:44px}}.cs-colour-tile-wide{text-align:center;flex-direction:column;align-items:stretch;gap:4px;height:auto;padding:6px}.cs-colour-tile-wide .cs-colour-tile-swatch{width:auto;height:16px}.cs-colour-tile-wide .cs-colour-tile-name{white-space:normal;line-height:1.25}.cs-link-page-row{align-items:center;gap:2px;display:flex}.cs-link-page-row>.cs-popover-row{flex:1;min-width:0}.cs-contrast-fix{align-items:center;gap:var(--s-2);display:inline-flex}.cs-section-loop-cell{overflow:hidden}.cs-section-loop-tile{background:linear-gradient(135deg, var(--sample-ink), color-mix(in oklch, var(--accent-line) 60%, var(--sample-ink)));opacity:.7;width:40px;height:28px}.cs-ptile:is(:hover,.cs-focused) .cs-section-loop-tile{transition:scale 1.2s var(--ease), translate 1.2s var(--ease);translate:0;scale:1}.cs-menu-look-art{border:1px solid var(--sample-rule);background:var(--sample-paper);box-sizing:border-box;border-radius:3px;flex-direction:column;gap:3px;width:30px;padding:4px;display:flex}.cs-menu-look-art i{background:var(--sample-ink);opacity:.7;border-radius:1px;height:2px;display:block}.cs-menu-look-art i:nth-child(2){width:70%}.cs-menu-look-art i:nth-child(3){width:85%}.cs-menu-look-art[data-look=soft]{background:var(--sample-card)}.cs-menu-look-art[data-look=inverted]{background:var(--sample-ink);border-color:var(--sample-ink)}.cs-menu-look-art[data-look=inverted] i{background:var(--sample-paper)}.cs-menu-look-art[data-look=accent]{background:var(--accent-line);border-color:var(--accent-line)}.cs-menu-look-art[data-look=accent] i{background:var(--sample-paper)}.cs-menu-look-art[data-look=frosted]{background:linear-gradient(135deg, color-mix(in oklch, var(--sample-paper) 70%, transparent), color-mix(in oklch, var(--accent-line) 25%, transparent));border-color:color-mix(in oklch, var(--sample-ink) 20%, transparent)}.cs-menu-look-art[data-look=outline]{border:1.5px solid var(--sample-ink)}.cs-menubtn-art{border:1px solid var(--sample-ink);height:18px;color:var(--sample-ink);border-radius:3px;align-items:center;gap:4px;padding:0 6px;font-size:10px;display:inline-flex}.cs-menubtn-art b{background:linear-gradient(currentColor 0 0) 0 0/100% 1.5px no-repeat,linear-gradient(currentColor 0 0) 0/100% 1.5px no-repeat,linear-gradient(currentColor 0 0) 0 100%/100% 1.5px no-repeat;width:10px;height:7px;display:block}.cs-menubtn-art[data-button=twoLines] b{background:linear-gradient(currentColor 0 0) 0 0/100% 1.5px no-repeat,linear-gradient(currentColor 0 0) 0 100%/100% 1.5px no-repeat;height:5px}.cs-header-art{background:var(--panel);border:1px solid var(--line);box-sizing:border-box;border-radius:4px;width:72px;height:40px;display:block;position:relative}.cs-header-art b,.cs-header-art i,.cs-header-art u{border-radius:1.5px;height:4px;text-decoration:none;position:absolute;top:10px}.cs-header-art b{background:color-mix(in oklch, var(--accent-line) 55%, var(--text-3));width:14px;height:6px;top:9px}.cs-header-art i{background:var(--text-3);width:8px}.cs-header-art u{background:var(--text-3);border-radius:50%;width:5px;height:5px;top:9.5px}.cs-header-art[data-layout=logoLeft] b{left:6px}.cs-header-art[data-layout=logoLeft] i:first-of-type{left:30px}.cs-header-art[data-layout=logoLeft] i:nth-of-type(2){left:41px}.cs-header-art[data-layout=logoLeft] i:nth-of-type(3){left:52px}.cs-header-art[data-layout=logoLeft] u{right:5px}.cs-header-art[data-layout=logoCentred] b{top:7px;left:28px}.cs-header-art[data-layout=logoCentred] i{top:20px}.cs-header-art[data-layout=logoCentred] i:first-of-type{left:20px}.cs-header-art[data-layout=logoCentred] i:nth-of-type(2){left:31px}.cs-header-art[data-layout=logoCentred] i:nth-of-type(3){left:42px}.cs-header-art[data-layout=logoCentred] u{top:7.5px;right:5px}.cs-header-art[data-layout=split] b{left:28px}.cs-header-art[data-layout=split] i:first-of-type{left:8px}.cs-header-art[data-layout=split] i:nth-of-type(2){left:18px}.cs-header-art[data-layout=split] i:nth-of-type(3){left:46px}.cs-header-art[data-layout=split] u{right:5px}.cs-header-art[data-layout=logoRight] b{right:6px}.cs-header-art[data-layout=logoRight] i:first-of-type{left:6px}.cs-header-art[data-layout=logoRight] i:nth-of-type(2){left:17px}.cs-header-art[data-layout=logoRight] i:nth-of-type(3){left:28px}.cs-header-art[data-layout=logoRight] u{left:40px}.cs-header-art[data-layout=linksLeft] b{left:28px}.cs-header-art[data-layout=linksLeft] i:first-of-type{left:5px}.cs-header-art[data-layout=linksLeft] i:nth-of-type(2){left:15px}.cs-header-art[data-layout=linksLeft] i:nth-of-type(3){display:none}.cs-header-art[data-layout=linksLeft] u{right:5px}.cs-header-art[data-layout=free] b{top:14px;left:9px}.cs-header-art[data-layout=free] i:first-of-type{top:6px;left:34px}.cs-header-art[data-layout=free] i:nth-of-type(2){top:22px;left:46px}.cs-header-art[data-layout=free] i:nth-of-type(3){top:27px;left:24px}.cs-header-art[data-layout=free] u{top:12px;right:7px}.cs-linkstyle-cell{width:84px}.cs-linkstyle-art{color:var(--sample-ink);align-items:center;gap:6px;font-size:11px;line-height:1;display:inline-flex}.cs-linkstyle-art i{border-bottom:1px solid #0000;border-radius:999px;padding:3px 0;font-style:normal}.cs-linkstyle-art i:last-child{border-radius:0}.cs-linkstyle-art[data-style=underline] i:last-child{border-bottom-color:currentColor}.cs-linkstyle-art[data-style=growUnderline] i:last-child{background:linear-gradient(currentColor,currentColor) 50% 100%/60% 1px no-repeat}.cs-linkstyle-art[data-style=colour] i:last-child{color:var(--accent-line)}.cs-linkstyle-art:is([data-style=pill],[data-style=glidingPill]) i{border:1px solid #0000;padding:2px 5px}.cs-linkstyle-art:is([data-style=pill],[data-style=glidingPill]) i:last-child{border-color:var(--sample-rule);background:var(--sample-card);border-radius:999px}.cs-linkstyle-art[data-style=glidingPill] i:first-child{border-style:dashed;border-color:var(--sample-rule)}.cs-linkstyle-art[data-style=dim] i:first-child{opacity:.35}.cs-opens-with-tile{border-top:2px solid var(--sample-ink);width:30px;height:22px;display:block;position:relative}.cs-opens-with-tile i{background:var(--sample-ink);opacity:.55;transform-origin:0 0;border-radius:2px;position:absolute;inset:3px 2px 0}.cs-ptile:is(:hover,.cs-focused) .cs-opens-with-tile i{animation:1.1s var(--ease) infinite both}.cs-ptile:is(:hover,.cs-focused) .cs-opens-with-tile[data-opens-with=grow] i{animation-name:cs-ow-grow}.cs-ptile:is(:hover,.cs-focused) .cs-opens-with-tile[data-opens-with=fade] i{animation-name:cs-ow-fade}.cs-ptile:is(:hover,.cs-focused) .cs-opens-with-tile[data-opens-with=drop] i{animation-name:cs-ow-drop}.cs-ptile:is(:hover,.cs-focused) .cs-opens-with-tile[data-opens-with=slide] i{animation-name:cs-ow-slide}.cs-opens-with-tile[data-opens-with=grow] i{translate:0 -1px;scale:.82}.cs-opens-with-tile[data-opens-with=fade] i{opacity:.22}.cs-opens-with-tile[data-opens-with=drop] i{clip-path:inset(0 0 45%)}.cs-opens-with-tile[data-opens-with=slide] i{opacity:.4;translate:6px}.cs-opens-with-tile[data-opens-with=none] i{opacity:.55}@keyframes cs-ow-grow{0%{opacity:0;translate:0 -3px;scale:.8}45%,to{opacity:.55;translate:0;scale:1}}@keyframes cs-ow-fade{0%{opacity:0}45%,to{opacity:.55}}@keyframes cs-ow-drop{0%{clip-path:inset(0 0 100%)}45%,to{clip-path:inset(0)}}@keyframes cs-ow-slide{0%{opacity:0;translate:10px}45%,to{opacity:.55;translate:0}}@media (prefers-reduced-motion:reduce){.cs-ptile .cs-opens-with-tile i{animation:none!important}}.cs-opens-art{background:var(--panel);border:1px solid var(--line);box-sizing:border-box;border-radius:4px;width:56px;height:34px;display:block;position:relative;overflow:hidden}.cs-opens-art[data-phone]{border-radius:4px;width:22px;height:34px}.cs-opens-art[data-phone] i{height:7px}.cs-opens-art i{border-bottom:1px solid var(--line);height:8px;position:absolute;inset:0 0 auto}.cs-opens-art b{background:color-mix(in oklch, var(--accent-line) 45%, var(--text-3));position:absolute}.cs-opens-art[data-kind=fullscreen] b{inset:8px 0 0}.cs-opens-art[data-kind=drawer] b{width:62%;top:0;bottom:0;right:0}.cs-opens-art[data-kind=dropdown] b{border-radius:0 0 2px 2px;width:40%;height:18px;top:8px;left:30%}.cs-opens-art[data-phone][data-kind=dropdown] b{border-radius:0;width:100%;height:13px;top:7px;left:0}.cs-opens-art[data-phone][data-kind=fullscreen] b{inset:7px 0 0}.cs-menu-layout-art{background:var(--panel);border:1px solid var(--line);box-sizing:border-box;border-radius:4px;gap:4px;width:72px;height:40px;padding:5px;display:grid}.cs-menu-layout-art i{background:var(--text-3);border-radius:1.5px;display:block}.cs-menu-layout-art[data-layout=list]{grid-template-rows:repeat(4,3px);align-content:center}.cs-menu-layout-art[data-layout=list] i{width:70%}.cs-menu-layout-art[data-layout=columns]{grid-template-rows:repeat(2,3px);grid-template-columns:1fr 1fr;align-content:center;gap:6px}.cs-menu-layout-art[data-layout=pictures]{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr}.cs-menu-layout-art[data-layout=pictures] i{background:color-mix(in oklch, var(--accent-line) 45%, var(--text-3))}.cs-menu-layout-art[data-layout=featured]{grid-template-rows:repeat(3,3px);grid-template-columns:1fr 1.2fr;align-content:center;gap:5px}.cs-menu-layout-art[data-layout=featured] i:first-child{background:color-mix(in oklch, var(--accent-line) 45%, var(--text-3));grid-area:1/2/span 3;align-self:center;height:24px}.cs-menu-layout-art[data-layout=featured] i:not(:first-child){grid-column:1}}