@layer canon.reset{*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;tab-size:4}body{font-family:var(--font-sans);font-size:var(--text-md);line-height:var(--leading-normal);color:var(--color-content);background-color:var(--color-surface);-webkit-font-smoothing:antialiased;overflow-wrap:break-word}img,video,svg{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}input[type=checkbox],input[type=radio],progress{accent-color:var(--color-brand)}h1,h2,h3,h4,h5,h6{line-height:var(--leading-tight);font-weight:var(--weight-bold)}h1{font-family:var(--font-display);font-size:var(--text-3xl);letter-spacing:-.015em}h2{font-family:var(--font-display);font-size:var(--text-2xl);letter-spacing:-.01em}h3{font-size:var(--text-xl);letter-spacing:-.01em}h4{font-size:var(--text-lg)}h5{font-size:var(--text-md)}h6{font-size:var(--text-sm)}a{color:var(--color-brand);text-decoration-skip-ink:auto}nav a:not([data-component]){color:var(--color-content-subtle);font-weight:var(--weight-medium);font-size:var(--text-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);transition:color var(--duration-fast) var(--ease-default), background-color var(--duration-fast) var(--ease-default);text-decoration:none}nav a:not([data-component]):hover{color:var(--color-content);background-color:var(--color-surface-raised)}@media (prefers-reduced-motion:no-preference){nav a:not([data-component]){background-image:linear-gradient(var(--color-accent), var(--color-accent));transition:background-size var(--duration-normal) var(--ease-default), color var(--duration-fast) var(--ease-default), background-color var(--duration-fast) var(--ease-default);background-position:0 calc(100% - 1px);background-repeat:no-repeat;background-size:0% 2px}nav a:not([data-component]):hover{background-size:100% 2px}}nav a:not([data-component])[aria-current=page]{color:var(--color-content);box-shadow:inset 0 -2px 0 var(--color-accent);border-radius:var(--radius-sm) var(--radius-sm) 0 0}ul,ol{padding-inline-start:1.5em}:is(ul:has(input),ol:has(input)),nav ul,nav ol{padding-inline-start:0;list-style:none}li+li{margin-top:var(--space-xs)}blockquote{border-inline-start:3px solid var(--color-accent);padding:var(--space-xs) var(--space-lg);font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-content-subtle)}code,pre,kbd,samp{font-family:var(--font-mono)}code{background-color:var(--color-surface-sunken);border-radius:var(--radius-sm);padding:.125em .375em;font-size:.875em}pre{background-color:var(--color-surface-sunken);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);font-size:var(--text-sm);overflow-x:auto}pre code{font-size:inherit;background:0 0;padding:0}::selection{background-color:var(--color-accent-subtle)}:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}}@layer canon.tokens{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2.5rem;--space-2xl:4rem;--text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.5rem;--text-2xl:2rem;--text-3xl:3rem;--font-sans:"Avenir Next", Avenir, "Segoe UI Variable", "Segoe UI", "Helvetica Neue", sans-serif;--font-display:"Charter", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--font-mono:ui-monospace, "Cascadia Code", "SF Mono", Menlo, monospace;--color-brand:#1c1917;--color-brand-subtle:#f0eeed;--color-accent:#c2410c;--color-accent-subtle:#f7e9e3;--color-surface:#fdfcfb;--color-surface-raised:#f7f5f2;--color-surface-sunken:#f0ede9;--color-content:#1c1917;--color-content-subtle:#6f6863;--color-content-inverse:#fff;--color-border:#e7e3de;--color-border-strong:#8c8781;--color-success:#137334;--color-warning:#a16207;--color-error:#b91c1c;--color-info:#1d4ed8;--color-success-subtle:#e6f0e8;--color-warning-subtle:#f4ede3;--color-error-subtle:#f8eae9;--color-info-subtle:#ebeef8;--width-prose:65ch;--width-content:768px;--width-wide:1200px;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-full:9999px;--shadow-sm:0 1px 2px #1c19170d;--shadow-md:0 2px 4px #1c19170d, 0 4px 8px #1c19170d;--shadow-lg:0 4px 8px #1c19170f, 0 12px 24px #1c191717;--weight-normal:400;--weight-medium:500;--weight-bold:600;--leading-tight:1.2;--leading-normal:1.5;--leading-loose:1.75;--ease-default:cubic-bezier(.4, 0, .2, 1);--duration-fast:.15s;--duration-normal:.2s;--duration-slow:.3s}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-brand:#f5f4f2;--color-brand-subtle:#242220;--color-accent:#e8593a;--color-accent-subtle:#301a14;--color-surface:#12100e;--color-surface-raised:#1c1917;--color-surface-sunken:#0c0a09;--color-content:#f5f4f2;--color-content-subtle:#a8a29e;--color-content-inverse:#1c1917;--color-border:#2c2825;--color-border-strong:#6b665f;--color-success:#4ade80;--color-warning:#fbbf24;--color-error:#f87171;--color-info:#60a5fa;--color-success-subtle:#132617;--color-warning-subtle:#31220c;--color-error-subtle:#371311;--color-info-subtle:#151f3e}}@layer canon.layouts{[data-layout=stack]{flex-direction:column;display:flex}[data-layout=row]{flex-direction:row;display:flex}[data-layout=row][data-wrap]{flex-wrap:wrap}[data-layout=grid]{display:grid}[data-layout=grid][data-cols="1"]{grid-template-columns:repeat(1,minmax(0,1fr))}[data-layout=grid][data-cols="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}[data-layout=grid][data-cols="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}[data-layout=grid][data-cols="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}[data-layout=grid][data-cols=auto]{grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr))}[data-layout=sidebar]{grid-template-columns:240px 1fr;min-height:100vh;display:grid}[data-layout=sidebar]>[data-slot=sidebar]{background-color:var(--color-surface-raised);border-right:1px solid var(--color-border);height:100vh;position:sticky;top:0;overflow-y:auto}[data-layout=sidebar]>[data-slot=main]{overflow-y:auto}[data-layout=centered]{width:100%;padding-inline:var(--space-md);margin-inline:auto}[data-layout=centered][data-width=prose]{max-width:var(--width-prose)}[data-layout=centered][data-width=content]{max-width:var(--width-content)}[data-layout=centered][data-width=wide],[data-layout=centered]:not([data-width]){max-width:var(--width-wide)}[data-layout=hero]{text-align:center;min-height:100svh;padding:var(--space-2xl) var(--space-md);flex-direction:column;justify-content:center;align-items:center;display:flex}[data-layout=split]{grid-template-columns:1fr 1fr;display:grid}[data-gap=xs]{gap:var(--space-xs)}[data-gap=sm]{gap:var(--space-sm)}[data-gap=md]{gap:var(--space-md)}[data-gap=lg]{gap:var(--space-lg)}[data-gap=xl]{gap:var(--space-xl)}[data-gap="2xl"]{gap:var(--space-2xl)}[data-layout=stack][data-align=center],[data-layout=hero]{text-align:center}[data-align=start]{align-items:flex-start}[data-align=center]{align-items:center}[data-align=end]{align-items:flex-end}[data-align=stretch]{align-items:stretch}[data-justify=start]{justify-content:flex-start}[data-justify=center]{justify-content:center}[data-justify=end]{justify-content:flex-end}[data-justify=between]{justify-content:space-between}[data-justify=around]{justify-content:space-around}@media (max-width:1024px){[data-layout=grid][data-cols="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){[data-layout=grid][data-cols="3"],[data-layout=grid][data-cols="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}[data-layout=split],[data-layout=sidebar]{grid-template-columns:1fr}[data-layout=sidebar]>[data-slot=sidebar]{border-right:none;border-bottom:1px solid var(--color-border);height:auto;position:static}}@media (max-width:480px){[data-layout=grid][data-cols="2"],[data-layout=grid][data-cols="3"],[data-layout=grid][data-cols="4"]{grid-template-columns:1fr}}}@layer canon.components{[data-component=button]{justify-content:center;align-items:center;gap:var(--space-xs);border-radius:var(--radius-md);font-weight:var(--weight-medium);cursor:pointer;white-space:nowrap;transition:background-color var(--duration-fast) var(--ease-default), border-color var(--duration-fast) var(--ease-default), box-shadow var(--duration-fast) var(--ease-default);padding:var(--space-sm) var(--space-md);font-size:var(--text-md);border:1px solid #0000;text-decoration:none;display:inline-flex}[data-component=button][data-size=sm]{padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm)}[data-component=button][data-size=lg]{padding:var(--space-md) var(--space-lg);font-size:var(--text-lg)}[data-component=button]:active{transform:translateY(1px)}[data-component=button]:not([data-variant]),[data-component=button][data-variant=primary]{background-color:var(--color-brand);color:var(--color-content-inverse)}[data-component=button][data-variant=primary]:hover,[data-component=button]:not([data-variant]):hover{background-color:color-mix(in srgb, var(--color-brand) 82%, var(--color-surface))}[data-component=button][data-variant=secondary]{background-color:var(--color-surface-raised);color:var(--color-content);border-color:var(--color-border-strong)}[data-component=button][data-variant=secondary]:hover{background-color:var(--color-surface-sunken)}[data-component=button][data-variant=ghost]{color:var(--color-content-subtle);background-color:#0000}[data-component=button][data-variant=ghost]:hover{background-color:var(--color-surface-raised);color:var(--color-content)}[data-component=button][data-variant=danger]{background-color:var(--color-error);color:var(--color-content-inverse)}[data-component=button][data-variant=danger]:hover{background-color:color-mix(in srgb, var(--color-error) 82%, var(--color-surface))}[data-component=button][data-variant=link]{color:var(--color-brand);text-underline-offset:3px;background-color:#0000;padding-inline:0;text-decoration:underline}[data-component=button]:disabled,[data-component=button][aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}[data-component=card]{background-color:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;display:flex;overflow:hidden}[data-component=card]>[data-slot=header]{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border);font-weight:var(--weight-medium)}[data-component=card]>[data-slot=header] :is(h1,h2,h3,h4,h5,h6),[data-component=card]>[data-slot=header] :is(h1,h2,h3,h4,h5,h6) *{font-family:var(--font-sans);font-size:var(--text-md);letter-spacing:0}[data-component=card]>[data-slot=media]{aspect-ratio:16/9;background-color:var(--color-surface-sunken);overflow:hidden}[data-component=card]>[data-slot=media] img{object-fit:cover;width:100%;height:100%}[data-component=card]>[data-slot=body]{padding:var(--space-lg);flex:1}[data-component=card]>[data-slot=footer]{padding:var(--space-md) var(--space-lg);border-top:1px solid var(--color-border);align-items:center;gap:var(--space-sm);background-color:var(--color-surface-sunken);display:flex}[data-component=card]:not(:has(>[data-slot])){padding:var(--space-lg)}a[data-component=card]{color:inherit;text-decoration:none}[data-component=card][data-variant=featured]{border-color:var(--color-accent);box-shadow:var(--shadow-md)}[data-component=badge]{align-items:center;gap:var(--space-xs);width:fit-content;padding:.125rem var(--space-sm);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-medium);white-space:nowrap;line-height:1.5;display:inline-flex}[data-component=badge]:not([data-variant]),[data-component=badge][data-variant=neutral]{background-color:var(--color-surface-raised);color:var(--color-content-subtle);border:1px solid var(--color-border)}[data-component=badge][data-variant=brand]{background-color:var(--color-brand-subtle);color:var(--color-brand)}[data-component=badge][data-variant=success]{background-color:var(--color-success-subtle);color:var(--color-success)}[data-component=badge][data-variant=warning]{background-color:var(--color-warning-subtle);color:color-mix(in srgb, var(--color-warning) 80%, black)}[data-component=badge][data-variant=error]{background-color:var(--color-error-subtle);color:var(--color-error)}[data-component=badge][data-variant=info]{background-color:var(--color-info-subtle);color:var(--color-info)}[data-component=input],[data-component=textarea],[data-component=select]{background-color:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);width:100%;color:var(--color-content);transition:border-color var(--duration-fast) var(--ease-default), box-shadow var(--duration-fast) var(--ease-default);padding:var(--space-sm) var(--space-md);font-size:var(--text-md);display:block}[data-component=input][data-size=sm],[data-component=textarea][data-size=sm],[data-component=select][data-size=sm]{padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm)}[data-component=input][data-size=lg],[data-component=textarea][data-size=lg],[data-component=select][data-size=lg]{padding:var(--space-md) var(--space-lg);font-size:var(--text-lg)}[data-component=input]:focus,[data-component=textarea]:focus,[data-component=select]:focus{border-color:var(--color-brand);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-brand) 15%, transparent);outline:none}[data-component=input][data-state=error],[data-component=textarea][data-state=error]{border-color:var(--color-error)}[data-component=input][data-state=error]:focus,[data-component=textarea][data-state=error]:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-error) 15%, transparent)}[data-component=stepper]{align-items:center;gap:var(--space-sm);counter-reset:step;padding-inline-start:0;list-style:none;display:flex}[data-component=stepper]>li{align-items:center;gap:var(--space-sm);color:var(--color-content-subtle);font-size:var(--text-sm);counter-increment:step;display:flex}[data-component=stepper]>li:before{content:counter(step);border:1px solid var(--color-border-strong);border-radius:var(--radius-full);width:1.75rem;height:1.75rem;font-size:var(--text-xs);flex-shrink:0;place-items:center;display:grid}[data-component=stepper]>li:not(:last-child):after{content:"";width:var(--space-lg);background:var(--color-border);height:1px}[data-component=stepper]>li[aria-current]{color:var(--color-content);font-weight:var(--weight-medium)}[data-component=stepper]>li[aria-current]:before{background:var(--color-brand);border-color:var(--color-brand);color:var(--color-content-inverse)}[data-component=stepper]>li[data-state=complete]{color:var(--color-content)}[data-component=stepper]>li[data-state=complete]:before{content:"✓";background:var(--color-brand-subtle);border-color:var(--color-brand);color:var(--color-brand)}@media (max-width:40rem){[data-component=stepper]>li:not([aria-current]){gap:0;font-size:0}[data-component=stepper]>li:not([aria-current]):before{font-size:var(--text-xs)}}[data-component=nav]{gap:var(--space-xs);flex-direction:column;display:flex}[data-component=nav] a{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);color:var(--color-content-subtle);transition:background-color var(--duration-fast) var(--ease-default), color var(--duration-fast) var(--ease-default);text-decoration:none;display:block}[data-component=nav] a:hover{background-color:var(--color-surface-sunken);color:var(--color-content)}[data-component=nav] a[aria-current]{background-color:var(--color-brand-subtle);color:var(--color-brand);font-weight:var(--weight-medium)}[data-component=topbar]>[data-slot=nav] a[aria-current]{color:var(--color-brand);font-weight:var(--weight-medium)}[data-component=disclosure]{border-bottom:1px solid var(--color-border)}[data-component=disclosure]>summary{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-md) 0;cursor:pointer;font-weight:var(--weight-medium);list-style:none;display:flex}[data-component=disclosure]>summary::-webkit-details-marker{display:none}[data-component=disclosure]>summary:after{content:"";border-right:2px solid var(--color-content-subtle);border-bottom:2px solid var(--color-content-subtle);width:.5em;height:.5em;transition:transform var(--duration-fast) var(--ease-default);flex-shrink:0;transform:rotate(45deg)translate(-.1em,-.1em)}[data-component=disclosure][open]>summary:after{transform:rotate(-135deg)translate(-.1em,-.1em)}[data-component=disclosure]>summary:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}[data-component=disclosure]>:not(summary){padding-bottom:var(--space-md);color:var(--color-content-subtle)}input[type=checkbox],input[type=radio]{width:var(--text-md);height:var(--text-md);cursor:pointer;flex-shrink:0}input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}:is(label:has(>input[type=checkbox]),label:has(>input[type=radio])){align-items:center;gap:var(--space-xs);cursor:pointer;display:inline-flex}input[type=file]{background-color:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);width:100%;color:var(--color-content-subtle);font-size:var(--text-sm);padding:var(--space-sm) var(--space-md);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-default), box-shadow var(--duration-fast) var(--ease-default);display:block}input[type=file]::file-selector-button{padding:var(--space-xs) var(--space-md);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background-color:var(--color-surface-raised);color:var(--color-content);font:inherit;font-weight:var(--weight-medium);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-default);margin-inline-end:var(--space-md)}input[type=file]:hover::file-selector-button{background-color:var(--color-surface-sunken)}input[type=file]:focus-visible{border-color:var(--color-brand);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-brand) 15%, transparent);outline:none}input[type=file]:disabled{opacity:.5;cursor:not-allowed}input[type=file]:disabled::file-selector-button{cursor:not-allowed}[data-component=input][data-state=success],[data-component=textarea][data-state=success]{border-color:var(--color-success)}[data-component=textarea]{resize:vertical;min-height:100px}[data-component=select]{--_control-pad-x:var(--space-md);appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--color-content-subtle) 50%), linear-gradient(135deg, var(--color-content-subtle) 50%, transparent 50%);background-size:6px 6px,6px 6px;background-position:right calc(var(--_control-pad-x) + 6px) center, right var(--_control-pad-x) center;padding-right:calc(var(--_control-pad-x) + 1.25rem);cursor:pointer;background-repeat:no-repeat}[data-component=select][data-size=sm]{--_control-pad-x:var(--space-sm);padding-right:calc(var(--_control-pad-x) + 1.25rem)}[data-component=select][data-size=lg]{--_control-pad-x:var(--space-lg);padding-right:calc(var(--_control-pad-x) + 1.25rem)}[data-component=topbar]{align-items:center;gap:var(--space-lg);padding:0 var(--space-lg);background-color:color-mix(in srgb, var(--color-surface) 85%, transparent);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border);z-index:100;grid-template-columns:auto 1fr auto;height:60px;display:grid;position:sticky;top:0}[data-component=topbar]>[data-slot=brand]{align-items:center;gap:var(--space-sm);font-weight:var(--weight-bold);font-size:var(--text-lg);color:var(--color-content);text-decoration:none;display:flex}[data-component=topbar]>[data-slot=brand] a{color:inherit;text-decoration:none}[data-component=topbar]>[data-slot=nav]{align-items:center;gap:var(--space-xs);display:flex}[data-component=topbar]>[data-slot=actions]{align-items:center;gap:var(--space-sm);justify-content:flex-end;display:flex}[data-component=topbar]>[data-slot=menu]{display:none;position:relative}[data-component=topbar]>[data-slot=menu]>summary{cursor:pointer;border-radius:var(--radius-md);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;font-size:0;line-height:1;list-style:none;display:inline-flex;position:relative}[data-component=topbar]>[data-slot=menu]>summary:before,[data-component=topbar]>[data-slot=menu]>summary:after{content:"";background-color:currentColor;width:1.125rem;height:2px;position:absolute}[data-component=topbar]>[data-slot=menu]>summary:before{box-shadow:0 -.375rem,0 .375rem}[data-component=topbar]>[data-slot=menu]>summary:after{opacity:0}[data-component=topbar]>[data-slot=menu][open]>summary:before{box-shadow:none;transform:rotate(45deg)}[data-component=topbar]>[data-slot=menu][open]>summary:after{opacity:1;transform:rotate(-45deg)}@media (prefers-reduced-motion:no-preference){[data-component=topbar]>[data-slot=menu]>summary:before,[data-component=topbar]>[data-slot=menu]>summary:after{transition:transform var(--duration-fast) var(--ease-default), box-shadow var(--duration-fast) var(--ease-default), opacity var(--duration-fast) var(--ease-default)}}[data-component=topbar]>[data-slot=menu]>summary::-webkit-details-marker{display:none}[data-component=topbar]>[data-slot=menu]>nav{right:0;top:calc(100% + var(--space-sm));gap:var(--space-xs);min-width:240px;padding:var(--space-sm);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:150;flex-direction:column;display:flex;position:absolute}@media (max-width:640px){[data-component=topbar]{gap:var(--space-sm);height:auto;padding:var(--space-sm) var(--space-md);grid-template-columns:auto 1fr}[data-component=topbar]>[data-slot=brand]{grid-area:1/1/2/2}[data-component=topbar]>[data-slot=actions]{grid-area:1/2/2/3}[data-component=topbar]>[data-slot=nav]{gap:var(--space-md);flex-wrap:wrap;grid-area:2/1/3/3}}@media (max-width:768px){[data-component=topbar]>[data-slot=menu]{display:block}[data-component=topbar]:has(>[data-slot=menu])>[data-slot=nav]{display:none}[data-component=topbar]:has(>[data-slot=menu]){align-items:center;gap:var(--space-sm);height:60px;padding:0 var(--space-md);display:flex}[data-component=topbar]:has(>[data-slot=menu])>[data-slot=actions]{margin-left:auto}}[data-component=modal]{-webkit-backdrop-filter:blur(10px)saturate(120%);width:auto;max-width:none;height:auto;max-height:none;padding:var(--space-md);z-index:200;background-color:#00000052;border:0;justify-content:center;align-items:center;margin:0;display:flex;position:fixed;inset:0}dialog[data-component=modal]:not([open]){display:none}[data-component=modal]::backdrop{-webkit-backdrop-filter:blur(10px)saturate(120%);background-color:#00000052}[data-component=modal]:modal{-webkit-backdrop-filter:none;background-color:#0000}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){[data-component=modal],[data-component=modal]::backdrop{background-color:#0000008c}}@media (prefers-reduced-transparency:reduce){[data-component=modal],[data-component=modal]::backdrop{-webkit-backdrop-filter:none;background-color:#000c}}[data-component=modal]>[data-slot=panel]{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);flex-direction:column;width:100%;max-width:480px;max-height:90vh;display:flex;overflow:auto}[data-component=modal]>[data-slot=panel]>[data-slot=header]{padding:var(--space-lg);border-bottom:1px solid var(--color-border);font-weight:var(--weight-bold);font-size:var(--text-lg);justify-content:space-between;align-items:center;display:flex}[data-component=modal] [data-slot=header] :is(h1,h2,h3,h4,h5,h6){font-family:var(--font-sans);font-size:var(--text-lg);letter-spacing:0}[data-component=modal]>[data-slot=panel]>[data-slot=body]{padding:var(--space-lg);flex:1}[data-component=modal]>[data-slot=panel]>[data-slot=footer]{padding:var(--space-md) var(--space-lg);border-top:1px solid var(--color-border);justify-content:flex-end;gap:var(--space-sm);background-color:var(--color-surface-sunken);display:flex}[data-component=avatar]{border-radius:var(--radius-full);background-color:var(--color-brand-subtle);color:var(--color-brand);font-weight:var(--weight-bold);width:2.5rem;height:2.5rem;font-size:var(--text-sm);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}[data-component=avatar][data-size=sm]{width:2rem;height:2rem;font-size:var(--text-xs)}[data-component=avatar][data-size=lg]{width:3.5rem;height:3.5rem;font-size:var(--text-lg)}[data-component=avatar] img{object-fit:cover;width:100%;height:100%}[data-component=stat]{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:-.01em;display:block}[data-component=table]{border-collapse:collapse;width:100%;font-size:var(--text-sm);text-align:left}[data-component=table] th{color:var(--color-content-subtle);font-weight:var(--weight-medium);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border-strong)}[data-component=table] td{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border)}[data-component=table] tbody tr{transition:background-color var(--duration-fast) var(--ease-default)}[data-component=table] tbody tr:hover{background-color:var(--color-surface-raised)}@media (max-width:768px){[data-component=table]{display:block;overflow-x:auto}}[data-component=divider]{border:none;border-top:1px solid var(--color-border);margin:0}[data-component=divider][data-variant=strong]{border-top-color:var(--color-border-strong)}[data-component=alert]{gap:var(--space-xs);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);border-inline-start:3px solid var(--color-info);background-color:var(--color-info-subtle);color:var(--color-content);flex-direction:column;display:flex}[data-component=alert][data-variant=success]{border-inline-start-color:var(--color-success);background-color:var(--color-success-subtle)}[data-component=alert][data-variant=warning]{border-inline-start-color:var(--color-warning);background-color:var(--color-warning-subtle)}[data-component=alert][data-variant=error]{border-inline-start-color:var(--color-error);background-color:var(--color-error-subtle)}[data-component=alert] :is(h1,h2,h3,h4,h5,h6){font-family:var(--font-sans);font-size:var(--text-md);font-weight:var(--weight-medium);letter-spacing:normal}[data-component=breadcrumb] ol,[data-component=breadcrumb] ul{align-items:center;gap:var(--space-xs);flex-wrap:wrap;display:flex}[data-component=breadcrumb] li{align-items:center;gap:var(--space-xs);margin-top:0;display:flex}[data-component=breadcrumb] li+li:before{content:"/";color:var(--color-content-subtle);font-size:var(--text-sm)}[data-component=breadcrumb] a{background-image:none;border-radius:0;padding:0}[data-component=breadcrumb] a:hover{color:var(--color-content);text-underline-offset:3px;background-color:#0000;text-decoration:underline}[data-component=breadcrumb] [aria-current]{color:var(--color-content);box-shadow:none;border-radius:0}progress{appearance:none;width:100%;height:var(--space-sm);border-radius:var(--radius-full);background-color:var(--color-surface-sunken);border:none;display:block;overflow:hidden}progress::-webkit-progress-bar{background-color:var(--color-surface-sunken);border-radius:var(--radius-full)}progress::-webkit-progress-value{background-color:var(--color-brand);border-radius:var(--radius-full)}progress::-moz-progress-bar{background-color:var(--color-brand);border-radius:var(--radius-full)}input[type=checkbox][role=switch]{appearance:none;border-radius:var(--radius-full);background-color:var(--color-border-strong);width:2.25rem;height:1.25rem;transition:background-color var(--duration-fast) var(--ease-default);position:relative}input[type=checkbox][role=switch]:before{content:"";top:50%;border-radius:var(--radius-full);background-color:var(--color-content-inverse);width:1rem;height:1rem;transition:inset-inline-start var(--duration-fast) var(--ease-default);position:absolute;inset-inline-start:2px;translate:0 -50%}input[type=checkbox][role=switch]:checked{background-color:var(--color-brand)}input[type=checkbox][role=switch]:checked:before{inset-inline-start:calc(100% - 1rem - 2px)}input[type=checkbox][role=switch]:disabled{opacity:.5;cursor:not-allowed}@media (forced-colors:active){[data-component=badge],[data-component=button]{border:1px solid}[data-component=button]:disabled,[data-component=button][aria-disabled=true]{color:graytext;border-color:graytext}[data-component=stepper]>li[aria-current]:before,[data-component=card][data-variant=featured]{border-width:3px}[data-component=alert]{border:1px solid;border-inline-start-width:3px}progress,input[type=checkbox][role=switch]{border:1px solid}input[type=checkbox][role=switch]:before{background-color:currentColor}input[type=checkbox][role=switch]:checked{background-color:highlight}input[type=file]::file-selector-button{border:1px solid}}}@layer canon.utilities{.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}[data-truncate]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}[data-padding=xs]{padding:var(--space-xs)}[data-padding=sm]{padding:var(--space-sm)}[data-padding=md]{padding:var(--space-md)}[data-padding=lg]{padding:var(--space-lg)}[data-padding=xl]{padding:var(--space-xl)}[data-padding="2xl"]{padding:var(--space-2xl)}[data-tone=subtle]{color:var(--color-content-subtle)}[data-tone=brand]{color:var(--color-brand)}[data-tone=accent]{color:var(--color-accent)}[data-tone=success]{color:var(--color-success)}[data-tone=error]{color:var(--color-error)}[data-mono]{font-family:var(--font-mono)}[data-full]{width:100%}@media (min-width:769px){[data-hide=desktop]{display:none}}@media (max-width:768px){[data-hide=mobile]{display:none}}@media (prefers-reduced-motion:no-preference){[data-motion=rise]{animation:canon-rise .48s var(--ease-default) both}[data-motion=float]{animation:6s ease-in-out infinite canon-float}[data-motion=pulse]{animation:canon-pulse 2.4s var(--ease-default) infinite}[data-motion=lift]{transition:transform var(--duration-normal) var(--ease-default), box-shadow var(--duration-normal) var(--ease-default)}[data-motion=lift]:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}}@keyframes canon-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes canon-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes canon-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}}@layer canon.theme,canon.app;
:root{--color-brand:#131313;--color-accent:#0b8074;--color-brand-subtle:#f1f1f1;--color-accent-subtle:#e2f0ee;--color-surface:#fff;--color-surface-raised:#f7f8f8;--color-surface-sunken:#eceeee;--color-content:#131313;--color-content-subtle:#5c6663;--color-content-inverse:#fff;--color-border:#dfe3e2;--color-border-strong:#8a9491;--color-success:#0f766e;--color-warning:#a15c07;--color-error:#b3261e;--color-info:#0e7490;--color-success-subtle:#e7f1f1;--color-warning-subtle:#f6efe6;--color-error-subtle:#f9eeed;--color-info-subtle:#e7f1f4;--radius-sm:0;--radius-md:0;--radius-lg:0;--radius-full:0;--font-display:ui-monospace, "Cascadia Code", "SF Mono", Menlo, Consolas, monospace;--font-sans:"Inter", "Segoe UI Variable", "Segoe UI", system-ui, sans-serif;--font-mono:ui-monospace, "Cascadia Code", "SF Mono", Menlo, Consolas, monospace;--text-3xl:2.75rem;--text-2xl:1.875rem;--shadow-sm:2px 2px 0 #13131314;--shadow-md:3px 3px 0 #1313131a;--shadow-lg:5px 5px 0 #1313131f}[data-theme=dark]{--color-brand:#f2f4f3;--color-accent:#2dd4bf;--color-brand-subtle:#202423;--color-accent-subtle:#122d29;--color-surface:#0e1211;--color-surface-raised:#171d1c;--color-surface-sunken:#080b0a;--color-content:#f2f4f3;--color-content-subtle:#9aa5a2;--color-content-inverse:#0e1211;--color-border:#262e2d;--color-border-strong:#6b7a77;--color-success:#5eead4;--color-warning:#fcd34d;--color-error:#fca5a5;--color-info:#67e8f9;--color-success-subtle:#0e2c29;--color-warning-subtle:#34250e;--color-error-subtle:#391714;--color-info-subtle:#0e2d35;--shadow-sm:2px 2px 0 #00000080;--shadow-md:3px 3px 0 #0000008c;--shadow-lg:5px 5px 0 #0009}@layer canon.theme{h1,h2{letter-spacing:-.02em}[data-mono][data-tone=subtle]{text-transform:uppercase;letter-spacing:.14em;font-size:var(--text-xs)}}
[data-component=topbar]>[data-slot=brand]{gap:0;line-height:0}[data-component=topbar]>[data-slot=brand] img{width:auto;height:2.6em;display:block}[data-component=topbar]>[data-slot=brand] img:last-child,[data-theme=dark] [data-component=topbar]>[data-slot=brand] img:first-child{display:none}[data-theme=dark] [data-component=topbar]>[data-slot=brand] img:last-child{display:block}pre{background:var(--color-surface-sunken);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);font-size:var(--text-sm);overflow-x:auto}code{font-family:var(--font-mono)}table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}th,td{text-align:left;padding:var(--space-sm);border-bottom:1px solid var(--color-border)}th{color:var(--color-content-subtle);font-weight:var(--weight-medium)}.demo{border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);padding:var(--space-md)}.demo-tile [data-layout]>div{background:var(--color-brand-subtle);border-radius:var(--radius-sm);padding:var(--space-sm);text-align:center;font-size:var(--text-sm)}.playground-editor{font-family:var(--font-mono);font-size:var(--text-sm);resize:vertical;min-height:480px}.playground-preview{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);width:100%;min-height:480px}.swatch{border-radius:var(--radius-sm);border:1px solid var(--color-border);vertical-align:middle;width:1.25rem;height:1.25rem;margin-right:var(--space-sm);display:inline-block}@layer canon.app{.swatch[data-token=--color-brand]{background:var(--color-brand)}.swatch[data-token=--color-brand-subtle]{background:var(--color-brand-subtle)}.swatch[data-token=--color-accent]{background:var(--color-accent)}.swatch[data-token=--color-surface]{background:var(--color-surface)}.swatch[data-token=--color-surface-raised]{background:var(--color-surface-raised)}.swatch[data-token=--color-surface-sunken]{background:var(--color-surface-sunken)}.swatch[data-token=--color-content]{background:var(--color-content)}.swatch[data-token=--color-content-subtle]{background:var(--color-content-subtle)}.swatch[data-token=--color-border]{background:var(--color-border)}.swatch[data-token=--color-border-strong]{background:var(--color-border-strong)}.swatch[data-token=--color-success]{background:var(--color-success)}.swatch[data-token=--color-warning]{background:var(--color-warning)}.swatch[data-token=--color-error]{background:var(--color-error)}.swatch[data-token=--color-info]{background:var(--color-info)}}