.runtime-proof{color:#f4f4f5;background:#080808;min-height:100vh;padding:24px}.runtime-proof header,.runtime-proof__workspace,.runtime-proof__actions,.runtime-proof output{width:min(100%,1120px);margin-inline:auto}.runtime-proof header{gap:8px;margin-block-end:24px;display:grid}.runtime-proof header p,.runtime-proof h1{margin:0}.runtime-proof__workspace{gap:var(--space-4);display:grid}.runtime-proof__viewport{border:1px solid #fff3;justify-self:center;width:min(100%,760px);overflow:hidden}.runtime-proof__viewport iframe{border:0;width:100%;height:100%}.runtime-proof__actions{flex-wrap:wrap;align-items:end;gap:8px;margin-block:16px;display:flex}.runtime-proof__export,.runtime-proof__project{align-items:end;gap:var(--space-2);flex-wrap:wrap;display:flex}.runtime-proof__project label{gap:var(--space-1);display:grid}.runtime-proof__project input{min-block-size:var(--size-tap-target);min-inline-size:min(100%,14rem);padding-inline:var(--space-3)}.runtime-proof__project a{min-height:var(--size-tap-target);color:inherit;align-items:center;display:inline-flex}.runtime-proof__project output{color:var(--color-text-secondary);font-size:var(--text-xs);flex-basis:100%}.runtime-proof__export label{gap:var(--space-1);display:grid}.runtime-proof__export input,.runtime-proof__export select{min-block-size:var(--size-tap-target);padding-inline:var(--space-3)}.runtime-proof__export [role=alert]{flex-basis:100%;margin:0}.runtime-proof button{min-height:var(--size-tap-target);color:inherit;background:#18181b;border:1px solid #ffffff3d;padding:10px 14px}.runtime-proof button:disabled{cursor:not-allowed;opacity:.42}.runtime-proof button:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:3px}.visual-inspector{align-content:start;gap:var(--space-6);border:1px solid var(--color-border);background:var(--color-surface);padding:var(--space-4);display:grid}.visual-inspector__heading{justify-content:space-between;align-items:start;gap:var(--space-4);display:flex}.visual-inspector__eyebrow,.visual-inspector__title{margin:0}.visual-inspector__eyebrow{color:var(--color-text-secondary);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;margin-block-end:var(--space-1)}.visual-inspector__heading h2{font-size:var(--text-lg)}.visual-inspector__controls{gap:var(--space-6);display:grid}.visual-inspector .field__input[type=color]{padding:var(--space-1)}@media (width>=64rem){.runtime-proof__workspace{grid-template-columns:minmax(0,3fr) minmax(18rem,1fr)}}:root{--color-background:#0a0a0a;--color-surface:#151515;--color-surface-raised:#202020;--color-surface-inverse:#f4f4f5;--color-text-primary:#f4f4f5;--color-text-secondary:#a1a1aa;--color-text-inverse:#171717;--color-border:#ffffff1a;--color-border-strong:#ffffff3d;--color-focus-ring:#f4f4f5;--color-danger:#ef6a6a;--color-danger-surface:#ef6a6a1f;--color-scrim:#00000094;--art-ink:#101010;--art-paper:#f1eee7;--art-signal:#ff4a35;--art-electric:#345cff;--art-acid:#d9ff45;--art-violet:#7b4dff;--art-cyan:#43e9ef;--art-pink:#ff7cc8;--art-glass:#f4f4f538;--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.25rem;--text-xl:clamp(3.25rem, 9vw, 8.5rem);--text-display:clamp(3.5rem, 11vw, 10rem);--art-text-lg:3.5rem;--art-text-md:2.25rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--radius-sm:.25rem;--radius-control:.5rem;--radius-panel:.75rem;--radius-full:999px;--size-tap-target:2.75rem;--size-header:4.5rem;--content-max:100rem;--duration-fast:.15s;--duration-standard:.22s;--duration-none:0s;--shadow-focus:0 0 0 3px #f4f4f538}.button{border-radius:var(--radius-control);min-height:2.75rem;padding:0 var(--space-4);font-size:var(--text-sm);transition:border-color var(--duration-fast) ease, background-color var(--duration-fast) ease, color var(--duration-fast) ease;border:1px solid #0000;font-weight:650}.button:focus-visible,.category-nav__item:focus-visible,.field__input:focus-visible,.range-field input:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:3px}.button:disabled{cursor:not-allowed;opacity:.42}.button--primary{background:var(--color-surface-inverse);color:var(--color-text-inverse)}.button--secondary{border-color:var(--color-border-strong);background:var(--color-surface);color:var(--color-text-primary)}.button--ghost{color:var(--color-text-secondary);background:0 0}.button--danger{border-color:var(--color-danger);background:var(--color-danger-surface);color:var(--color-danger)}.button:not(:disabled):hover{border-color:var(--color-text-secondary)}.category-nav{border-block:1px solid var(--color-border);scrollbar-width:thin;max-width:100%;display:flex;overflow-x:auto}.category-nav__item{border:0;border-right:1px solid var(--color-border);min-height:3rem;color:var(--color-text-secondary);padding:0 var(--space-6);font-size:var(--text-sm);background:0 0;flex:none;font-weight:650}.category-nav__item[aria-pressed=true]{background:var(--color-surface-inverse);color:var(--color-text-inverse)}.field{gap:var(--space-2);display:grid}.field__label,.range-field__header label{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:650}.field__input{border:1px solid var(--color-border-strong);border-radius:var(--radius-control);background:var(--color-background);width:100%;min-height:2.75rem;color:var(--color-text-primary);padding:0 var(--space-3)}.field__input::placeholder{color:var(--color-text-secondary)}.field__hint,.switch-field small{color:var(--color-text-secondary);font-size:var(--text-xs);line-height:1.45}.switch-field{justify-content:space-between;align-items:center;gap:var(--space-4);cursor:pointer;min-height:3.5rem;display:flex}.switch-field__copy{gap:var(--space-1);display:grid}.switch-field__copy strong{font-size:var(--text-sm)}.switch-field__control{flex:none;position:relative}.switch-field input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.switch-field__track{border:1px solid var(--color-border-strong);border-radius:var(--radius-full);background:var(--color-background);width:3rem;height:1.75rem;padding:var(--space-1);transition:background-color var(--duration-fast) ease;align-items:center;display:flex}.switch-field input:focus-visible+.switch-field__track{outline:2px solid var(--color-focus-ring);outline-offset:3px}.switch-field__thumb{border-radius:var(--radius-full);background:var(--color-text-secondary);width:1.15rem;height:1.15rem;transition:background-color var(--duration-fast) ease, transform var(--duration-fast) ease}.switch-field input:checked+.switch-field__track{background:var(--color-surface-inverse)}.switch-field input:checked+.switch-field__track .switch-field__thumb{background:var(--color-text-inverse);transform:translate(1.2rem)}.range-field{gap:var(--space-3);display:grid}.range-field__header{justify-content:space-between;align-items:center;display:flex}.range-field output{border:1px solid var(--color-border);border-radius:var(--radius-sm);min-width:3rem;color:var(--color-text-primary);padding:var(--space-1) var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);text-align:right}.range-field input{width:100%;accent-color:var(--color-surface-inverse)}.component-gallery{background:var(--color-background);min-height:100vh}.gallery-header{justify-content:space-between;align-items:center;gap:var(--space-4);border-bottom:1px solid var(--color-border);min-height:4.5rem;padding:var(--space-3) clamp(var(--space-4), 3vw, var(--space-12));display:flex}.brand-lockup{align-items:baseline;gap:var(--space-3);display:flex}.brand-lockup strong{font-size:var(--text-sm);letter-spacing:.16em}.brand-lockup span,.gallery-version{color:var(--color-text-secondary);font-family:var(--font-mono);font-size:var(--text-xs)}.gallery-intro{align-content:space-between;gap:var(--space-12);min-height:min(64vh,46rem);padding:clamp(var(--space-8), 6vw, var(--space-16)) clamp(var(--space-4), 3vw, var(--space-12));display:grid}.gallery-intro__eyebrow,.section-kicker{color:var(--color-text-secondary);font-size:var(--text-xs);letter-spacing:.15em;text-transform:uppercase;margin:0;font-weight:700}.gallery-intro h1{max-width:9ch;font-size:var(--text-xl);letter-spacing:-.075em;margin:0;font-weight:500;line-height:.84}.gallery-intro__summary{justify-self:end;gap:var(--space-3);max-width:38rem;color:var(--color-text-secondary);font-size:var(--text-lg);margin:0;line-height:1.45;display:grid}.gallery-intro__summary strong{color:var(--color-text-primary);font-size:var(--text-sm)}.gallery-section{gap:clamp(var(--space-8), 7vw, var(--space-16));border-top:1px solid var(--color-border);padding:clamp(var(--space-8), 6vw, var(--space-16)) clamp(var(--space-4), 3vw, var(--space-12));grid-template-columns:minmax(12rem,.7fr) minmax(0,2fr);display:grid}.section-heading{align-self:start}.section-heading h2{margin:var(--space-2) 0 0;letter-spacing:-.045em;font-size:clamp(1.75rem,3vw,3.25rem);font-weight:500}.section-content{min-width:0}.token-grid{border-top:1px solid var(--color-border);border-left:1px solid var(--color-border);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.token-swatch{border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);min-width:0}.token-swatch__color{aspect-ratio:4/3;border-bottom:1px solid var(--color-border);display:block}.token-swatch__color--background{background:var(--color-background)}.token-swatch__color--surface{background:var(--color-surface)}.token-swatch__color--raised{background:var(--color-surface-raised)}.token-swatch__color--inverse{background:var(--color-surface-inverse)}.token-swatch__meta{gap:var(--space-1);padding:var(--space-3);display:grid}.token-swatch__meta strong{font-size:var(--text-sm);text-overflow:ellipsis;overflow:hidden}.token-swatch__meta code{color:var(--color-text-secondary);font-family:var(--font-mono);font-size:var(--text-xs)}.type-specimens{border-top:1px solid var(--color-border)}.type-specimen{align-items:baseline;gap:var(--space-6);border-bottom:1px solid var(--color-border);padding:var(--space-6) 0;grid-template-columns:minmax(7rem,.5fr) minmax(0,2fr);display:grid}.type-specimen__meta{color:var(--color-text-secondary);font-family:var(--font-mono);font-size:var(--text-xs)}.type-specimen__display{letter-spacing:-.065em;font-size:clamp(2.5rem,6vw,6rem);font-weight:500;line-height:.9}.type-specimen__body{max-width:42rem;font-size:var(--text-lg);line-height:1.5}.type-specimen__mono{font-family:var(--font-mono);font-size:var(--text-sm)}.component-stack{gap:var(--space-8);display:grid}.component-block{gap:var(--space-4);border-top:1px solid var(--color-border);padding-top:var(--space-4);display:grid}.component-block h3{color:var(--color-text-secondary);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;margin:0}.button-row{gap:var(--space-3);flex-wrap:wrap;display:flex}.field-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.control-surface{gap:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-surface);padding:var(--space-6);display:grid}.status-list,.responsive-list{border-top:1px solid var(--color-border);display:grid}.status-row,.responsive-row{gap:var(--space-6);border-bottom:1px solid var(--color-border);padding:var(--space-4) 0;grid-template-columns:minmax(8rem,.7fr) minmax(0,2fr);display:grid}.status-row strong,.responsive-row strong{font-size:var(--text-sm)}.status-row span,.responsive-row span{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.5}.gallery-footer{justify-content:space-between;gap:var(--space-6);border-top:1px solid var(--color-border);color:var(--color-text-secondary);padding:var(--space-6) clamp(var(--space-4), 3vw, var(--space-12));font-size:var(--text-xs);display:flex}@media (width<=47.5rem){.gallery-header,.gallery-footer{flex-direction:column;align-items:flex-start}.brand-lockup{align-items:flex-start;gap:var(--space-1);flex-direction:column}.gallery-intro{min-height:36rem}.gallery-intro__summary{font-size:var(--text-md);justify-self:start}.category-nav__item{min-height:3.25rem;padding:0 var(--space-4)}.gallery-section{gap:var(--space-8);grid-template-columns:1fr}.token-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.type-specimen,.status-row,.responsive-row{gap:var(--space-3);grid-template-columns:1fr}.field-grid{grid-template-columns:1fr}.button{min-height:3rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms}}.product-gallery{background:var(--color-background);min-height:100vh}.skip-link{z-index:10;padding:var(--space-3) var(--space-4);color:var(--color-text-inverse);background:var(--color-surface-inverse);position:fixed;inset-block-start:var(--space-2);inset-inline-start:var(--space-2);transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.product-header{min-height:var(--size-header);justify-content:space-between;align-items:center;gap:var(--space-4);padding-inline:var(--space-4);border-block-end:1px solid var(--color-border);display:flex}.product-header a{color:inherit;text-decoration:none}.product-brand{gap:var(--space-1);flex-direction:column;display:flex}.product-brand strong,.product-brand span,.product-header nav a,.product-hero>p,.product-hero__foot span,.product-categories button,.visual-card__meta p,.visual-card__meta>span,.visual-card__open,.product-footer{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase}.product-brand span,.product-header nav a:not([aria-current]),.product-hero>p,.product-hero__foot,.visual-card__meta p,.visual-card__meta>span,.visual-card__open,.visual-card__description,.product-footer{color:var(--color-text-secondary)}.product-header nav{gap:var(--space-2);display:flex}.product-header nav a{min-height:var(--size-tap-target);padding-inline:var(--space-3);align-items:center;display:inline-flex}.product-header nav a[aria-current]{border-block-end:1px solid var(--color-text-primary)}.product-gallery a:focus-visible,.product-gallery button:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:3px}.product-hero{min-height:min(44rem, calc(100vh - var(--size-header)));align-content:space-between;gap:var(--space-12);max-width:var(--content-max);padding:var(--space-8) var(--space-4);margin-inline:auto;display:grid}.product-hero>p,.product-hero h1,.product-hero__foot p{margin:0}.product-hero h1{max-width:9ch;font-size:var(--text-display);letter-spacing:-.065em;font-weight:500;line-height:.82}.product-hero__foot{gap:var(--space-6);display:grid}.product-hero__foot p{max-width:38rem;font-size:var(--text-lg);line-height:1.45}.product-hero__foot span{align-self:end}.product-categories{border-block:1px solid var(--color-border);scrollbar-width:thin;display:flex;overflow-x:auto}.product-categories button{min-width:max-content;min-height:var(--size-tap-target);padding-inline:var(--space-4);border:0;border-inline-end:1px solid var(--color-border);color:var(--color-text-secondary);background:0 0}.product-categories button[aria-pressed=true]{color:var(--color-text-inverse);background:var(--color-surface-inverse)}.product-collection{min-height:24rem;scroll-margin-block-start:var(--size-header)}.visual-grid{gap:var(--space-12) var(--space-4);max-width:var(--content-max);padding:var(--space-8) var(--space-4) var(--space-16);margin-inline:auto;display:grid}.visual-card{min-width:0}.visual-card__poster{border:1px solid var(--color-border);background:var(--color-surface);position:relative;overflow:hidden}.visual-card__fallback,.visual-card__preview{position:absolute;inset:0}.visual-card__fallback{filter:blur(10px);transform:scale(1.04)}.visual-card__preview{z-index:1;object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.visual-card--portrait .visual-card__poster{aspect-ratio:4/5}.visual-card--square .visual-card__poster{aspect-ratio:1}.visual-card--landscape .visual-card__poster{aspect-ratio:5/4}.visual-card__edition{padding:var(--space-1) var(--space-2);color:var(--color-text-inverse);background:var(--color-surface-inverse);font-family:var(--font-mono);font-size:var(--text-xs);z-index:2;position:absolute;inset-block-start:var(--space-3);inset-inline-end:var(--space-3)}.visual-card__meta{justify-content:space-between;align-items:end;gap:var(--space-4);padding-block-start:var(--space-4);display:flex}.visual-card__meta p,.visual-card__meta h2,.visual-card__description{margin:0}.visual-card__meta h2{font-size:var(--text-lg);letter-spacing:-.03em;margin-block-start:var(--space-1);font-weight:600}.visual-card__open{min-height:var(--size-tap-target);padding-inline:var(--space-2);color:var(--color-text-primary);white-space:nowrap;border:1px solid;align-items:center;display:inline-flex}.visual-card__description{max-width:34rem;font-size:var(--text-sm);padding-block-start:var(--space-2);line-height:1.5}.visual-grid--loading{min-height:40rem}.visual-skeleton{aspect-ratio:4/5;padding:var(--space-4);border:1px solid var(--color-border);background:var(--color-surface);align-content:end;display:grid}.visual-skeleton span{height:var(--space-3);background:var(--color-surface-raised);margin-block-start:var(--space-2);display:block}.visual-skeleton span:last-child{width:62%}.gallery-state{align-items:center;gap:var(--space-8);min-height:32rem;max-width:var(--content-max);padding:var(--space-16) var(--space-4);margin-inline:auto;display:grid}.gallery-state__index{color:var(--color-text-secondary);font-family:var(--font-mono);font-size:var(--text-sm);margin:0}.gallery-state h2{max-width:12ch;font-size:var(--text-xl);letter-spacing:-.055em;margin:0;font-weight:500;line-height:.92}.gallery-state>div>p{max-width:34rem;margin-block:var(--space-6);color:var(--color-text-secondary);line-height:1.5}.product-footer{justify-content:space-between;gap:var(--space-3);padding:var(--space-6) var(--space-4);border-block-start:1px solid var(--color-border);flex-wrap:wrap;display:flex}@media (width>=40rem){.product-header,.product-hero,.visual-grid,.gallery-state,.product-footer{padding-inline:var(--space-8)}.product-hero__foot,.gallery-state{grid-template-columns:1fr 1fr}.visual-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=64rem){.product-hero{padding-block:var(--space-12)}.visual-grid{gap:var(--space-16) var(--space-6);padding-block:var(--space-12) var(--space-16);grid-template-columns:repeat(12,minmax(0,1fr))}.visual-card:first-child,.visual-card:nth-child(4),.visual-card:nth-child(5),.visual-skeleton:first-child,.visual-skeleton:nth-child(4),.visual-skeleton:nth-child(5){grid-column:span 5}.visual-card:nth-child(2),.visual-card:nth-child(3),.visual-card:nth-child(6),.visual-skeleton:nth-child(2),.visual-skeleton:nth-child(3),.visual-skeleton:nth-child(6){grid-column:span 7}.visual-card:nth-child(2),.visual-card:nth-child(5),.visual-skeleton:nth-child(2),.visual-skeleton:nth-child(5){align-self:end}.visual-card:nth-child(n+7),.visual-skeleton:nth-child(n+7){grid-column:span 6}}@media (prefers-reduced-motion:reduce){.product-gallery *,.product-gallery :before,.product-gallery :after{scroll-behavior:auto;transition-duration:var(--duration-none);animation-duration:var(--duration-none)}.visual-card__preview{display:none}}.poster-art{width:100%;height:100%;display:block}.poster-art--tape{color:var(--art-paper);background:var(--art-signal)}.poster-art__line{fill:none;stroke:currentColor;stroke-width:42px}.poster-art__type{fill:currentColor;font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.08em}.poster-art--ledger{background:var(--art-ink)}.poster-art__cell--1{fill:var(--art-electric)}.poster-art__cell--2{fill:var(--art-acid)}.poster-art__cell--3{fill:var(--art-pink)}.poster-art__cell--4{fill:var(--art-violet)}.poster-art__cell--5{fill:var(--art-cyan)}.poster-art--elastic{background:var(--art-paper)}.poster-art__fill--signal{fill:var(--art-signal)}.poster-art__elastic{fill:var(--art-ink);font-family:var(--font-sans);font-size:var(--art-text-lg);letter-spacing:-.08em;font-weight:600}.poster-art__elastic--echo{fill:var(--art-electric)}.poster-art--orbit{background:var(--art-violet)}.poster-art__orbit{fill:none;stroke:var(--art-paper);stroke-width:1px}.poster-art__orbit--small{stroke-dasharray:4 8}.poster-art__orbit-type{fill:var(--art-paper);font-family:var(--font-sans);font-size:var(--art-text-md);letter-spacing:-.06em;font-weight:600}.poster-art__planet{fill:var(--art-acid)}.poster-art--glass{background:var(--art-cyan)}.poster-art__glass-base{fill:var(--art-electric)}.poster-art__lens{fill:var(--art-glass);stroke:var(--art-paper);stroke-width:2px}.poster-art--signal{background:var(--art-acid)}.poster-art__ray{stroke:var(--art-ink);stroke-width:10px}.poster-art__signal-core{fill:var(--art-signal);stroke:var(--art-ink);stroke-width:5px}.poster-art--missing{color:var(--color-text-secondary);background:var(--color-surface);place-items:center;display:grid}.poster-art--missing span{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase}.project-library{background:var(--color-background);min-height:100vh}.project-library__header,.project-library__main{width:min(100%, var(--content-max));padding-inline:var(--space-4);margin-inline:auto}.project-library__header{min-height:var(--size-header);justify-content:space-between;align-items:center;gap:var(--space-4);border-block-end:1px solid var(--color-border);display:flex}.project-library__header a,.project-library__item a,.project-library__state a{color:inherit}.project-library__header>a,.project-library__header nav a,.project-library__intro>p:first-child,.project-library__item p{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase}.project-library__header nav{gap:var(--space-2);display:flex}.project-library__header nav a{min-height:var(--size-tap-target);padding-inline:var(--space-3);align-items:center;text-decoration:none;display:inline-flex}.project-library__header nav a[aria-current]{border-block-end:1px solid}.project-library__intro{align-content:end;gap:var(--space-4);min-height:18rem;padding-block:var(--space-12);display:grid}.project-library__intro p,.project-library__intro h1{max-width:42rem;margin:0}.project-library__intro>p:first-child,.project-library__item p{color:var(--color-text-secondary)}.project-library__intro h1{letter-spacing:-.065em;font-size:clamp(3rem,10vw,7rem);font-weight:500;line-height:.84}.project-library__intro>p:last-child,.project-library__state p{color:var(--color-text-secondary);line-height:1.5}.project-library__import{width:max-content;min-height:var(--size-tap-target);border:1px solid var(--color-border-strong);border-radius:var(--radius-control);cursor:pointer;padding-inline:var(--space-3);align-items:center;display:inline-flex}.project-library__import input{clip-path:inset(50%);block-size:1px;inline-size:1px;position:absolute}.project-library__intro output{color:var(--color-text-secondary);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase}.project-library__list{border-block-start:1px solid var(--color-border);display:grid}.project-library__item{gap:var(--space-4);border-block-end:1px solid var(--color-border);padding-block:var(--space-6);display:grid}.project-library__item form,.project-library__item>div{align-items:end;gap:var(--space-3);flex-wrap:wrap;display:flex}.project-library__item label{gap:var(--space-2);flex:16rem;display:grid}.project-library__item label span{font-size:var(--text-xs)}.project-library__item input,.project-library__item button,.project-library__state button,.project-library__dialog button{min-height:var(--size-tap-target);border:1px solid var(--color-border-strong);border-radius:var(--radius-control);color:var(--color-text-primary);background:var(--color-surface);padding-inline:var(--space-3)}.project-library__item input{width:100%}.project-library__item>div a{min-height:var(--size-tap-target);border:1px solid var(--color-border-strong);border-radius:var(--radius-control);padding-inline:var(--space-3);align-items:center;text-decoration:none;display:inline-flex}.project-library__state{align-content:center;gap:var(--space-4);border-block-start:1px solid var(--color-border);min-height:20rem;display:grid}.project-library__state h2,.project-library__state p{max-width:34rem;margin:0}.project-library__state button{width:max-content}.project-library__dialog{z-index:10;background:var(--color-scrim);padding:var(--space-4);place-items:center;display:grid;position:fixed;inset:0}.project-library__dialog>div{gap:var(--space-4);border:1px solid var(--color-border-strong);background:var(--color-surface);width:min(100%,30rem);padding:var(--space-6);display:grid}.project-library__dialog p,.project-library__dialog h2{margin:0}.project-library__dialog>div>p:first-child{color:var(--color-text-secondary);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase}.project-library__dialog>div>div{gap:var(--space-3);flex-wrap:wrap;display:flex}.project-library__dialog button:last-child{border-color:var(--color-danger);color:var(--color-danger)}.project-library button:focus-visible,.project-library input:focus-visible,.project-library a:focus-visible,.project-library__import:focus-within{outline:2px solid var(--color-focus-ring);outline-offset:3px}@media (width>=40rem){.project-library__header,.project-library__main{padding-inline:var(--space-8)}.project-library__item{grid-template-columns:minmax(0,2fr) minmax(11rem,1fr) auto;align-items:end}}:root{color:var(--color-text-primary);background:var(--color-background);font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizelegibility}*{box-sizing:border-box}html{background:var(--color-background);scroll-behavior:smooth;min-width:320px}body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh}button,input{font:inherit}button{cursor:pointer}::selection{background:var(--color-surface-inverse);color:var(--color-text-inverse)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}