.showcase-app{background:var(--showcase-fill);min-height:100vh;color:var(--showcase-ink)}.showcase-header-rail{z-index:40;height:var(--showcase-header-height);background:var(--showcase-fill);position:sticky;top:0}.showcase-header{width:min(100%, var(--showcase-layout-width));height:var(--showcase-header-height);flex-direction:column;margin:0 auto;display:flex}.showcase-brand-row{grid-template-columns:var(--showcase-sidebar-width) minmax(0, 1fr) var(--showcase-toc-width);height:56px;padding:0 var(--showcase-chrome-inset);align-items:center;display:grid}.showcase-brand-cell{min-width:0}.showcase-brand{color:var(--showcase-ink);font-size:var(--showcase-font-size-15);font-weight:var(--showcase-font-weight-600);letter-spacing:var(--showcase-letter-spacing-minus-0-01);align-items:center;text-decoration:none;display:inline-flex}.showcase-search-slot{justify-content:center;min-width:0;display:flex}.showcase-search-trigger{align-items:center;gap:var(--showcase-space-1);width:min(100%,400px);height:36px;padding:0 var(--showcase-space-2);border-radius:var(--showcase-radius-2xl);background:var(--showcase-hover);color:var(--showcase-ink-muted);font:inherit;font-size:var(--showcase-font-size-14);text-align:left;cursor:pointer;border:0;display:flex}.showcase-search-trigger:hover{background:var(--showcase-hover-strong)}.showcase-search-trigger svg{width:15px;height:15px;color:var(--showcase-ink-faint);flex:none}.showcase-search-placeholder{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.showcase-search-shortcuts{gap:var(--showcase-space-4px);flex:none;display:flex}.showcase-search-trigger kbd{border-radius:var(--showcase-radius-lg);background:var(--showcase-surface);min-width:22px;height:20px;padding:0 var(--showcase-space-5px);color:var(--showcase-ink-muted);font-family:inherit;font-size:var(--showcase-font-size-12);font-weight:var(--showcase-font-weight-500);line-height:var(--showcase-line-height-20);border:0;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 1px #18181b0a}.showcase-header-actions{justify-content:flex-end;align-items:center;gap:var(--showcase-space-4px);padding-right:4px;display:flex}.showcase-icon-button{border-radius:var(--showcase-radius-lg);width:32px;height:32px;color:var(--showcase-ink-muted);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.showcase-icon-button svg{width:16px;height:16px}.showcase-icon-button:hover{background:var(--showcase-hover);color:var(--showcase-ink)}.showcase-theme-toggle{color:var(--showcase-ink-muted)}.showcase-eyebrow{margin:0 0 var(--showcase-space-1);color:var(--showcase-brand);font-size:var(--showcase-font-size-12);font-weight:var(--showcase-font-weight-700);letter-spacing:var(--showcase-letter-spacing-plus-0-06);text-transform:uppercase}.showcase-theme-toggle:hover{color:var(--showcase-ink);background:var(--showcase-hover)}.showcase-search-trigger:focus-visible,.showcase-icon-button:focus-visible,.showcase-locale-toggle button:focus-visible,.showcase-section-nav a:focus-visible,.showcase-dialog-close:focus-visible,.showcase-search-item:focus-visible{outline:2px solid var(--showcase-ink);outline-offset:2px}.showcase-locale-toggle{height:28px;padding:var(--showcase-space-2px);border:1px solid var(--showcase-line);border-radius:var(--showcase-radius-lg);background:var(--showcase-hover);align-items:center;display:inline-flex}.showcase-locale-toggle button{min-width:28px;height:24px;padding:0 var(--showcase-space-1);border-radius:var(--showcase-radius-lg);color:var(--showcase-ink-muted);font:inherit;font-size:var(--showcase-font-size-12);font-weight:var(--showcase-font-weight-600);line-height:var(--showcase-line-height-24);cursor:pointer;background:0 0;border:0}.showcase-locale-toggle button[aria-pressed=true]{background:var(--showcase-surface);color:var(--showcase-ink);box-shadow:0 1px 2px #18181b14}.showcase-locale-toggle button:hover{color:var(--showcase-ink)}.showcase-section-nav{align-items:flex-end;gap:var(--showcase-space-4);height:44px;padding:0 var(--showcase-chrome-inset);border-bottom:1px solid var(--showcase-line);display:flex}.showcase-section-nav a{align-items:center;gap:var(--showcase-space-7px);height:44px;color:var(--showcase-ink-muted);font-size:var(--showcase-font-size-14);font-weight:var(--showcase-font-weight-500);border-bottom:2px solid #0000;margin-bottom:-1px;padding:0;text-decoration:none;display:inline-flex}.showcase-section-nav a:hover{color:var(--showcase-ink)}.showcase-section-nav a[aria-current=page]{border-bottom-color:var(--showcase-ink);color:var(--showcase-ink);font-weight:var(--showcase-font-weight-600)}.showcase-section-nav svg{width:15px;height:15px}.showcase-layout{grid-template-columns:var(--showcase-sidebar-width) minmax(0, 1fr);width:min(100%, var(--showcase-layout-width));min-height:calc(100vh - var(--showcase-header-height));box-shadow:none;background:0 0;margin:0 auto;display:grid}.showcase-layout.has-toc{grid-template-columns:var(--showcase-sidebar-width) minmax(0, var(--showcase-page-width)) var(--showcase-toc-width);justify-content:center}.showcase-sidebar,.showcase-toc{top:var(--showcase-header-height);height:calc(100vh - var(--showcase-header-height));scrollbar-width:thin;background:0 0;position:sticky;overflow-y:auto}.showcase-sidebar{border-right:0}.showcase-main{min-width:0;padding:var(--showcase-space-4) var(--showcase-space-4) var(--showcase-space-6);background:0 0}.showcase-sidebar,.showcase-toc{scrollbar-width:none}.showcase-sidebar::-webkit-scrollbar{display:none}.showcase-toc::-webkit-scrollbar{display:none}.showcase-sidebar-inner{gap:var(--showcase-space-2px);padding:var(--showcase-space-4) 4px var(--showcase-space-6);word-break:keep-all;overflow-wrap:break-word;flex-direction:column;display:flex}.showcase-toc-inner{padding:var(--showcase-space-4) var(--showcase-space-3) var(--showcase-space-6)}.showcase-sidebar-title{margin:var(--showcase-space-3) 0 var(--showcase-space-4px);color:var(--showcase-ink);font-size:var(--showcase-font-size-14);font-weight:var(--showcase-font-weight-500);line-height:var(--showcase-line-height-20);padding-left:8px;display:block}.showcase-sidebar-title.is-current{color:var(--showcase-ink);font-weight:var(--showcase-font-weight-600)}.showcase-sidebar-inner>.showcase-sidebar-title:first-child,.showcase-sidebar-group:first-child .showcase-sidebar-title{margin-top:0}.showcase-sidebar-group{gap:var(--showcase-space-2px);flex-direction:column;margin:0;display:flex}.showcase-sidebar-link{justify-content:space-between;align-items:center;gap:var(--showcase-space-1);height:36px;min-height:36px;padding:var(--showcase-space-1);border-radius:var(--showcase-radius-2xl);color:var(--showcase-ink-muted);font-size:var(--showcase-font-size-14);font-weight:var(--showcase-font-weight-400);line-height:var(--showcase-line-height-20);text-decoration:none;transition:none;display:flex}.showcase-sidebar-link-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.showcase-sidebar-link:hover{background:var(--showcase-hover);color:var(--showcase-ink)}.showcase-sidebar-link.is-active{background:var(--showcase-surface);color:var(--showcase-ink);font-weight:var(--showcase-font-weight-400);box-shadow:0 2px 4px 0 var(--showcase-color-0000000a), 0 1px 2px 0 var(--showcase-color-0000000f), 0 0 1px 0 var(--showcase-color-0000000f)}.showcase-sidebar-link.is-active:hover{background:var(--showcase-surface);color:var(--showcase-ink)}html.dark .showcase-sidebar-link.is-active,html.dark .showcase-sidebar-link.is-active:hover{background:var(--showcase-line);box-shadow:none}.showcase-sidebar-count{color:var(--showcase-ink-faint);font-size:var(--showcase-font-size-12);font-variant-numeric:tabular-nums;flex:none}.showcase-toc-links{margin:0}.showcase-toc-link{padding:var(--showcase-space-6px) var(--showcase-space-1) var(--showcase-space-6px) var(--showcase-space-2);border-left:1px solid var(--showcase-line);color:var(--showcase-ink-muted);font-size:var(--showcase-font-size-13);font-weight:var(--showcase-font-weight-400);line-height:var(--showcase-line-height-20);text-overflow:ellipsis;white-space:nowrap;margin:0;text-decoration:none;transition:color .15s cubic-bezier(.4,0,.2,1);display:block;position:relative;overflow:hidden}.showcase-toc-link:hover{color:var(--showcase-ink);background:0 0}.showcase-toc-link.is-active{color:var(--showcase-ink);font-weight:var(--showcase-font-weight-400)}.showcase-toc-link.is-active:before{border-radius:var(--showcase-radius-1px);background:var(--showcase-ink);content:"";width:2px;height:12px;position:absolute;top:50%;left:-1px;transform:translateY(-50%)}.showcase-toc-link.is-nested{padding-left:24px}html:has(.showcase-app){scroll-behavior:smooth}.showcase-token-reference{margin-bottom:var(--showcase-space-6);padding-bottom:var(--showcase-space-6);border-bottom:1px solid var(--showcase-line);scroll-margin-top:124px}.showcase-token-group{scroll-margin-top:124px}.showcase-token-section-heading h2{color:var(--showcase-ink);font-size:var(--showcase-font-size-24);font-weight:var(--showcase-font-weight-600);line-height:var(--showcase-line-height-32);letter-spacing:var(--showcase-letter-spacing-minus-0-02);margin:0}.showcase-token-section-heading h3{color:var(--showcase-ink);font-size:var(--showcase-font-size-20);font-weight:var(--showcase-font-weight-600);line-height:var(--showcase-line-height-28);letter-spacing:var(--showcase-letter-spacing-minus-0-02);margin:0}.showcase-token-section-heading p{max-width:760px;margin:var(--showcase-space-4px) 0 0;color:var(--showcase-ink-muted);font-size:var(--showcase-font-size-13);line-height:var(--showcase-line-height-20)}.showcase-token-swatch{border:1px solid var(--showcase-line);border-radius:var(--showcase-radius-sm);flex:none;width:16px;height:16px;display:inline-block}.showcase-token-section-heading{margin-bottom:var(--showcase-space-3)}.showcase-token-group+.showcase-token-group{margin-top:var(--showcase-space-5)}.showcase-token-table-wrap{overscroll-behavior-x:contain;background:0 0;border:0;border-radius:0;overflow-x:auto}.showcase-token-table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%;min-width:760px;color:var(--showcase-ink-muted);font-size:var(--showcase-font-size-13);line-height:var(--showcase-line-height-20)}.showcase-token-table th,.showcase-token-table td{padding:var(--showcase-space-3) var(--showcase-space-4);vertical-align:top;text-align:left;border-bottom:0}.showcase-token-table thead th{padding-top:var(--showcase-space-2);padding-bottom:var(--showcase-space-2);background:var(--showcase-hover);color:var(--showcase-ink);font-size:var(--showcase-font-size-13);font-weight:var(--showcase-font-weight-600);letter-spacing:0;text-transform:none}.showcase-token-table thead th:first-child{border-top-left-radius:var(--showcase-radius-lg)}.showcase-token-table thead th:last-child{border-top-right-radius:var(--showcase-radius-lg)}.showcase-token-table tbody th{color:var(--showcase-ink);font-weight:var(--showcase-font-weight-500)}.showcase-token-table th:first-child{width:24%}.showcase-token-table th:nth-child(2){width:21%}.showcase-token-table th:nth-child(3){width:18%}.showcase-token-table th:nth-child(4){width:17%}.showcase-token-table th:nth-child(5){width:20%}.showcase-token-usage-table th:first-child{width:23%}.showcase-token-usage-table th:nth-child(2){width:24%}.showcase-token-usage-table th:nth-child(3){width:22%}.showcase-token-usage-table th:nth-child(4){width:31%}.showcase-token-table code{overflow-wrap:anywhere;color:inherit;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:var(--showcase-font-size-12)}.showcase-token-code{max-width:100%;padding:var(--showcase-space-2px) var(--showcase-space-6px);border:1px solid var(--showcase-line);border-radius:var(--showcase-radius-sm);background:var(--showcase-hover);color:var(--showcase-ink);font-weight:var(--showcase-font-weight-400);line-height:var(--showcase-line-height-18);white-space:normal;display:inline-block}.showcase-token-value{align-items:flex-start;gap:var(--showcase-space-7px);min-width:0;display:inline-flex}.showcase-token-value code{overflow-wrap:anywhere}.showcase-token-type{color:var(--showcase-ink-muted);font-size:var(--showcase-font-size-11)}.showcase-token-code-list{gap:var(--showcase-space-4px);flex-wrap:wrap;min-width:0;display:inline-flex}.showcase-token-empty{color:var(--showcase-ink-faint)}.showcase-token-position{min-width:0;color:var(--showcase-ink-muted);overflow-wrap:anywhere;display:block}.showcase-token-details-list{gap:var(--showcase-space-1);flex-direction:column;display:flex}.showcase-token-details{border:1px solid var(--showcase-line);border-radius:var(--showcase-radius-2xl);background:var(--showcase-surface);overflow:hidden}.showcase-token-details summary{justify-content:space-between;align-items:center;gap:var(--showcase-space-3);min-height:52px;padding:var(--showcase-space-10px) var(--showcase-space-14px) var(--showcase-space-10px) var(--showcase-space-3);color:var(--showcase-ink);cursor:pointer;list-style:none;display:flex}.showcase-token-details summary::-webkit-details-marker{display:none}.showcase-token-details summary:before{border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:5px solid var(--showcase-ink-muted);content:"";width:0;height:0;margin-right:2px;transition:transform .14s}.showcase-token-details[open] summary:before{transform:rotate(90deg)}.showcase-token-details summary>span{gap:var(--showcase-space-2px);flex-direction:column;flex:1;min-width:0;display:flex}.showcase-token-details summary code{overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:var(--showcase-font-size-12)}.showcase-token-details summary small{color:var(--showcase-ink-muted);font-size:var(--showcase-font-size-12);line-height:var(--showcase-line-height-18)}.showcase-token-details summary strong{color:var(--showcase-ink-faint);font-size:var(--showcase-font-size-12);font-weight:var(--showcase-font-weight-500);flex:none}.showcase-token-details .showcase-token-table-wrap{border-radius:var(--showcase-radius-none);border:0}.showcase-page-header{width:100%;max-width:100%;margin-bottom:var(--showcase-space-6)}.showcase-eyebrow{margin:0 0 var(--showcase-space-1);color:var(--showcase-brand);font-size:var(--showcase-font-size-13);font-weight:var(--showcase-font-weight-600)}.showcase-page-title-row{align-items:center;gap:var(--showcase-space-2);min-width:0;display:flex}.showcase-page-header h1{color:var(--showcase-ink);font-size:var(--showcase-font-size-28);font-weight:var(--showcase-font-weight-600);letter-spacing:var(--showcase-letter-spacing-minus-0-02);line-height:var(--showcase-line-height-42);margin:0}.showcase-page-header p{box-sizing:border-box;margin:var(--showcase-space-1) 0 0;color:var(--showcase-ink-muted);font-size:var(--showcase-font-size-16);line-height:var(--showcase-line-height-24);padding-top:8px}.showcase-skeleton-bone{background:var(--showcase-hover-strong);border-radius:999px;height:8px;display:block;position:relative;overflow:hidden}.showcase-skeleton-bone:after,.showcase-route-skeleton-card-visual:after{background:linear-gradient(100deg, transparent 20%, color-mix(in srgb, var(--showcase-surface) 85%, var(--showcase-ink) 8%) 45%, transparent 70%);content:"";animation:1.2s linear infinite showcase-route-skeleton-shimmer;position:absolute;inset:0;transform:translate(-100%)}html.dark .showcase-skeleton-bone:after,html.dark .showcase-route-skeleton-card-visual:after{background:linear-gradient(100deg, transparent 20%, color-mix(in srgb, var(--showcase-ink) 18%, transparent) 45%, transparent 70%)}.showcase-route-skeleton-sidebar{gap:var(--showcase-space-2px);flex-direction:column;display:flex}.showcase-route-skeleton-nav-row{height:36px;min-height:36px;padding:var(--showcase-space-1);border-radius:var(--showcase-radius-2xl);align-items:center;display:flex}.showcase-route-skeleton-nav-row.is-active{background:var(--showcase-surface);box-shadow:0 2px 4px 0 var(--showcase-color-0000000a), 0 1px 2px 0 var(--showcase-color-0000000f), 0 0 1px 0 var(--showcase-color-0000000f)}html.dark .showcase-route-skeleton-nav-row.is-active{background:var(--showcase-line);box-shadow:none}.showcase-skeleton-bone.is-sidebar-label{width:58%}.showcase-skeleton-bone.is-sidebar-heading{width:46%;margin:var(--showcase-space-3) 0 var(--showcase-space-4px);margin-left:8px}.showcase-route-skeleton-toc-list{border-left:1px solid var(--showcase-line)}.showcase-route-skeleton-toc-item{min-height:32px;padding:var(--showcase-space-6px) var(--showcase-space-1) var(--showcase-space-6px) var(--showcase-space-2);align-items:center;display:flex;position:relative}.showcase-route-skeleton-toc-item.is-active:before{border-radius:var(--showcase-radius-1px);background:var(--showcase-ink);content:"";width:2px;height:12px;position:absolute;top:50%;left:-1px;transform:translateY(-50%)}.showcase-skeleton-bone.is-toc-label{width:58%;height:8px}.showcase-chrome-skeleton-main{min-width:0}.showcase-skeleton-bone.is-title{border-radius:var(--showcase-radius-lg);width:min(280px,70%);height:28px}.showcase-skeleton-bone.is-lead{width:min(520px,92%);height:12px;margin-top:8px}.showcase-skeleton-bone.is-lead.is-short{width:min(360px,64%)}.showcase-route-skeleton-card-visual{background:var(--showcase-hover-strong);position:relative;overflow:hidden}.showcase-route-skeleton-card-copy{gap:var(--showcase-space-1);flex-direction:column;display:flex}.showcase-skeleton-bone.is-card-title{width:56%;height:12px}.showcase-skeleton-bone.is-card-meta{width:32%;height:8px}.showcase-route-skeleton-canvas{gap:var(--showcase-space-3);min-height:352px;padding:var(--showcase-preview-pad);flex-direction:column;display:flex}.showcase-skeleton-bone.is-canvas-bar{border-radius:var(--showcase-radius-lg);width:40%;height:12px}.showcase-skeleton-bone.is-canvas-fill{border-radius:var(--showcase-radius-lg);flex:1;width:100%;min-height:220px}.showcase-example-canvas.showcase-example-canvas-deferred{gap:var(--showcase-space-3);min-height:120px;padding:var(--showcase-space-3);flex-direction:column;display:flex}.showcase-skeleton-bone.is-deferred-title{border-radius:var(--showcase-radius-lg);width:36%;height:10px}.showcase-skeleton-bone.is-deferred-fill{border-radius:var(--showcase-radius-lg);flex:1;width:100%;min-height:72px}@keyframes showcase-route-skeleton-shimmer{to{transform:translate(100%)}}.showcase-page-title-row .showcase-review-tag{margin-top:2px}.showcase-review-banner{gap:var(--showcase-space-2) var(--showcase-space-2);padding:var(--showcase-space-2) var(--showcase-space-3);border:1px solid var(--showcase-line);border-radius:var(--showcase-radius-lg);background:var(--showcase-surface);border-left-width:3px;grid-template-columns:auto minmax(0,1fr);margin-top:16px;display:grid}.showcase-review-banner strong{color:var(--showcase-ink);font-size:var(--showcase-font-size-13);font-weight:var(--showcase-font-weight-600);line-height:var(--showcase-line-height-20)}.showcase-review-banner p{color:var(--showcase-ink-muted);font-size:var(--showcase-font-size-13);line-height:var(--showcase-line-height-20);margin:0;padding:0}.showcase-review-banner.is-candidate,.showcase-review-banner.is-adapt,.showcase-review-banner.is-rewrite,.showcase-review-banner.is-accepted,.showcase-review-banner.is-isolated,.showcase-review-banner.is-untracked{border-left-color:var(--showcase-ink-muted)}.showcase-page-meta{gap:var(--showcase-space-3);color:var(--showcase-ink-muted);font-size:var(--showcase-font-size-12);margin-top:16px;display:flex}.showcase-category{margin-top:var(--showcase-space-6);scroll-margin-top:124px}.showcase-category:first-of-type{margin-top:0}.showcase-category-heading{margin-bottom:var(--showcase-space-4)}.showcase-category-heading h2{color:var(--showcase-ink);font-size:var(--showcase-font-size-24);font-weight:var(--showcase-font-weight-600);line-height:var(--showcase-line-height-32);letter-spacing:var(--showcase-letter-spacing-minus-0-02);margin:0}.showcase-category-heading p{margin:var(--showcase-space-4px) 0 0;color:var(--showcase-ink-muted);font-size:var(--showcase-font-size-14);line-height:var(--showcase-line-height-20)}.showcase-card-grid{gap:var(--showcase-card-gap);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.showcase-component-card{gap:var(--showcase-space-2);min-width:0;color:inherit;flex-direction:column;text-decoration:none;display:flex}.showcase-component-visual{border:1px solid var(--showcase-line);border-radius:var(--showcase-radius-2xl);background:var(--showcase-preview-well);order:1;justify-content:center;align-items:center;height:198px;transition:border-color .16s;display:flex;overflow:hidden}.showcase-card-illustration{shape-rendering:geometricprecision;--illust-block:var(--showcase-illustration-block);--illust-panel:var(--showcase-illustration-panel);width:88%;height:auto;display:block;overflow:visible}html.dark .showcase-card-illustration{--illust-block:var(--showcase-illustration-block);--illust-panel:var(--showcase-illustration-panel)}.showcase-component-card:hover,.showcase-template-card:hover{filter:none!important;box-shadow:none!important;transform:none!important}.showcase-component-card:hover .showcase-component-visual,.showcase-template-card:hover{border-color:var(--showcase-color-eeeef0);filter:none!important;box-shadow:none!important;transform:none!important}html.dark .showcase-component-card:hover .showcase-component-visual,html.dark .showcase-template-card:hover{border-color:var(--showcase-color-3f3f46)}.showcase-component-card:focus-visible{outline:none}.showcase-component-card:focus-visible .showcase-component-visual,.showcase-template-card:focus-visible{border-color:var(--showcase-brand);box-shadow:0 0 0 3px color-mix(in srgb, var(--showcase-brand) 20%, transparent)}.showcase-card-preview{justify-content:center;align-items:center;width:100%;height:100%;min-height:0;display:flex;overflow:hidden}.showcase-card-copy{order:2;min-height:28px}.showcase-card-title-row{align-items:center;gap:var(--showcase-space-1);min-width:0;display:flex}.showcase-card-title-row strong{flex:1;min-width:0}.showcase-review-tag{max-width:108px;min-height:20px;padding:0 var(--showcase-space-6px);border-radius:var(--showcase-radius-sm);font-size:var(--showcase-font-size-11);font-weight:var(--showcase-font-weight-500);line-height:var(--showcase-line-height-18);text-overflow:ellipsis;white-space:nowrap;border:1px solid #0000;flex:none;align-items:center;display:inline-flex;overflow:hidden}.showcase-review-tag.is-candidate,.showcase-review-tag.is-adapt,.showcase-review-tag.is-rewrite,.showcase-review-tag.is-accepted,.showcase-review-tag.is-isolated,.showcase-review-tag.is-untracked{border-color:var(--showcase-line);background:var(--showcase-hover);color:var(--showcase-ink-muted)}.showcase-review-tag.is-candidate{background:var(--showcase-ink);color:var(--showcase-surface)}html.dark .showcase-review-tag.is-candidate,html.dark .showcase-review-tag.is-adapt,html.dark .showcase-review-tag.is-rewrite,html.dark .showcase-review-tag.is-accepted,html.dark .showcase-review-tag.is-isolated,html.dark .showcase-review-tag.is-untracked{border-color:var(--showcase-line);background:var(--showcase-hover);color:var(--showcase-ink-muted)}html.dark .showcase-review-tag.is-candidate{background:var(--showcase-ink);color:var(--showcase-fill)}.showcase-card-copy strong{color:var(--showcase-ink);font-size:var(--showcase-font-size-16);font-weight:var(--showcase-font-weight-500);line-height:var(--showcase-line-height-24);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.showcase-card-copy span{color:var(--showcase-ink-faint);font-size:var(--showcase-font-size-13);line-height:var(--showcase-line-height-20);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.showcase-preview{min-height:210px;padding:var(--showcase-preview-pad);background:0 0;justify-content:center;align-items:center;display:flex;position:relative;overflow:auto}.showcase-capture-page{background:var(--showcase-fill);width:360px;height:270px;overflow:hidden}.showcase-detail-section{margin-top:var(--showcase-space-6);scroll-margin-top:124px}.showcase-page-header+.showcase-detail-section{margin-top:0}.showcase-detail-section h2{margin:0 0 var(--showcase-space-4);color:var(--showcase-ink);font-size:var(--showcase-font-size-24);font-weight:var(--showcase-font-weight-600);line-height:var(--showcase-line-height-32);letter-spacing:var(--showcase-letter-spacing-minus-0-02)}.showcase-related-section{margin-top:var(--showcase-space-8);scroll-margin-top:124px}.showcase-related-section h2{margin:0 0 var(--showcase-space-4);color:var(--showcase-ink);font-size:var(--showcase-font-size-24);font-weight:var(--showcase-font-weight-600);line-height:var(--showcase-line-height-32)}.showcase-related-grid{gap:var(--showcase-space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.showcase-related-link{gap:var(--showcase-space-4px);min-width:0;padding:var(--showcase-space-10px) var(--showcase-space-3);border:1px solid var(--showcase-line);border-radius:var(--showcase-radius-lg);background:var(--showcase-surface);color:var(--showcase-ink);flex-direction:column;text-decoration:none;transition:border-color .14s,background-color .14s;display:flex}.showcase-related-link:hover{border-color:var(--showcase-brand);background:var(--showcase-hover)}.showcase-related-link strong{font-size:var(--showcase-font-size-14);font-weight:var(--showcase-font-weight-600);line-height:var(--showcase-line-height-20)}.showcase-related-link span{color:var(--showcase-ink-muted);font-size:var(--showcase-font-size-12);line-height:var(--showcase-line-height-18)}.showcase-detail-pagination{gap:var(--showcase-space-6);margin-top:var(--showcase-space-40px);padding-top:var(--showcase-space-40px);border-top:1px solid var(--showcase-line);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.showcase-detail-pagination a{align-items:center;gap:var(--showcase-space-2);min-width:0;color:var(--showcase-ink);font-size:var(--showcase-font-size-14);line-height:var(--showcase-line-height-24);text-decoration:none;transition:color .14s;display:flex}.showcase-detail-pagination a:hover{color:var(--showcase-brand)}.showcase-detail-pagination a.is-next{text-align:right;justify-content:flex-end}.showcase-detail-pagination a>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.showcase-detail-pagination svg{width:16px;height:16px;color:var(--showcase-ink-muted);flex:none}.showcase-example-list{gap:var(--showcase-space-6);flex-direction:column;display:flex}.showcase-example-item{scroll-margin-top:124px}.showcase-example-item h3{margin:0 0 var(--showcase-space-3);color:var(--showcase-ink);font-size:var(--showcase-font-size-20);font-weight:var(--showcase-font-weight-600);line-height:var(--showcase-line-height-32)}.showcase-example-canvas{border:1px solid var(--showcase-line);border-radius:var(--showcase-radius-2xl);background:var(--showcase-surface);overflow:auto}.showcase-deferred-example{min-height:122px}.showcase-example-canvas .showcase-preview{min-height:350px;padding:var(--showcase-preview-pad);background:0 0}.showcase-example-token-audit{margin-top:var(--showcase-space-6)}.showcase-example-token-audit-meta{justify-content:space-between;align-items:center;gap:var(--showcase-space-3);margin:0 0 var(--showcase-space-3);color:var(--showcase-ink-muted);font-size:var(--showcase-font-size-12);display:flex}.showcase-token-audit-deferred{min-height:0}.showcase-token-audit-details{margin-top:var(--showcase-space-6);border:1px solid var(--showcase-line);border-radius:var(--showcase-radius-2xl);background:var(--showcase-surface)}.showcase-token-audit-details>summary{cursor:pointer;padding:var(--showcase-space-3) var(--showcase-space-4);font-size:var(--showcase-font-size-14);color:var(--showcase-ink);font-weight:600;list-style:none}.showcase-token-audit-details>summary::-webkit-details-marker{display:none}.showcase-token-audit-details[open]>summary{border-bottom:1px solid var(--showcase-line)}.showcase-token-audit-details .showcase-example-token-audit{padding:var(--showcase-space-4);margin-top:0}.showcase-example-token-audit.is-loading,.showcase-example-token-audit.is-empty{padding:var(--showcase-space-3);border:1px solid var(--showcase-line);border-radius:var(--showcase-radius-lg);background:var(--showcase-surface);color:var(--showcase-ink-muted);font-size:var(--showcase-font-size-13);line-height:var(--showcase-line-height-20)}.showcase-example-token-audit-header{justify-content:space-between;align-items:flex-start;gap:var(--showcase-space-3);min-width:0;margin-bottom:var(--showcase-space-4);display:flex}.showcase-example-token-audit-header h3{color:var(--showcase-ink);font-size:var(--showcase-font-size-20);font-weight:var(--showcase-font-weight-600);line-height:var(--showcase-line-height-28);margin:0}.showcase-example-token-audit-header p{margin:var(--showcase-space-2px) 0 0;color:var(--showcase-ink-muted);font-size:var(--showcase-font-size-12);line-height:var(--showcase-line-height-18)}.showcase-example-token-audit-count{color:var(--showcase-ink-muted);font-size:var(--showcase-font-size-14);font-weight:var(--showcase-font-weight-600);line-height:var(--showcase-line-height-28);flex:none}.showcase-example-token-audit-body{min-width:0}.showcase-example-token-audit-warning{margin:0 0 var(--showcase-space-3);color:var(--showcase-ink-faint);font-size:var(--showcase-font-size-12);line-height:var(--showcase-line-height-18)}.showcase-example-token-audit-warning code{overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:var(--showcase-font-size-11)}.showcase-token-usage-group+.showcase-token-usage-group{margin-top:var(--showcase-space-5)}.showcase-token-usage-group .showcase-token-section-heading{margin-bottom:var(--showcase-space-3)}.showcase-token-usage-group .showcase-token-section-heading h4{color:var(--showcase-ink);font-size:var(--showcase-font-size-18);font-weight:var(--showcase-font-weight-600);line-height:var(--showcase-line-height-28);margin:0}.showcase-token-usage-table{table-layout:fixed;min-width:820px}.showcase-token-usage-table th:first-child{min-width:150px}.showcase-token-usage-table th:nth-child(2){min-width:120px}.showcase-token-usage-table th:nth-child(3){min-width:140px}.showcase-token-usage-table th:nth-child(4){min-width:110px}.showcase-token-usage-table td>.showcase-token-code-list,.showcase-token-usage-table td>.showcase-token-value{max-width:100%}.showcase-example-canvas.is-live{height:auto;min-height:0;padding-block:var(--showcase-space-6);padding-inline:var(--showcase-space-5);background:var(--showcase-surface);overflow:auto}.showcase-example-canvas.is-live>.showcase-ant-design-standalone,.showcase-example-canvas.is-live>.okki-reference-content{box-sizing:border-box;justify-content:center;align-items:center;width:100%;min-width:0;display:flex}.showcase-example-canvas.is-live>.showcase-ant-design-standalone>*{width:100%;min-width:0;max-width:100%}.showcase-example-canvas.is-live>.okki-reference-content>*{box-sizing:border-box;width:100%;min-width:0;max-width:100%}.showcase-example-canvas.is-live>.showcase-ant-design-standalone .ant-app{justify-content:center;display:flex}.showcase-example-canvas.is-live .showcase-crm-canvas{border-radius:var(--showcase-radius-none);border:0;min-height:560px}.showcase-example-canvas iframe{background:var(--showcase-surface);border:0;width:100%;display:block}body:has(.showcase-app){background:var(--showcase-fill)}html.dark body:has(.showcase-app){background:var(--showcase-fill)}@keyframes showcase-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes showcase-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes showcase-search-in{0%{opacity:0;transform:translate(-50%)translateY(-8px)scale(.95)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@keyframes showcase-search-out{0%{opacity:1;transform:translate(-50%)translateY(0)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-8px)scale(.95)}}@keyframes showcase-sheet-in{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes showcase-sheet-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(40px)}}.showcase-dialog-backdrop{z-index:50;background:var(--showcase-overlay);-webkit-backdrop-filter:none;position:fixed;inset:0}.showcase-dialog-backdrop[data-open],.showcase-dialog-backdrop[data-starting-style]{animation:.15s ease-out both showcase-overlay-in}.showcase-dialog-backdrop[data-closed],.showcase-dialog-backdrop[data-ending-style]{animation:.1s ease-out both showcase-overlay-out}.showcase-search-dialog{z-index:51;border:1px solid var(--showcase-line);border-radius:var(--showcase-radius-2xl);background:var(--showcase-surface);width:min(560px,100vw - 32px);max-width:560px;color:var(--showcase-ink);outline:none;padding:0;position:fixed;top:15vh;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 16px 48px #18181b2e}.showcase-search-dialog[data-open],.showcase-search-dialog[data-starting-style]{animation:.2s cubic-bezier(.16,1,.3,1) both showcase-search-in}.showcase-search-dialog[data-closed],.showcase-search-dialog[data-ending-style]{animation:.1s cubic-bezier(.7,0,.84,0) both showcase-search-out}.showcase-visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.showcase-dialog-close{z-index:1;border-radius:var(--showcase-radius-lg);width:28px;height:28px;color:var(--showcase-ink-muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:10px;right:10px}.showcase-dialog-close:hover{background:var(--showcase-hover);color:var(--showcase-ink)}.showcase-dialog-close svg{width:15px;height:15px}.showcase-search-input-row{align-items:center;gap:var(--showcase-space-10px);height:48px;padding:0 48px 0 var(--showcase-space-3);border-bottom:1px solid var(--showcase-line);display:flex}.showcase-search-input-row>svg{width:16px;height:16px;color:var(--showcase-ink-faint);flex:none}.showcase-search-input{width:100%;height:48px;color:var(--showcase-ink);font:inherit;font-size:var(--showcase-font-size-15);background:0 0;border:0;outline:none;padding:0}.showcase-search-input::placeholder{color:var(--showcase-ink-faint)}.showcase-search-input::-webkit-search-cancel-button{display:none}.showcase-search-list{padding:var(--showcase-space-1) 0 var(--showcase-space-2);max-height:min(420px,60vh);overflow-y:auto}.showcase-search-empty{padding:var(--showcase-space-5) var(--showcase-space-3);color:var(--showcase-ink-muted);font-size:var(--showcase-font-size-14);text-align:center;margin:0}.showcase-search-group{padding:var(--showcase-space-4px) var(--showcase-space-1) var(--showcase-space-1)}.showcase-search-group-heading{padding:var(--showcase-space-1) var(--showcase-space-10px) var(--showcase-space-6px);color:var(--showcase-ink-faint);font-size:var(--showcase-font-size-12);font-weight:var(--showcase-font-weight-500);line-height:var(--showcase-line-height-18);margin:0}.showcase-search-item{align-items:center;gap:var(--showcase-space-10px);min-width:0;min-height:36px;padding:0 var(--showcase-space-10px);border-radius:var(--showcase-radius-lg);color:var(--showcase-ink);font-size:var(--showcase-font-size-14);line-height:var(--showcase-line-height-20);cursor:pointer;text-decoration:none;display:flex;overflow:hidden}.showcase-search-item span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.showcase-search-label{flex:1}.showcase-search-detail{color:var(--showcase-ink-faint);font-size:var(--showcase-font-size-12);flex:none}.showcase-search-item[aria-selected=true]{background:var(--showcase-ink);color:var(--showcase-surface)}.showcase-search-item[aria-selected=true] .showcase-search-detail,.showcase-search-item[aria-selected=true]>svg{color:inherit;opacity:.72}html.dark .showcase-search-item[aria-selected=true]{background:var(--showcase-line);color:var(--showcase-ink)}.showcase-search-item>svg{width:16px;height:16px;color:var(--showcase-ink-faint);flex:none}.showcase-search-separator{height:1px;margin:var(--showcase-space-4px) var(--showcase-space-2);background:var(--showcase-line)}.showcase-mobile-menu{display:none}.showcase-mobile-sheet{z-index:51;border-left:1px solid var(--showcase-line);background:var(--showcase-surface);width:min(340px,88vw);color:var(--showcase-ink);outline:none;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0;overflow:hidden;box-shadow:-12px 0 36px #18181b24}.showcase-mobile-sheet[data-open],.showcase-mobile-sheet[data-starting-style]{animation:.2s cubic-bezier(.16,1,.3,1) both showcase-sheet-in}.showcase-mobile-sheet[data-closed],.showcase-mobile-sheet[data-ending-style]{animation:.12s ease-in both showcase-sheet-out}.showcase-mobile-sheet-header{padding:var(--showcase-space-4) 48px var(--showcase-space-3) var(--showcase-space-4)}.showcase-mobile-sheet-header h2{font-size:var(--showcase-font-size-16);font-weight:var(--showcase-font-weight-600);line-height:var(--showcase-line-height-24);margin:0}.showcase-mobile-sheet-header p{margin:var(--showcase-space-4px) 0 0;color:var(--showcase-ink-muted);font-size:var(--showcase-font-size-13);line-height:var(--showcase-line-height-20)}.showcase-mobile-sidebar{min-height:0;padding:0 var(--showcase-space-2) var(--showcase-space-4);flex:1;overflow-y:auto}.showcase-template-card{border:1px solid var(--showcase-line);border-radius:var(--showcase-radius-2xl);background:var(--showcase-surface);color:inherit;grid-template-columns:minmax(220px,.9fr) minmax(260px,1.1fr);text-decoration:none;transition:border-color .14s,box-shadow .14s;display:grid;overflow:hidden}.showcase-template-visual{background:var(--showcase-fill);min-height:280px;position:relative;overflow:hidden}.showcase-template-visual:before{border:1px solid var(--showcase-line);border-radius:var(--showcase-radius-lg);background:var(--showcase-fill);box-shadow:inset 44px 0 color-mix(in srgb, var(--showcase-fill) 80%, var(--showcase-surface)), inset 45px 0 var(--showcase-line);content:"";position:absolute;inset:28px}.showcase-template-visual:after{border-radius:var(--showcase-radius-5px);background:repeating-linear-gradient(to bottom, var(--showcase-line) 0 8px, transparent 8px 24px);content:"";position:absolute;inset:52px 42px 52px 94px}.showcase-template-copy{padding:var(--showcase-preview-pad);flex-direction:column;justify-content:center;display:flex}.showcase-template-copy h2{font-size:var(--showcase-font-size-20);font-weight:var(--showcase-font-weight-600);line-height:var(--showcase-line-height-32);margin:0}.showcase-template-copy p{margin:var(--showcase-space-1) 0 var(--showcase-space-3);color:var(--showcase-ink-muted);font-size:var(--showcase-font-size-16);line-height:var(--showcase-line-height-24)}.showcase-template-copy span{color:var(--showcase-brand);font-size:var(--showcase-font-size-13);font-weight:var(--showcase-font-weight-600)}.showcase-crm-canvas{border:1px solid var(--showcase-line);border-radius:var(--showcase-radius-2xl);background:var(--showcase-surface);width:100%;overflow-x:auto}.showcase-crm-canvas>div{min-width:1200px;min-height:calc(100vh - 170px)}@media (width<=1280px){.showcase-brand-row{grid-template-columns:var(--showcase-sidebar-width) minmax(0, 1fr) auto}.showcase-layout.has-toc{grid-template-columns:var(--showcase-sidebar-width) minmax(0, 1fr)}.showcase-toc{display:none}.showcase-sidebar{top:var(--showcase-header-height);height:calc(100vh - var(--showcase-header-height))}.showcase-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1024px){.showcase-brand-row{gap:var(--showcase-space-2);grid-template-columns:minmax(0,1fr) auto auto}.showcase-search-slot{justify-content:flex-end}.showcase-search-trigger{width:36px;min-width:36px;padding:0 var(--showcase-space-10px)}.showcase-search-placeholder,.showcase-search-shortcuts{display:none}}@media (width<=767px){.showcase-mobile-menu{display:block}.showcase-brand{min-width:0}.showcase-layout,.showcase-layout.has-toc{grid-template-columns:minmax(0,1fr)}.showcase-sidebar{display:none}.showcase-main{padding:var(--showcase-space-4) var(--showcase-space-3) var(--showcase-space-6)}}@media (width<=640px){.showcase-brand-row{gap:var(--showcase-space-1);padding:0 var(--showcase-space-3)}.showcase-brand{font-size:var(--showcase-font-size-14)}.showcase-section-nav{gap:var(--showcase-space-20px);padding:0 var(--showcase-space-3);overflow-x:auto}.showcase-section-nav a{white-space:nowrap;padding:0}.showcase-section-nav svg{display:none}.showcase-main{padding-inline:16px}.showcase-example-canvas.is-live{padding:16px}.showcase-example-canvas.is-live>.showcase-ant-design-standalone,.showcase-example-canvas.is-live>.okki-reference-content,.showcase-example-canvas.is-live>.showcase-ant-design-standalone .ant-app{justify-content:flex-start}.showcase-page-header h1{font-size:var(--showcase-font-size-24);line-height:var(--showcase-line-height-32)}.showcase-card-grid{grid-template-columns:1fr}.showcase-token-table{table-layout:auto}.showcase-token-table th,.showcase-token-table td{padding:var(--showcase-space-2) var(--showcase-space-3)}.showcase-token-table{min-width:720px}.showcase-token-usage-table{min-width:820px}.showcase-component-card{flex-direction:column}.showcase-component-visual{order:2}.showcase-card-copy{order:1}.showcase-template-card{grid-template-columns:1fr}.showcase-template-visual{min-height:210px}.showcase-template-copy{padding:var(--showcase-space-4)}.showcase-related-grid{grid-template-columns:1fr}.showcase-detail-pagination{gap:var(--showcase-space-3);margin-top:var(--showcase-space-40px);padding-top:var(--showcase-space-40px)}.showcase-detail-pagination a{font-size:var(--showcase-font-size-13)}}@media (prefers-reduced-motion:reduce){.showcase-component-visual{transition:none}.showcase-skeleton-bone:after,.showcase-route-skeleton-card-visual:after{animation:none}.showcase-token-details summary:before{transition:none}.showcase-dialog-backdrop,.showcase-search-dialog[data-open],.showcase-search-dialog[data-closed],.showcase-search-dialog[data-starting-style],.showcase-search-dialog[data-ending-style],.showcase-mobile-sheet{animation:none}}.showcase-registry-preview{background:var(--showcase-surface);width:100%;min-width:0;position:relative;overflow:visible}.showcase-registry-preview iframe{background:0 0;border:0;width:100%;display:block}.showcase-registry-preview.is-viewport iframe{height:min(760px,100vh - 160px);min-height:560px}.showcase-preview-version-warning{border-top:1px solid var(--showcase-warning-border);background:var(--showcase-warning-surface);color:var(--showcase-ink-muted);gap:8px;padding:10px 14px;font-size:12px;line-height:1.5;display:grid}.showcase-preview-version-warning-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.showcase-preview-version-warning-actions button{align-items:center;gap:var(--showcase-space-6px);min-height:28px;padding:0 var(--showcase-space-2);border:1px solid var(--showcase-line);border-radius:var(--showcase-radius-md);background:var(--showcase-surface);color:var(--showcase-ink);cursor:pointer;font:inherit;display:inline-flex}.showcase-preview-version-warning-actions button:hover:not(:disabled){background:var(--showcase-hover)}.showcase-preview-version-warning-actions button:disabled{cursor:progress;opacity:.72}.showcase-preview-version-warning-actions button:focus-visible{outline:2px solid var(--showcase-ink);outline-offset:2px}.showcase-preview-version-warning-actions button svg{width:14px;height:14px}.showcase-preview-version-warning-actions button svg.is-spinning{animation:.8s linear infinite showcase-spin}.showcase-preview-version-warning-error{color:var(--showcase-ink);overflow-wrap:anywhere}@keyframes showcase-spin{to{transform:rotate(360deg)}}.showcase-preview-state{align-content:center;justify-items:center;gap:var(--showcase-space-2);width:100%;min-height:280px;padding:var(--showcase-space-4);color:var(--showcase-ink-muted);text-align:center;display:grid}.showcase-preview-state strong{color:var(--showcase-ink);font-size:var(--showcase-font-size-14);font-weight:var(--showcase-font-weight-600)}.showcase-preview-state span{max-width:560px;font-size:var(--showcase-font-size-12);overflow-wrap:anywhere}.showcase-preview-state button{align-items:center;gap:var(--showcase-space-6px);min-height:32px;padding:0 var(--showcase-space-2);border:1px solid var(--showcase-line);border-radius:var(--showcase-radius-md);background:var(--showcase-surface);color:var(--showcase-ink);cursor:pointer;font:inherit;display:inline-flex}.showcase-preview-state button:hover{background:var(--showcase-hover)}.showcase-preview-state button:focus-visible{outline:2px solid var(--showcase-ink);outline-offset:2px}.showcase-preview-state button svg{width:14px;height:14px}.showcase-token-usage-table td code+code{margin-left:var(--showcase-space-6px)}