.demo-shell{min-height:100dvh}.demo-main,.demo-shell>.site-header,.demo-shell>.site-footer{width:min(100% - 2rem,82rem);margin-inline:auto}.demo-intro{max-width:53rem;padding-block:var(--space-3xl) var(--space-2xl)}.demo-intro h1{margin:var(--space-sm) 0 var(--space-md);font-size:clamp(var(--text-2xl), 6vw, 4.75rem);letter-spacing:-.058em;line-height:.98}.demo-intro p{max-width:45rem;color:var(--muted-foreground);font-size:var(--text-md);margin:0;line-height:1.55}.demo-toolbar{justify-content:space-between;align-items:center;gap:var(--space-lg);min-height:6rem;padding:var(--space-md) 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);display:flex}.demo-toolbar strong{margin-top:var(--space-2xs);font-size:var(--text-md);display:block}.theme-toggle{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--plane-1);grid-template-columns:1fr 1fr;padding:.25rem;display:grid}.theme-toggle button{justify-content:center;align-items:center;gap:var(--space-xs);min-height:2.75rem;padding-inline:var(--space-md);border-radius:calc(var(--radius-control) - .25rem);color:var(--muted-foreground);font:inherit;font-size:var(--text-sm);white-space:nowrap;cursor:pointer;transition:background-color var(--dur-micro) var(--ease-standard), color var(--dur-micro) var(--ease-standard), transform var(--dur-micro) var(--ease-standard);background:0 0;border:0;font-weight:650;display:inline-flex}.theme-toggle button[aria-pressed=true]{background:var(--background);color:var(--foreground);box-shadow:var(--shadow-control)}.theme-toggle button:active{transform:translateY(1px)}.theme-toggle svg{width:1rem;height:1rem}.install-manifest{padding-block:var(--space-2xl)}.install-manifest__heading{align-items:end;gap:var(--space-xl);margin-bottom:var(--space-lg);grid-template-columns:minmax(0,1fr);display:grid}.install-manifest h2{margin:var(--space-xs) 0 0;font-size:var(--text-xl);letter-spacing:-.035em}.install-manifest__heading p{max-width:60ch;color:var(--muted-foreground);justify-self:end;margin:0;line-height:1.55}.install-manifest__grid{gap:var(--space-xs);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.copy-command--compact{gap:.25rem var(--space-sm);min-height:4.75rem;padding:var(--space-sm);box-shadow:none;grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto;margin:0}.copy-command--compact .copy-command__label{font-size:var(--text-sm);grid-column:1;font-weight:700;display:block}.copy-command--compact code{color:var(--muted-foreground);text-overflow:ellipsis;white-space:nowrap;grid-column:1;overflow:hidden}.copy-command--compact .copy-command__action{grid-area:1/2/span 2}.copy-command--compact .copy-command__action span{display:none}.comparison-grid{border-block:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:0;display:grid}.comparison-panel{min-width:0;padding:clamp(var(--space-md), 3vw, var(--space-xl));background:var(--background);color:var(--foreground)}.panel-heading{justify-content:space-between;align-items:flex-start;gap:var(--space-md);min-height:5rem;display:flex}.panel-heading h2{margin:var(--space-2xs) 0 0;font-size:var(--text-xl);letter-spacing:-.04em}.task-card{margin-top:var(--space-lg)}.task-card__status{justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.task-card__status>span{color:var(--muted-foreground);font-size:var(--text-xs)}.invite-form{gap:var(--space-xs);display:grid}.invite-form label{margin-top:var(--space-xs);font-size:var(--text-xs);font-weight:700}.access-summary{justify-content:space-between;align-items:center;gap:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border);display:flex}.access-summary>div{gap:var(--space-2xs);display:grid}.access-summary strong{font-size:var(--text-sm)}.access-summary span{color:var(--muted-foreground);font-size:var(--text-xs);line-height:1.45}.origin-panel,.origin-dialog-shell{--background:#fff;--foreground:#0a0a0a;--card:#fff;--card-foreground:#0a0a0a;--popover:#fff;--popover-foreground:#0a0a0a;--primary:#171717;--primary-foreground:#fafafa;--secondary:#f5f5f5;--secondary-foreground:#171717;--muted:#f5f5f5;--muted-foreground:#737373;--accent:#f5f5f5;--accent-foreground:#171717;--destructive:#e40014;--border:#e5e5e5;--input:#e5e5e5;--ring:#a1a1a1;--radius:.625rem;--origin-shadow-card:0 1px 3px #00000014}@supports (color:lab(0% 0 0)){.origin-panel,.origin-dialog-shell{--background:lab(100% 0 0);--foreground:lab(2.75381% 0 0);--card:lab(100% 0 0);--card-foreground:lab(2.75381% 0 0);--popover:lab(100% 0 0);--popover-foreground:lab(2.75381% 0 0);--primary:lab(7.78201% -.0000149012 0);--primary-foreground:lab(98.26% 0 0);--secondary:lab(96.52% -.0000298023 .0000119209);--secondary-foreground:lab(7.78201% -.0000149012 0);--muted:lab(96.52% -.0000298023 .0000119209);--muted-foreground:lab(48.496% 0 0);--accent:lab(96.52% -.0000298023 .0000119209);--accent-foreground:lab(7.78201% -.0000149012 0);--destructive:lab(48.4493% 77.4328 61.5452);--border:lab(90.952% 0 -.0000119209);--input:lab(90.952% 0 -.0000119209);--ring:lab(66.128% -.0000298023 .0000119209);--origin-shadow-card:0 1px 3px lab(0% 0 0/.08)}}.origin-panel.dark,.origin-dialog-shell.origin-dark{--background:#0a0a0a;--foreground:#fafafa;--card:#171717;--card-foreground:#fafafa;--popover:#171717;--popover-foreground:#fafafa;--primary:#e5e5e5;--primary-foreground:#171717;--secondary:#262626;--secondary-foreground:#fafafa;--muted:#262626;--muted-foreground:#a1a1a1;--accent:#262626;--accent-foreground:#fafafa;--destructive:#ff6568;--border:#ffffff1a;--input:#ffffff26;--ring:#737373}@supports (color:lab(0% 0 0)){.origin-panel.dark,.origin-dialog-shell.origin-dark{--background:lab(2.75381% 0 0);--foreground:lab(98.26% 0 0);--card:lab(7.78201% -.0000149012 0);--card-foreground:lab(98.26% 0 0);--popover:lab(7.78201% -.0000149012 0);--popover-foreground:lab(98.26% 0 0);--primary:lab(90.952% 0 -.0000119209);--primary-foreground:lab(7.78201% -.0000149012 0);--secondary:lab(15.204% 0 -.00000596046);--secondary-foreground:lab(98.26% 0 0);--muted:lab(15.204% 0 -.00000596046);--muted-foreground:lab(66.128% -.0000298023 .0000119209);--accent:lab(15.204% 0 -.00000596046);--accent-foreground:lab(98.26% 0 0);--destructive:lab(63.7053% 60.745 31.3109);--border:lab(100% 0 0/.1);--input:lab(100% 0 0/.15);--ring:lab(48.496% 0 0)}}.origin-panel{border-left:1px solid var(--border);font-family:ui-sans-serif,system-ui,sans-serif}.origin-task-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);box-shadow:var(--origin-shadow-card);overflow:hidden}.origin-card-header,.origin-card-content,.origin-card-footer{padding:var(--space-lg)}.origin-card-header{gap:var(--space-xs);display:grid}.origin-card-header h3{margin:var(--space-md) 0 0;font-size:var(--text-md);letter-spacing:-.025em}.origin-card-header p{color:var(--muted-foreground);font-size:var(--text-sm);margin:0;line-height:1.5}.origin-card-content{gap:var(--space-lg);padding-top:0;display:grid}.origin-card-footer{align-items:center;gap:var(--space-sm);border-top:1px solid var(--border);background:var(--muted);display:flex}.dialog-review-row{justify-content:space-between;align-items:center;gap:var(--space-md);min-height:3.5rem;padding:var(--space-sm) var(--space-md);border:1px solid var(--border);border-radius:var(--radius-control);background:var(--muted);font-size:var(--text-sm);display:flex}.origin-dialog-shell{color:var(--foreground)}.origin-dialog-shell [data-slot=dialog-close]{width:2.75rem;height:2.75rem}.comparison-notes{justify-content:space-between;align-items:center;gap:var(--space-xl);padding-block:var(--space-xl) var(--space-3xl);border-top:1px solid var(--border);color:var(--muted-foreground);font-size:var(--text-sm);display:flex}.comparison-notes p{max-width:70ch;margin:0;line-height:1.6}.comparison-notes code{color:var(--foreground);font-family:var(--font-mono)}.comparison-notes a{white-space:nowrap;flex:none;align-items:center;min-height:2.75rem;font-weight:700;display:inline-flex}@media (max-width:60rem){.install-manifest__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.comparison-grid{grid-template-columns:1fr}.origin-panel{border-top:1px solid var(--border);border-left:0}}@media (max-width:42rem){.demo-intro{padding-block:var(--space-2xl)}.demo-intro p{font-size:var(--text-base)}.demo-toolbar,.install-manifest__heading,.comparison-notes{flex-direction:column;grid-template-columns:1fr;align-items:stretch}.theme-toggle{width:100%}.install-manifest__grid{grid-template-columns:1fr}.comparison-panel{padding:var(--space-md)}.origin-card-footer,[data-slot=card-footer]{flex-direction:column;align-items:stretch}.origin-card-footer button,[data-slot=card-footer] button{width:100%}.comparison-notes{display:flex}}@media (prefers-reduced-motion:reduce){.theme-toggle button:active{transform:none}}
