:root{color-scheme:dark;--color-mint: oklch(79% .1 164);--color-mint-soft: oklch(28% .025 164);--color-mint-dim: oklch(55% .055 164);--color-mint-dark: oklch(39% .025 164);--color-chart-fill: oklch(79% .1 164 / .07);--color-primary: oklch(94% .003 265);--color-primary-ink: oklch(18% .006 265);--color-panel: oklch(23% .008 265);--color-paper: oklch(18% .006 265);--color-surface: oklch(21% .007 265);--color-sidebar: oklch(16.5% .006 265);--color-ink: oklch(96% .003 265);--color-ink-2: oklch(84% .006 265);--color-muted: oklch(68% .008 265);--color-rule: oklch(29% .008 265);--color-rule-2: oklch(39% .01 265);--color-accent: oklch(78% .11 258);--color-accent-ink: oklch(18% .02 258);--color-accent-soft: oklch(27% .035 258);--color-focus: oklch(78% .11 258);--color-hover: oklch(26% .008 265);--color-success: oklch(79% .1 164);--color-success-soft: oklch(27% .025 164);--color-error: oklch(76% .12 25);--color-overlay: oklch(9% .006 265 / .72);--color-shadow: oklch(8% .006 265 / .25);--color-graphite: oklch(22% .008 265);--color-code: oklch(88% .009 265);--color-preview-sand: oklch(18% .008 165);--color-preview-teal: oklch(79% .1 164);--color-preview-rose: oklch(24% .012 40);--color-preview-orange: oklch(78% .11 65);--color-preview-orange-light: oklch(29% .025 65);--color-preview-lilac: oklch(22% .015 270);--color-preview-green: oklch(23% .015 165);--color-transparent: transparent;--font-display: "Geist", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Geist", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "SFMono-Regular", Consolas, monospace;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--text-xs: .875rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 18px;--text-xl: 24px;--text-display: 32px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 14px;--radius-pill: 999px;--rule-thin: 1px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.7, 0, .84, 0);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-fast: .12s;--dur-normal: .18s}:root[data-theme=light]{color-scheme:light;--color-mint: oklch(47% .1 164);--color-mint-soft: oklch(94% .03 164);--color-mint-dim: oklch(61% .07 164);--color-mint-dark: oklch(78% .04 164);--color-chart-fill: oklch(47% .1 164 / .07);--color-primary: oklch(23% .009 265);--color-primary-ink: oklch(98% .002 265);--color-panel: oklch(97% .003 265);--color-paper: oklch(98.8% .002 265);--color-surface: oklch(100% 0 0);--color-sidebar: oklch(97.3% .003 265);--color-ink: oklch(23% .009 265);--color-ink-2: oklch(37% .008 265);--color-muted: oklch(48% .009 265);--color-rule: oklch(91% .005 265);--color-rule-2: oklch(82% .007 265);--color-accent: oklch(51% .16 258);--color-accent-ink: oklch(98% .002 265);--color-accent-soft: oklch(95% .022 258);--color-focus: oklch(51% .16 258);--color-hover: oklch(95.2% .004 265);--color-success: oklch(42% .1 164);--color-success-soft: oklch(95% .025 164);--color-error: oklch(48% .16 25);--color-overlay: oklch(15% .006 265 / .34);--color-shadow: oklch(15% .006 265 / .1);--color-graphite: oklch(22% .008 265);--color-code: oklch(88% .009 265);--color-preview-sand: oklch(97% .01 165);--color-preview-teal: oklch(47% .1 164);--color-preview-rose: oklch(96% .017 40);--color-preview-orange: oklch(61% .12 65);--color-preview-orange-light: oklch(96% .025 65);--color-preview-lilac: oklch(96% .012 270);--color-preview-green: oklch(96% .012 165);--color-transparent: transparent}[data-artifact-theme=dark]{color-scheme:dark;--color-mint: oklch(79% .1 164);--color-mint-soft: oklch(28% .025 164);--color-mint-dim: oklch(55% .055 164);--color-mint-dark: oklch(39% .025 164);--color-chart-fill: oklch(79% .1 164 / .07);--color-primary: oklch(94% .003 265);--color-primary-ink: oklch(18% .006 265);--color-panel: oklch(23% .008 265);--color-paper: oklch(18% .006 265);--color-surface: oklch(21% .007 265);--color-sidebar: oklch(16.5% .006 265);--color-ink: oklch(96% .003 265);--color-ink-2: oklch(84% .006 265);--color-muted: oklch(68% .008 265);--color-rule: oklch(29% .008 265);--color-rule-2: oklch(39% .01 265);--color-accent: oklch(78% .11 258);--color-accent-ink: oklch(18% .02 258);--color-accent-soft: oklch(27% .035 258);--color-focus: oklch(78% .11 258);--color-hover: oklch(26% .008 265);--color-success: oklch(79% .1 164);--color-success-soft: oklch(27% .025 164);--color-error: oklch(76% .12 25);--color-overlay: oklch(9% .006 265 / .72);--color-shadow: oklch(8% .006 265 / .25);--color-graphite: oklch(22% .008 265);--color-code: oklch(88% .009 265);--color-preview-sand: oklch(18% .008 165);--color-preview-teal: oklch(79% .1 164);--color-preview-rose: oklch(24% .012 40);--color-preview-orange: oklch(78% .11 65);--color-preview-orange-light: oklch(29% .025 65);--color-preview-lilac: oklch(22% .015 270);--color-preview-green: oklch(23% .015 165);--color-transparent: transparent}[data-artifact-theme=light]{color-scheme:light;--color-mint: oklch(47% .1 164);--color-mint-soft: oklch(94% .03 164);--color-mint-dim: oklch(61% .07 164);--color-mint-dark: oklch(78% .04 164);--color-chart-fill: oklch(47% .1 164 / .07);--color-primary: oklch(23% .009 265);--color-primary-ink: oklch(98% .002 265);--color-panel: oklch(97% .003 265);--color-paper: oklch(98.8% .002 265);--color-surface: oklch(100% 0 0);--color-sidebar: oklch(97.3% .003 265);--color-ink: oklch(23% .009 265);--color-ink-2: oklch(37% .008 265);--color-muted: oklch(48% .009 265);--color-rule: oklch(91% .005 265);--color-rule-2: oklch(82% .007 265);--color-accent: oklch(51% .16 258);--color-accent-ink: oklch(98% .002 265);--color-accent-soft: oklch(95% .022 258);--color-focus: oklch(51% .16 258);--color-hover: oklch(95.2% .004 265);--color-success: oklch(42% .1 164);--color-success-soft: oklch(95% .025 164);--color-error: oklch(48% .16 25);--color-overlay: oklch(15% .006 265 / .34);--color-shadow: oklch(15% .006 265 / .1);--color-graphite: oklch(22% .008 265);--color-code: oklch(88% .009 265);--color-preview-sand: oklch(97% .01 165);--color-preview-teal: oklch(47% .1 164);--color-preview-rose: oklch(96% .017 40);--color-preview-orange: oklch(61% .12 65);--color-preview-orange-light: oklch(96% .025 65);--color-preview-lilac: oklch(96% .012 270);--color-preview-green: oklch(96% .012 165);--color-transparent: transparent}*{box-sizing:border-box}body{margin:0;background:var(--color-paper);color:var(--color-ink);font:400 16px/1.6 var(--font-body)}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button,a,input,select{border-radius:8px}button{padding:9px 15px;border:1px solid var(--color-rule-2);background:var(--color-surface);color:var(--color-ink)}button:hover{background:var(--color-hover)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--color-primary);color:var(--color-primary-ink);border-color:transparent}button.danger{color:var(--color-error)}a{color:inherit;text-underline-offset:4px}input,select{min-height:44px;padding:10px 12px;background:var(--color-surface);border:1px solid var(--color-rule-2);color:var(--color-ink);min-width:0}input::placeholder{color:var(--color-muted)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}::selection{background:var(--color-accent-soft);color:var(--color-ink)}*{scrollbar-color:var(--color-rule-2) transparent}h1,h2,h3,p{margin:0}h1{font-size:32px;line-height:1.25;letter-spacing:-.035em;font-weight:600}h2{font-size:22px;line-height:1.35;letter-spacing:-.025em}h3{font-size:18px;margin:24px 0 8px}p{margin-bottom:16px}small,.muted{color:var(--color-muted);font-size:14px}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;text-decoration:none}.theme-control{position:fixed;right:18px;top:12px;z-index:20}.theme-control button{border:0;background:var(--color-paper)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;top:-100px;left:16px;z-index:100;background:var(--color-surface);padding:12px}.skip-link:focus{top:12px}.brand{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:600;text-decoration:none}.brand .icon{color:var(--color-accent);width:28px;height:28px}.error{color:var(--color-error);margin:16px 0;overflow-wrap:anywhere}.status{padding:48px;color:var(--color-muted)}.login{max-width:500px;margin:9vh auto;padding:32px 24px}.login .brand{margin-bottom:56px}.login h1{font-size:44px;margin-bottom:24px}.lead{font-size:18px;color:var(--color-muted);margin-bottom:32px}.login form{display:grid;gap:10px}.login label{font-weight:500}.login .privacy{font-size:14px;color:var(--color-muted);margin-top:32px}.library-shell{display:flex;min-height:100dvh}.sidebar{width:224px;padding:30px 24px 24px;position:fixed;inset:0 auto 0 0;background:var(--color-sidebar);border-right:1px solid var(--color-rule);display:flex;flex-direction:column;gap:32px}.sidebar nav{display:grid;gap:10px}.sidebar nav a,.sidebar nav button{text-align:left;padding:10px 14px;text-decoration:none;border:0;background:none}.sidebar nav a[aria-current]{background:var(--color-accent-soft);color:var(--color-accent);font-weight:500}.sidebar-note{margin-top:auto;font-size:14px;color:var(--color-muted)}.library{margin-left:224px;padding:76px 48px 48px;max-width:1440px;width:calc(100% - 224px)}.library-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:32px}.library-heading h1{margin-bottom:8px}.library-heading p{margin:0}.filters{display:flex;gap:12px;margin-bottom:32px}.filters label{min-width:0}.filters>label:not(.search){max-width:220px}.filters input,.filters select{width:100%}.search{flex:1;position:relative;min-width:200px}.search .icon{position:absolute;left:12px;top:12px;color:var(--color-muted)}.search input{padding-left:42px}.artifact-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--color-rule)}.artifact-list>li{border-bottom:1px solid var(--color-rule)}.artifact-list>li>a{display:flex;align-items:center;gap:24px;padding:24px 12px;text-decoration:none}.artifact-list>li>a:hover{background:var(--color-hover)}.file-mark{display:grid;place-items:center;flex:none;width:52px;height:60px;background:var(--color-accent-soft);color:var(--color-accent);border-radius:8px}.artifact-summary{min-width:0;flex:1}.artifact-summary h2{font-size:18px;overflow-wrap:anywhere}.artifact-summary p{margin:4px 0;color:var(--color-muted);font-size:14px;overflow-wrap:anywhere}.artifact-list time{font-size:14px;color:var(--color-muted);white-space:nowrap}.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.tags span{font-size:14px;color:var(--color-muted);padding:1px 8px;background:var(--color-panel);border-radius:4px;overflow-wrap:anywhere;max-width:100%}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:16px;margin-top:24px;font-size:14px}.empty{max-width:620px;margin:10vh auto;padding:32px 24px;text-align:center}.empty>.icon{width:40px;height:40px;color:var(--color-muted);margin-bottom:24px}.empty h2{margin-bottom:16px}.empty p{color:var(--color-muted)}.empty button{margin:8px}.viewer{height:100dvh;display:flex;flex-direction:column}.artifact-topbar{display:flex;align-items:center;gap:12px;padding:10px 76px 10px 18px;border-bottom:1px solid var(--color-rule);background:var(--color-paper);flex:none}.artifact-topbar h1{font-size:16px;font-weight:500;letter-spacing:0;overflow-wrap:anywhere;max-width:40vw;line-height:1.4}.artifact-topbar button{font-size:14px}.topbar-spacer{flex:1}.artifact-content{flex:1;min-height:0;overflow:auto;background:var(--color-paper)}.artifact-content iframe{width:100%;height:100%;display:block;border:0;background:#fff;color-scheme:light}.artifact-content .empty{margin-top:8vh}dialog{color:var(--color-ink);background:var(--color-surface);border:0;border-radius:14px;padding:28px;max-width:640px;width:calc(100% - 32px);max-height:85dvh;box-shadow:0 24px 80px var(--color-shadow)}dialog::backdrop{background:var(--color-overlay)}dialog>header{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px}dialog p{margin-bottom:16px}dialog pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--color-panel);padding:20px;border-radius:8px;font:14px/1.8 var(--font-mono)}dialog button{margin:4px 8px 4px 0}.version-list,.file-list{list-style:none;margin:0;padding:0}.version-list li,.file-list li{display:flex;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid var(--color-rule)}.version-list a{flex:1;display:grid;text-decoration:none;gap:4px}.version-list a[aria-current]{color:var(--color-accent)}.version-list span,.version-list time{font-size:14px;color:var(--color-muted);overflow-wrap:anywhere}.file-list li>span{flex:1;overflow-wrap:anywhere}.file-list small{display:block}.share-output{display:grid;gap:10px;margin-top:24px}.share-output input{width:100%;font-size:14px}.share-output label{font-weight:500}@media(max-width:1050px){.library{padding:76px 24px 32px}.filters{flex-wrap:wrap}.search{flex-basis:100%}.filters>label:not(.search){flex:1;max-width:none}}@media(max-width:700px){.library-shell{display:block}.sidebar{position:static;width:auto;flex-direction:row;flex-wrap:wrap;padding:20px 76px 20px 20px;gap:16px;border-right:0;border-bottom:1px solid var(--color-rule)}.sidebar nav{display:none}.sidebar-note{display:none}.sidebar>button{margin-left:auto}.library{margin:0;width:100%;padding:32px 20px}.library-heading{align-items:flex-start}.library-heading h1{font-size:28px}.library-heading>button{font-size:14px}.artifact-list>li>a{gap:14px;padding:20px 0;align-items:flex-start;flex-wrap:wrap}.artifact-list time{margin-left:66px}.file-mark{width:48px;height:54px}.artifact-summary{flex-basis:calc(100% - 70px)}.artifact-topbar{gap:8px;flex-wrap:wrap;padding-left:12px}.artifact-topbar h1{max-width:none;flex:1 1 calc(100% - 56px)}.artifact-topbar .topbar-spacer{display:none}.artifact-topbar button{padding:8px 10px}.login{margin:40px auto}.login h1{font-size:36px}.login .brand{margin-bottom:40px}dialog{padding:22px}.version-list li{align-items:flex-start;flex-wrap:wrap}.file-list{font-size:14px}.pagination{justify-content:space-between;gap:8px}.filters>label:not(.search){flex-basis:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}.viewer-feedback{padding:0 20px;flex:none}.artifact-topbar>.icon-button{flex-shrink:0}.artifact-topbar{flex-wrap:wrap}