@font-face{font-family:Geist;src:url(../media/Geist-Variable.0mrjj4bg00-he.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Geist Mono;src:url(../media/GeistMono-Variable.3ms9vq719j3f8.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}.chungus-shell,.chungus-shell[data-chungus-theme=graphite]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--cu-canvas:#09090b;--cu-surface:#111114;--cu-raised:#18181d;--cu-divider:#2b2b32;--cu-control:#656570;--cu-text:#f4f4f5;--cu-text-secondary:#a1a1aa;--cu-accent:#e4e4e7;--cu-on-accent:#09090b;--cu-focus:#b8c9ff}.chungus-shell[data-chungus-theme=glacier]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--cu-canvas:#080c11;--cu-surface:#101720;--cu-raised:#172330;--cu-divider:#2a394b;--cu-control:#60788f;--cu-text:#edf5ff;--cu-text-secondary:#a2b5ca;--cu-accent:#a6daff;--cu-on-accent:#071018;--cu-focus:#a6daff}.chungus-shell[data-chungus-theme=iris]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--cu-canvas:#0c0a12;--cu-surface:#15111f;--cu-raised:#201a2e;--cu-divider:#3a304d;--cu-control:#807197;--cu-text:#f6f1ff;--cu-text-secondary:#b7a8cd;--cu-accent:#c8b6ff;--cu-on-accent:#160d29;--cu-focus:#c8b6ff}.chungus-shell[data-chungus-theme=ember]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--cu-canvas:#100c0a;--cu-surface:#1a1410;--cu-raised:#271d17;--cu-divider:#483428;--cu-control:#947461;--cu-text:#fcf3ed;--cu-text-secondary:#c5ad9c;--cu-accent:#f3bd96;--cu-on-accent:#24150c;--cu-focus:#f3bd96}.chungus-shell[data-chungus-theme=grove]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--cu-canvas:#090e0c;--cu-surface:#111b16;--cu-raised:#1a2820;--cu-divider:#2e4839;--cu-control:#6a8977;--cu-text:#eff8f2;--cu-text-secondary:#a6beae;--cu-accent:#b8d9b2;--cu-on-accent:#101e13;--cu-focus:#b8d9b2}.chungus-shell[data-chungus-theme=cobalt]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--cu-canvas:#090b12;--cu-surface:#121727;--cu-raised:#1a2340;--cu-divider:#303f64;--cu-control:#6a7faf;--cu-text:#f1f4ff;--cu-text-secondary:#a9b7d8;--cu-accent:#9dbbff;--cu-on-accent:#0d1730;--cu-focus:#9dbbff}.chungus-shell{--cu-space-4:4px;--cu-space-8:8px;--cu-space-12:12px;--cu-space-16:16px;--cu-space-24:24px;--cu-space-32:32px;--cu-space-48:48px;--cu-space-64:64px;--cu-space-80:80px;--cu-space-96:96px;--cu-space-128:128px;--cu-font-sans:"Geist", Arial, sans-serif;--cu-font-mono:"Geist Mono", monospace;--cu-radius-control:8px;--cu-radius-card:12px;--cu-radius-preview:16px;--cu-shadow-popup:0 20px 60px #0006;--cu-ease:cubic-bezier(.22, 1, .36, 1);--cu-duration-feedback:.14s;--cu-duration-state:.2s;--cu-duration-entrance:.32s;background:var(--cu-canvas);color:var(--cu-text);font-family:var(--cu-font-sans)}.chungus-shell .cu-control:focus-visible{outline:2px solid var(--cu-focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){.chungus-shell{--cu-duration-feedback:0s;--cu-duration-state:0s;--cu-duration-entrance:0s}}
*{box-sizing:border-box}html{scroll-behavior:auto}body{min-width:320px;font:400 16px/1.55 var(--cu-font-sans);-webkit-font-smoothing:antialiased;margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.5}::selection{background:var(--cu-accent);color:var(--cu-on-accent)}:focus-visible{outline:2px solid var(--cu-focus);outline-offset:3px}button:focus:not(:focus-visible),a:focus:not(:focus-visible){outline:none}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.035em;font-weight:500;line-height:1.15}button,input,select{font-size:14px}select{color:var(--cu-text);background:var(--cu-surface);border:1px solid var(--cu-control);border-radius:8px;padding:9px 28px 9px 12px}option{background:var(--cu-raised)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--cu-accent);color:var(--cu-on-accent);border-radius:8px;padding:10px 18px;position:fixed;top:8px;left:8px;transform:translateY(-150%)}.skip-link:focus{transform:none}.icon{background:currentColor;flex-shrink:0;display:inline-block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.eyebrow{font:500 11px/16px var(--cu-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--cu-text-secondary)}.muted{color:var(--cu-text-secondary)}.page-container{max-width:1440px;margin:auto;padding:0 64px}.site-header{border-bottom:1px solid var(--cu-divider);z-index:30;height:72px;position:relative}.header-inner{align-items:center;gap:50px;max-width:1760px;height:100%;margin:auto;padding:0 48px;display:flex}.brand{flex:none;align-items:center;display:flex}.brand img{width:160px;height:auto}.desktop-nav{align-items:center;gap:28px;margin-right:auto;display:flex}.desktop-nav a{color:var(--cu-text-secondary);transition:color var(--cu-duration-feedback);font-size:14px}.desktop-nav a:hover{color:var(--cu-text)}.header-actions{align-items:center;gap:16px;margin-left:auto;display:flex}.search-trigger{background:var(--cu-surface);border:1px solid var(--cu-control);height:36px;color:var(--cu-text-secondary);border-radius:8px;align-items:center;gap:10px;padding:0 10px;font-size:13px;display:flex}.search-trigger kbd{margin-left:22px}kbd{font:11px var(--cu-font-mono);color:var(--cu-text-secondary);border:1px solid var(--cu-divider);border-radius:4px;padding:2px 4px}.appearance{align-items:center;gap:6px;display:flex}.appearance select{max-width:110px;color:var(--cu-text-secondary);background:0 0;border:0;padding:8px 5px;font-size:12px}.appearance-dot{background:var(--cu-accent);border-radius:50%;width:10px;height:10px;display:block}.icon-button{width:44px;height:44px;color:var(--cu-text-secondary);background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover{background:var(--cu-raised);color:var(--cu-text)}.mobile-menu{display:none}.home-hero{grid-template-columns:46% 54%;align-items:center;gap:24px;padding:92px 0 88px;display:grid}.hero-copy h1{letter-spacing:-.045em;margin:26px 0;font-size:clamp(52px,5.5vw,80px);line-height:1}.hero-copy h1 span{color:var(--cu-text)}.hero-copy .eyebrow{align-items:center;gap:8px;display:flex}.status-dot{background:var(--cu-accent);border-radius:50%;width:5px;height:5px}.hero-description{color:var(--cu-text-secondary);font-size:18px;line-height:1.5}.hero-actions{flex-wrap:wrap;align-items:center;gap:24px;margin-top:32px;display:flex}.button{height:40px;transition:background var(--cu-duration-feedback);border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:12px;padding:0 16px;font-size:14px;font-weight:500;display:inline-flex}.button.primary{background:var(--cu-accent);color:var(--cu-on-accent)}.button.primary:hover{filter:brightness(.92)}.button.secondary{background:var(--cu-surface);border-color:var(--cu-control)}.text-action{align-items:center;gap:8px;font-size:14px;display:inline-flex}.text-action:hover{text-underline-offset:4px;text-decoration:underline}.hero-gallery{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:12px;padding-top:26px;display:grid}.hero-gallery .component-card{min-width:0}.hero-gallery .card-stage{aspect-ratio:3/5!important}.hero-gallery .card-meta{gap:4px;padding:12px 3px;font-size:11px}.hero-gallery .card-meta small{display:none}.hero-gallery .component-card:nth-child(2){transform:translateY(-20px)}.hero-placeholder{background:var(--cu-surface);border:1px solid var(--cu-divider);border-radius:16px;flex-direction:column;grid-column:1/-1;justify-content:center;gap:24px;min-height:290px;padding:40px;display:flex}.hero-placeholder p{letter-spacing:-.035em;font-size:32px;line-height:1.2}.hero-placeholder small{color:var(--cu-text-secondary)}.catalog-toolbar{border-top:1px solid var(--cu-divider);border-bottom:1px solid var(--cu-divider);justify-content:space-between;align-items:center;gap:20px;min-height:64px;display:flex}.category-tabs{align-self:stretch;align-items:stretch;gap:22px;display:flex;overflow:auto}.category-tabs button{color:var(--cu-text-secondary);white-space:nowrap;background:0 0;border:0;padding:18px 0;font-size:13px;position:relative}.category-tabs button.active{color:var(--cu-text)}.category-tabs button.active:after{content:"";background:var(--cu-accent);height:2px;position:absolute;bottom:0;left:0;right:0}.catalog-tools{align-items:center;gap:12px;display:flex}.gallery-search{color:var(--cu-text-secondary);align-items:center;gap:8px;display:flex}.gallery-search input{outline-offset:6px;width:165px;color:var(--cu-text);background:0 0;border:0;font-size:13px}.catalog-tools select{border-color:var(--cu-control);max-width:140px;font-size:12px}.results-heading{justify-content:space-between;align-items:center;padding:28px 0 20px;display:flex}.result-count{font:12px var(--cu-font-mono);color:var(--cu-text-secondary)}.component-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px;display:grid}.card-stage{background:var(--cu-surface);border:1px solid var(--cu-divider);isolation:isolate;border-radius:12px;position:relative;overflow:hidden}.card-stage img{object-fit:cover;transition:transform .4s var(--cu-ease)}.component-card:hover .card-stage img{transform:scale(1.03)}.card-meta{justify-content:space-between;align-items:center;padding:14px 0 0;font-size:14px;display:flex}.card-meta small{color:var(--cu-text-secondary);margin-top:3px;font-size:12px;display:block}.card-meta>.icon{color:var(--cu-text-secondary)}.card-open{color:#fff;opacity:0;background:#111114b0;border:1px solid #ffffff25;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;transition:opacity .14s;display:flex;position:absolute;top:12px;right:12px}.component-card:hover .card-open,.component-card:focus-visible .card-open{opacity:1}.page-heading{max-width:740px;padding:64px 0 48px}.page-heading h1{margin:18px 0;font-size:44px;line-height:48px}.page-heading p{color:var(--cu-text-secondary);max-width:580px}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:320px;padding:48px 20px;display:flex}.empty-state h2{font-size:26px}.empty-state p{color:var(--cu-text-secondary);max-width:480px}.bottom-note{border-top:1px solid var(--cu-divider);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin:96px 0 80px;padding-top:36px;display:flex}.bottom-note p{letter-spacing:-.025em;font-size:22px}.site-footer{border-top:1px solid var(--cu-divider);max-width:1760px;color:var(--cu-text-secondary);align-items:center;gap:32px;margin:64px auto 0;padding:28px 64px;font-size:13px;display:flex}.site-footer>span{color:var(--cu-text);letter-spacing:-.04em;font-size:22px}.site-footer small{letter-spacing:0;font-size:12px}.site-footer a{margin-left:auto}.collection-section{margin-bottom:64px}.collection-section h2{margin-bottom:28px;font-size:28px}.dialog-overlay{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:50;background:#0009;position:fixed;inset:0}.search-dialog{background:var(--cu-raised);border:1px solid var(--cu-control);width:min(600px,100vw - 40px);max-height:70dvh;box-shadow:var(--cu-shadow-popup);z-index:51;border-radius:16px;outline:none;position:fixed;top:18%;left:50%;overflow:auto;transform:translate(-50%)}.search-dialog-field{border-bottom:1px solid var(--cu-divider);align-items:center;gap:12px;padding:12px 20px;display:flex}.search-dialog-field input{min-width:0;color:var(--cu-text);background:0 0;border:0;outline:none;flex:1;height:40px;font-size:16px}.search-results{padding:20px}.search-results>.eyebrow{margin-bottom:16px}.search-results a{border-radius:8px;justify-content:space-between;align-items:center;padding:12px;display:flex}.search-results a:hover{background:var(--cu-surface)}.search-results small{color:var(--cu-text-secondary);font-size:12px;display:block}.dialog-foot{border-top:1px solid var(--cu-divider);color:var(--cu-text-secondary);justify-content:space-between;padding:12px 20px;font-size:12px;display:flex}.nav-dialog{background:var(--cu-raised);border:1px solid var(--cu-control);z-index:51;border-radius:16px;padding:28px;position:fixed;top:20px;left:20px;right:20px}.nav-dialog nav{flex-direction:column;margin-top:24px;display:flex}.nav-dialog nav a{border-bottom:1px solid var(--cu-divider);justify-content:space-between;padding:16px 0;display:flex}.close-menu{position:absolute;top:12px;right:12px}.prose{max-width:860px;padding-top:64px;padding-bottom:64px}.prose h1{margin:18px 0 28px;font-size:48px}.prose h2{margin:36px 0 14px;font-size:24px}.prose p{color:var(--cu-text-secondary);margin-bottom:18px}.prose pre{border:1px solid var(--cu-divider);background:var(--cu-surface);max-width:100%;font-family:var(--cu-font-mono);border-radius:12px;padding:20px;font-size:14px;overflow-x:auto}.prose code{overflow-wrap:anywhere}.prose li{margin-bottom:12px;line-height:1.7}.prose a{text-underline-offset:4px;text-decoration:underline}.library-nav{flex-shrink:0;width:224px;padding:32px 20px 32px 0}.library-all{justify-content:space-between;margin-bottom:32px;font-size:14px;display:flex}.library-all span{color:var(--cu-text-secondary)}.library-nav section{margin-bottom:28px}.library-nav h2{margin-bottom:10px}.library-nav section a{color:var(--cu-text-secondary);border-radius:7px;margin-left:-12px;padding:9px 12px;font-size:13px;display:block}.library-nav a[aria-current=page]{color:var(--cu-text);background:var(--cu-raised);box-shadow:inset 2px 0 var(--cu-accent)}@media (min-width:1600px){.home-hero{padding:108px 0 100px}.hero-copy h1{font-size:80px}}@media (max-width:1199px){.page-container{padding-left:32px;padding-right:32px}.header-inner{gap:28px;padding:0 32px}.desktop-nav{gap:20px}.search-trigger>span:not(.icon),.search-trigger kbd{display:none}.search-trigger{justify-content:center;width:36px;padding:0}.home-hero{grid-template-columns:1fr 1fr;gap:24px;padding:72px 0}.hero-copy h1{font-size:60px}.hero-gallery{grid-template-columns:1fr 1fr}.hero-gallery .component-card:nth-child(3){display:none}.catalog-toolbar{flex-direction:column;align-items:flex-start;gap:0;padding-bottom:16px}.category-tabs{width:100%}.catalog-tools{justify-content:space-between;width:100%}.component-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-footer{padding:28px 32px}}@media (max-width:899px){.desktop-nav{display:none}.mobile-menu{display:inline-flex}.header-actions{gap:8px}.home-hero{grid-template-columns:1fr;gap:44px;padding:56px 0}.hero-copy h1{font-size:68px}.hero-gallery{grid-template-columns:repeat(3,1fr);gap:16px;padding-top:10px}.hero-gallery .component-card:nth-child(3){display:block}.hero-gallery .card-stage{aspect-ratio:4/5!important}.hero-gallery .card-meta{font-size:13px}.library-nav{display:none}.bottom-note{margin:64px 0}.hero-placeholder{min-height:230px}}@media (max-width:767px){.page-container{padding:0 20px}.site-header{height:64px}.header-inner{gap:10px;padding:0 20px}.brand img{width:132px}.appearance select{max-width:85px;font-size:11px}.appearance-dot{display:none}.hero-copy h1{letter-spacing:-.035em;margin:20px 0;font-size:44px;line-height:46px}.hero-description{font-size:16px}.hero-actions{gap:18px;margin-top:24px}.hero-actions .text-action{font-size:13px}.hero-gallery{gap:10px}.hero-gallery .card-meta{font-size:11px}.hero-gallery .card-meta>.icon{display:none}.home-hero{padding:48px 0}.page-heading{padding:48px 0 36px}.page-heading h1{font-size:36px;line-height:40px}.component-grid{grid-template-columns:1fr;gap:28px}.category-tabs{gap:24px}.category-tabs button{font-size:12px}.catalog-tools{gap:12px}.gallery-search input{width:150px}.empty-state h2{font-size:22px}.bottom-note{flex-direction:column;align-items:flex-start;gap:18px}.site-footer{flex-wrap:wrap;gap:20px;margin-top:48px;padding:28px 20px}.site-footer p{display:none}.site-footer a{font-size:12px}.prose{padding-top:48px;padding-bottom:32px}.prose h1{font-size:40px}.search-dialog{top:12%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}.component-card:hover .card-stage img{transform:none}.card-stage img{transition:none}}.tag-filters{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.tag-filters button{border:1px solid var(--cu-control);color:var(--cu-text-secondary);background:0 0;border-radius:8px;padding:6px 10px;font-size:12px}.tag-filters button[aria-pressed=true]{background:var(--cu-accent);color:var(--cu-on-accent)}.detail-layout{grid-template-columns:224px minmax(0,1fr);gap:32px;max-width:1600px;margin:auto;padding:40px 32px 100px;display:grid}.detail-content{min-width:0}.detail-heading{margin:28px 0 36px}.detail-heading h1{margin:12px 0;font-size:clamp(32px,3.5vw,48px)}.detail-heading p{color:var(--cu-text-secondary);max-width:650px}.back-to-library{color:var(--cu-text-secondary);font-size:13px;display:none}.playground{grid-template-columns:minmax(0,1fr) 288px;align-items:start;gap:24px;display:grid}.playground-main{min-width:0}.playground-controls{background:var(--cu-surface);border:1px solid var(--cu-divider);border-radius:12px;padding:24px;position:sticky;top:96px}.controls-title{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.controls-title h2{font-size:16px}.controls-title button{color:var(--cu-text-secondary);background:0 0;border:0;padding:6px;font-size:12px}.control-field{flex-direction:column;gap:8px;margin:20px 0;font-size:13px;display:flex}.control-field input:not([type=range]):not([type=checkbox]),.control-field select{border:1px solid var(--cu-control);background:var(--cu-canvas);width:100%;min-width:0;color:var(--cu-text);border-radius:8px;padding:9px 10px}.control-field input[type=color]{height:40px}.control-field input[type=checkbox]{accent-color:var(--cu-accent);align-self:start;width:18px;height:18px}.control-field small{color:#ffb4a8}.number-control{align-items:center;gap:12px;display:flex}.number-control input[type=range]{width:100%;min-width:0;accent-color:var(--cu-accent)}.number-control input[type=number]{max-width:68px}.preview-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.preview-label{color:var(--cu-text-secondary);align-items:center;gap:8px;font-size:12px;display:flex}.live-dot{background:currentColor;border-radius:50%;width:5px;height:5px}.preview-tools{align-items:center;gap:6px;display:flex}.preview-tools select{padding:7px 18px 7px 8px;font-size:11px}.preview-tools button{border:1px solid var(--cu-control);background:var(--cu-surface);border-radius:8px;justify-content:center;align-items:center;gap:6px;height:32px;padding:6px 8px;font-size:11px;display:flex}.preview-viewport{border:1px solid var(--cu-divider);border-radius:16px;position:relative;overflow:auto}.preview-viewport[data-background=dark]{background:#09090b}.preview-viewport[data-background=light]{background:#fafafa}.preview-frame{max-height:none;margin:auto;position:relative}.preview-frame iframe{z-index:1;border:0;width:100%;height:100%;display:block;position:relative}.preview-loading{color:#a1a1aa;place-items:center;font-size:13px;display:grid;position:absolute;inset:0}.handoff-heading{justify-content:space-between;align-items:center;gap:20px;margin:40px 0 20px;display:flex}.handoff-heading h2{font-size:24px}.handoff-heading a{font-size:12px}.source-lock{border:1px solid var(--cu-divider);background:var(--cu-surface);border-radius:12px;padding:28px}.source-lock h3{margin:14px 0 10px;font-size:22px}.source-lock p{color:var(--cu-text-secondary);max-width:560px;font-size:13px;line-height:1.7}.source-lock form{margin:24px 0 16px}.source-lock label,.registry-token{margin-bottom:8px;font-size:12px;display:block}.source-unlock-row{flex-wrap:wrap;gap:10px;display:flex}.source-unlock-row input,.registry-token input{color:var(--cu-text);background:var(--cu-bg);border:1px solid var(--cu-control);border-radius:8px;min-width:0;padding:12px}.source-unlock-row input{flex:200px}.source-download{margin:0 0 16px;font-size:13px;display:inline-block}.registry-token{margin-top:16px}.registry-token input{width:100%;margin-top:8px;display:block}.source-access{min-width:0}.source-access .text-link{color:var(--cu-text-secondary)}.source-access button.text-link{background:0 0;border:0;padding:8px 0;font-size:12px}@media (max-width:900px){.playground-main>.source-access{grid-row:5}.source-lock{padding:20px}.source-unlock-row .button{flex:160px}}.code-panel{border:1px solid var(--cu-divider);background:var(--cu-surface);border-radius:12px;overflow:hidden}.code-toolbar{border-bottom:1px solid var(--cu-divider);justify-content:space-between;gap:12px;padding:0 16px;display:flex}.code-toolbar [role=tablist]{gap:20px;display:flex}.code-toolbar button{color:var(--cu-text-secondary);background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;align-items:center;gap:7px;padding:16px 0;font-size:12px;display:inline-flex}.code-toolbar button[data-state=active]{border-color:var(--cu-accent);color:var(--cu-text)}.code-toolbar button span{opacity:.55}.code-panel pre,.installation-notes pre{font:12px/1.85 var(--cu-font-mono);max-height:540px;color:var(--cu-text);margin:0;padding:24px;overflow:auto}.code-panel code{white-space:pre}.file-tabs{border-bottom:1px solid var(--cu-divider);gap:8px;padding:12px 16px;display:flex;overflow:auto}.file-tabs button{white-space:nowrap;border:1px solid var(--cu-control);font:11px var(--cu-font-mono);color:var(--cu-text-secondary);background:0 0;border-radius:6px;padding:5px 8px}.file-tabs button[aria-pressed=true]{background:var(--cu-raised);color:var(--cu-text)}.copy-status{color:var(--cu-text-secondary);padding:0 24px;font-size:12px}.copy-status:not(:empty){padding-bottom:16px}.installation-notes{color:var(--cu-text-secondary);margin-top:40px;font-size:14px;line-height:1.75}.installation-notes h2{color:var(--cu-text);margin-bottom:16px;font-size:24px}.installation-notes p{margin-bottom:16px}.installation-notes pre{border:1px solid var(--cu-divider);background:var(--cu-surface);border-radius:8px;margin:16px 0;padding:16px}.installation-notes .local-note,.attribution{font-size:12px}.compatibility{flex-wrap:wrap;gap:8px;margin:24px 0;display:flex}.compatibility span{border:1px solid var(--cu-divider);border-radius:6px;padding:4px 9px;font-size:11px}@media (max-width:1199px){.playground{grid-template-columns:minmax(0,1fr)}.playground-controls{grid-row:2;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;display:grid;position:static}.controls-title{grid-column:1/-1}.control-field{margin:12px 0}.detail-layout{gap:24px}}@media (max-width:899px){.detail-layout{padding:28px 32px 64px;display:block}.detail-layout>.library-nav{display:none}.back-to-library{display:inline-block}}@media (max-width:599px){.detail-layout{padding:24px 20px 64px}.detail-heading{margin:24px 0}.playground-controls{padding:20px;display:block}.preview-tools{flex-wrap:wrap}.preview-tools button span:not(.icon){display:none}.preview-toolbar{gap:16px}.handoff-heading{flex-direction:column;align-items:flex-start;gap:12px}.code-toolbar{padding:0 12px}.code-toolbar [role=tablist]{gap:16px}.code-panel pre{padding:20px;font-size:11px}}.preview-open{text-align:right;color:var(--cu-text-secondary);margin-top:12px;font-size:12px;display:block}.prop-reference{margin-top:40px}.prop-reference h2{margin-bottom:20px;font-size:24px}.table-scroll{overflow:auto}.prop-reference table{border-collapse:collapse;text-align:left;width:100%;font-size:12px}.prop-reference td,.prop-reference th{border-bottom:1px solid var(--cu-divider);vertical-align:top;padding:12px}.prop-reference th{color:var(--cu-text-secondary);font-weight:400}.prop-reference code{font-family:var(--cu-font-mono);overflow-wrap:anywhere}.installation-command button{font-size:12px}.installation-command [role=status]{margin-top:8px;font-size:12px}@media (max-width:1199px){.playground-main{display:contents}.playground-main>.preview-toolbar{grid-row:1}.playground-main>.preview-viewport{grid-row:2}.playground-main>.preview-open{grid-row:3;margin:0}.playground-controls{grid-row:4}.playground-main>.handoff-heading{grid-row:5;margin:20px 0 0}.playground-main>.code-panel{grid-row:6}.playground-main>.installation-notes{grid-row:7;margin-top:16px}.playground-main>.prop-reference{grid-row:8;margin-top:16px}}.preview-load-error{text-align:center;pointer-events:auto;z-index:2;flex-direction:column;gap:16px;padding:24px}.playground:has(>.workbench){display:block}.workbench{outline:none;min-width:0}.workbench-heading{justify-content:space-between;align-items:center;gap:16px;min-height:48px;margin-bottom:16px;display:flex}.example-selector{color:var(--cu-text-secondary);align-items:center;gap:12px;min-width:0;font-size:12px;display:flex}.example-selector select{min-width:0;max-width:280px;min-height:44px;color:var(--cu-text);border:1px solid var(--cu-control);background:var(--cu-surface);border-radius:8px;padding:10px 32px 10px 12px}.workbench-focus{border:1px solid var(--cu-control);background:var(--cu-surface);white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:8px 12px;font-size:12px;display:flex}.workbench-body{grid-template-columns:minmax(0,1fr) 288px;gap:24px;height:clamp(400px,100dvh - 176px,820px);min-height:0;display:grid}.workbench-stage{flex-direction:column;min-width:0;min-height:0;display:flex}.workbench .preview-toolbar{flex:none;margin-bottom:12px}.workbench .preview-tools{flex-wrap:wrap}.workbench .preview-tools button,.workbench .preview-tools select{min-width:44px;height:auto;min-height:44px}.workbench .preview-viewport{scrollbar-gutter:stable;overscroll-behavior:contain;flex:auto;min-height:0;max-height:100%}.workbench[data-framing=compact] .preview-viewport{align-items:safe center;display:grid}.workbench .preview-frame{flex-shrink:0}.workbench-stage-footer{min-height:44px;color:var(--cu-text-tertiary);flex:none;justify-content:space-between;align-items:center;gap:12px;font-size:11px;display:flex}.workbench-stage-footer .preview-open{align-items:center;min-height:44px;margin:0;padding:10px 0;display:flex}.workbench-control-scroll{border:1px solid var(--cu-divider);background:var(--cu-surface);scrollbar-gutter:stable;overscroll-behavior:contain;border-radius:12px;min-height:0;overflow:auto}.workbench-control-scroll:focus-visible{outline:2px solid var(--cu-accent);outline-offset:3px}.workbench .playground-controls{border:0;border-radius:0;padding:20px;display:block;position:static}.workbench .control-header{background:var(--cu-surface);border-bottom:1px solid var(--cu-divider);z-index:2;margin:-20px -20px 0;padding:20px 20px 1px;position:sticky;top:-20px}.workbench .controls-title{margin-bottom:12px}.workbench .controls-title button{min-width:44px;min-height:44px}.control-group{margin-top:12px}.control-group-toggle{text-align:left;width:100%;min-height:44px;color:var(--cu-text);background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;font-size:12px;font-weight:600;display:flex}.control-group-toggle[aria-expanded=false] .icon{transform:rotate(-90deg)}.control-group>[hidden]{display:none}.control-description{color:var(--cu-text-secondary);margin:0;font-size:11px;line-height:1.5}.control-unit{color:var(--cu-text-tertiary);font-size:11px}.workbench .control-field input:not([type=range]):not([type=checkbox]),.workbench .control-field select,.workbench .number-control input[type=range]{min-height:44px}.workbench .number-control input[type=number]{max-width:82px}.workbench .control-field:has(input[type=checkbox]){flex-flow:wrap;align-items:center;min-height:44px}.workbench .control-field:has(input[type=checkbox])>label{flex:1;align-items:center;min-height:44px;display:flex}.workbench .control-field:has(input[type=checkbox])>input{align-self:center;width:22px;height:22px}.workbench .control-field:has(input[type=checkbox])>:is(p,small){flex-basis:100%}.playground-documentation{min-width:0;margin-top:40px}.workbench[data-focus=true]{z-index:1000;background:var(--cu-canvas);border:1px solid var(--cu-divider);border-radius:16px;flex-direction:column;padding:20px;display:flex;position:fixed;inset:16px;overflow:auto;box-shadow:0 0 0 100vmax #000000b3}.workbench[data-focus=true] .workbench-heading{flex:none}.workbench[data-focus=true] .workbench-body{flex:auto;height:auto;min-height:0}@media (max-width:1199px){.workbench-body{grid-template-rows:minmax(220px,1.1fr) minmax(200px,1fr);grid-template-columns:minmax(0,1fr);gap:16px;height:clamp(480px,100dvh - 168px,850px)}.workbench .playground-controls{display:block}.workbench .workbench-control-scroll{grid-row:2}.workbench .preview-label{display:none}}@media (max-width:599px){.workbench-heading{gap:8px}.example-selector{flex:1;gap:6px}.example-selector>span{display:none}.example-selector select{width:100%;max-width:100%}.workbench-focus>.workbench-focus-label{display:none}.workbench-focus{min-width:44px;padding:8px 12px}.workbench-body{grid-template-rows:minmax(200px,.9fr) minmax(220px,1fr);height:calc(100dvh - 152px);min-height:440px}.workbench .preview-toolbar{gap:8px}.workbench .preview-tools{gap:6px}.workbench .preview-tools select{padding-right:18px}.workbench-stage-footer>span{display:none}.workbench-stage-footer{justify-content:flex-end}.workbench[data-focus=true]{border-radius:12px;padding:12px;inset:8px}.workbench[data-focus=true] .workbench-body{min-height:440px}}@media (max-height:650px){.workbench-body,.workbench[data-focus=true] .workbench-body{flex:none;grid-template-rows:auto;height:auto;min-height:0}.workbench .preview-viewport{flex:none;height:300px;max-height:300px}.workbench-control-scroll{max-height:340px}.workbench .control-header{position:static}}