.lib-switch{border:1px solid #30302d;border-radius:5px;align-items:center;gap:2px;margin-left:18px;padding:3px;display:flex}.lib-switch .grid-option{color:#9d9c96;background:0 0;border:0;border-radius:3px;height:28px;padding:0 12px;font-size:11px;font-weight:750}.lib-switch .grid-option.active{color:#111;background:var(--acid)}.lib-switch .grid-option:hover:not(.active){color:#fff;background:#232321}.lib-switch .grid-option.active:hover{box-shadow:inset 0 0 0 1px #111}.lib-strip{display:none}.rb-heading{grid-template-columns:minmax(0,1fr)}.rb-filter-left{flex-wrap:wrap;align-items:center;gap:18px;min-width:0;display:flex}.rb-card .background-preview{aspect-ratio:16/9;background:#0e0b13}.rb-card .background-preview[data-library=oss]{aspect-ratio:16/10}.rb-card .background-preview img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.rb-cover{background:linear-gradient(135deg,#d7d5cd,#e6e4dc);position:absolute;inset:0}.rb-card .background-preview .rb-card-live{object-fit:cover;pointer-events:none;opacity:0;width:100%;height:100%;transition:opacity .18s ease-out;position:absolute;inset:0}.rb-card .background-preview .rb-card-live[data-drawn]{opacity:1}.rb-card .background-preview[data-fit=whole] img,.rb-card .background-preview[data-fit=whole] .rb-card-live{object-fit:contain}.rb-card .background-preview[data-fit=whole],.rb-card .background-preview[data-fit=whole] .rb-cover{background:var(--cover-ground,#0e0b13)}.rb-card .rb-cover{background:#0e0b13}.rb-cover:after{content:attr(data-mark);color:#8b8981;font:750 9px var(--font-geist-mono);letter-spacing:.14em;text-transform:uppercase;position:absolute;bottom:12px;left:14px}.rb-card .rb-cover:after{content:none}.library-card-skeleton.rb-skeleton>span{aspect-ratio:16/9}.library-card-skeleton.rb-skeleton[data-library=oss]>span,.library-card-skeleton.tp2-skeleton>span{aspect-ratio:16/10}.new-flag{color:#111;background:var(--acid);font:800 9px var(--font-geist-mono);letter-spacing:.1em;border-radius:999px;align-self:flex-start;padding:3px 8px}.sample-row .row-fill{filter:blur(3px);opacity:.8}.rb-locked .locked-zone{margin-top:12px}.rb-locked .lock-cta{gap:9px;max-width:540px;padding:16px 22px;transform:translateY(-12px)}.rb-locked .lock-ring{width:44px;height:44px;font-size:19px}@media (width<=760px){.topbar .lib-switch{display:none}.lib-strip{top:var(--topbar-height);z-index:20;background:#171716;border-bottom:1px solid #30302d;padding:8px 12px;display:block;position:sticky}.lib-strip .lib-switch{grid-auto-columns:1fr;grid-auto-flow:column;margin-left:0;display:grid}.lib-strip .grid-option{white-space:nowrap;text-overflow:ellipsis;min-width:0;padding:0 6px;overflow:hidden}.sample-row .row-fill{display:none}}.rb-panel{border:1px solid var(--line);background:var(--white);--rbp-row:#fff;--rbp-edge:var(--line);--rbp-ink:var(--ink);--rbp-quiet:#66645f;--rbp-fill:#eceae3;--rbp-mark:var(--ink);--rbp-tick:#cfcdc6;--rbp-knob-off:#d3d1ca;--rbp-dot-off:#fff;--rbp-knob-on:var(--ink);--rbp-dot-on:var(--acid);border-radius:22px;gap:14px;min-width:0;padding:20px;display:grid;container-type:inline-size}.rb-panel[data-tone=dark]{background:#0a0a0a;border-color:#262626}.rb-panel[data-tone=dark],.rb-demo-toggle,.stage-fit[data-box] .rbp-input{--rbp-row:#171717;--rbp-edge:transparent;--rbp-ink:#e5e5e5;--rbp-quiet:#d4d4d4;--rbp-fill:#2a2a2a;--rbp-mark:#8a8a8a;--rbp-tick:#404040;--rbp-knob-off:#404040;--rbp-dot-off:#a3a3a3;--rbp-knob-on:#fafafa;--rbp-dot-on:#0a0a0a}.rb-demo-toggle{opacity:.5;transition:opacity .3s}.rb-demo-toggle:hover{opacity:1}.rb-panel[data-tone=dark] .rb-panel-head h2{color:#fafafa}.rb-panel-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.rb-panel-head .eyebrow{letter-spacing:.16em;margin:0 0 6px;font-size:9px;font-weight:800}.rb-panel-head h2{letter-spacing:-.04em;margin:0;font-size:18px}.rb-panel-head p{color:var(--muted);margin:5px 0 0;font-size:11px;line-height:1.6}.rb-panel-tools{align-items:center;gap:10px;display:flex}.rbp-grid{grid-template-columns:minmax(0,1fr);gap:6px 10px;display:grid}@container (width>=560px){.rbp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (width>=900px){.rbp-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.rbp-row{border:1px solid var(--rbp-edge);min-width:0;min-height:30px;color:var(--rbp-ink);background:var(--rbp-row);border-radius:4px;justify-content:space-between;align-items:center;gap:10px;padding:0 10px;font-size:12px;display:flex;position:relative;overflow:hidden}.rbp-row:focus-within{outline:2px solid var(--acid);outline-offset:1px}.rbp-title{z-index:2;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;position:relative;overflow:hidden}.rbp-value{z-index:2;color:var(--rbp-quiet);font:500 11px var(--font-geist-mono);white-space:nowrap;pointer-events:none;position:relative}.rbp-slider:before{content:"";background:radial-gradient(circle, var(--rbp-tick) 1px, transparent 1.5px) 0 50% / 10% 100% repeat-x;position:absolute;inset:0 10px}.rbp-fill{z-index:1;border-right:2px solid var(--rbp-mark);background:var(--rbp-fill);position:absolute;top:0;bottom:0;left:0}.rbp-slider input,.rbp-color input,.rbp-select select{z-index:3;opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.rbp-slider input{cursor:ew-resize}.rbp-row input:disabled,.rbp-row select:disabled{cursor:not-allowed}.rbp-right{z-index:2;pointer-events:none;align-items:center;gap:8px;display:flex;position:relative}.rbp-swatch{border:1px solid #80808073;border-radius:3px;width:14px;height:14px}.rbp-select .rbp-value:after{content:" ▾"}.rbp-input input{z-index:2;min-width:0;height:26px;color:var(--rbp-ink);font:500 12px var(--font-geist-sans);text-align:right;background:0 0;border:0;outline:none;flex:1;position:relative}.rbp-switch input[type=checkbox][role=switch]{z-index:2;appearance:none;background:var(--rbp-knob-off);cursor:pointer;border-radius:999px;flex:none;width:28px;height:16px;margin:0;transition:background .15s;position:relative}.rbp-switch input[type=checkbox][role=switch]:after{content:"";background:var(--rbp-dot-off);border-radius:50%;width:12px;height:12px;transition:transform .15s;position:absolute;top:2px;left:2px}.rbp-switch input[type=checkbox][role=switch]:checked{background:var(--rbp-knob-on)}.rbp-switch input[type=checkbox][role=switch]:checked:after{background:var(--rbp-dot-on);transform:translate(12px)}.rbp-actions{flex-wrap:wrap;grid-column:1/-1;gap:8px;display:flex}.rb-panel[data-tone=dark] .outline-button,.stage-fit[data-box] .outline-button{color:#d4d4d4;border-color:#404040}.stage-fit[data-box] .outline-button:hover:not(:disabled){background:#262626;border-color:#737373}.detail-back{margin-bottom:18px}.rb-detail{--rb-panel-width:340px;gap:18px;display:grid}.rb-detail.layout-a{grid-template-columns:minmax(0, 1fr) var(--rb-panel-width);align-items:start}.rb-detail[data-fit] .rb-stage{justify-self:start}.rb-detail.layout-b[data-fit] .rb-stage{justify-self:center}.rb-detail.layout-a.docked{grid-template-columns:minmax(0,1fr) 14px}.rb-dock{min-width:0;position:sticky;top:70px}.rb-detail.layout-a .rb-dock>.sidebar-toggle{z-index:3;touch-action:none;border-radius:20px 0 0 20px;transition:none;position:absolute;top:24px;left:-14px}.rb-dock>.rb-panel-col{max-height:min(100vh - 90px,820px);overflow:auto}.rb-detail.layout-b{grid-template-columns:minmax(0,1fr)}.rb-panel-col{gap:12px;min-width:0;display:grid}.rb-panel-col.folded{display:none}.rb-stage-col{gap:10px;min-width:0;display:grid}.rb-embedded{grid-template-rows:auto minmax(0,1fr);gap:12px;height:100%;min-height:0;display:grid}.rb-embedded-tools{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.rb-embedded-spacer{flex:1}.rb-embedded-work{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:14px;min-height:0;display:grid}.rb-embedded-work.folded{grid-template-columns:minmax(0,1fr)}.rb-embedded-work>.rb-panel-col{min-height:0;max-height:100%;overflow:auto}.rb-embedded-code{min-height:0;overflow:auto}.rb-props-section,.rb-detail.layout-b+.code-block,.rb-detail.layout-b+.rb-usage-broken{margin-top:18px}.grid-options.rb-keys{background:0 0;border:0;gap:6px;padding:0}.rb-keys .grid-option{color:#66645f;background:#fff;border:1px solid #d4d2ca;border-radius:4px;place-items:center;min-width:34px;height:30px;padding:0 8px;font-size:13px;display:grid}.rb-keys .grid-option.active{color:#fff;background:#1b1b19;border-color:#1b1b19}.rb-stage,.preview-frame{--background:#0a0a0a;--foreground:#fafafa;--card:#171717;--border:#262626;--primary:#e5e5e5;--muted-foreground:#a3a3a3;--accent:#fafafa;color:var(--foreground)}.rb-stage{border:1px solid var(--border);background:#101010;border-radius:12px;grid-template-columns:minmax(0,1fr);place-items:center start;display:grid;position:relative;overflow:hidden}.rb-demo-stage{min-height:460px}.rb-demo-stage>.rb-cover,.rb-demo-stage>img{width:100%;height:100%;position:absolute;inset:0}.rb-demo-stage>img{object-fit:cover}.rb-demo-stage>picture,.rb-demo-stage>picture>img{width:100%;height:100%;position:absolute;inset:0}.rb-demo-stage>picture>img{object-fit:cover}.rb-demo-stage>.stage-badge{z-index:1}.rb-stage:before{content:"";pointer-events:none;background-image:linear-gradient(to right, var(--border) 1px, transparent 1px), linear-gradient(to bottom, var(--border) 1px, transparent 1px);-webkit-mask-composite:source-in;background-position:100% 100%;background-size:20px 20px;border-radius:12px;position:absolute;inset:0;-webkit-mask-image:repeating-linear-gradient(90deg,#000 0 3px,#0000 3px 8px),repeating-linear-gradient(#000 0 3px,#0000 3px 8px);mask-image:repeating-linear-gradient(90deg,#000 0 3px,#0000 3px 8px),repeating-linear-gradient(#000 0 3px,#0000 3px 8px);-webkit-mask-composite:source-in;mask-composite:intersect}.rb-stage>.stage-loading{justify-self:stretch}.rb-stage-frame{z-index:1;background:#0a0a0a;border-radius:12px;max-width:100%;transition:width .3s ease-in-out;position:relative}.rb-stage-frame.dragging{transition:none}.rb-stage-inner{border-radius:inherit;overscroll-behavior:contain;width:100%;height:100%;position:relative;overflow:hidden auto}.stage-fit{place-items:safe center;width:100%;height:100%;display:grid;position:relative}.stage-fit[data-fill]{place-items:normal;display:block}.stage-fit[data-fill]>*{min-height:100%}.stage-fit[data-box]{box-sizing:border-box}.stage-fit[data-clip],.rb-stage-inner[data-clip]{overflow:hidden}:where(.stage-fit[data-box]) a,:where(.stage-fit[data-box] .rbo-link){font-weight:500;text-decoration:none}.stage-fit[data-dots]:before{content:"";pointer-events:none;z-index:0;-webkit-mask-composite:source-in;background-image:radial-gradient(circle,#2f293a 1px,#0000 1px);background-size:20px 20px;position:absolute;inset:0;-webkit-mask:linear-gradient(90deg,#0000 0%,#000 35% 55%,#0000 100%),linear-gradient(#0000 0%,#000 35% 55%,#0000 100%);mask:linear-gradient(90deg,#0000 0%,#000 35% 55%,#0000 100%),linear-gradient(#0000 0%,#000 35% 55%,#0000 100%)}.stage-handle{z-index:4;cursor:ew-resize;touch-action:none;width:16px;height:100%;position:absolute;top:0;right:-8px}.stage-handle:after{content:"";background:#9d9c96;border-radius:2px;width:4px;height:48px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.stage-handle:hover:after,.stage-handle:focus-visible:after{background:var(--acid)}.stage-handle:focus-visible{outline:none}.stage-width{z-index:3;color:#9d9c96;font:700 10px var(--font-geist-mono);letter-spacing:.08em;pointer-events:none;opacity:0;background:#111111b8;border-radius:999px;padding:3px 8px;transition:opacity .3s;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.stage-width[data-shown]{opacity:1}.rb-full-veil{z-index:44;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080;position:fixed;inset:0}.rb-stage.full{z-index:45;background:#0a0a0a;border-radius:16px;width:min(1500px,100% - 32px);height:80vh;margin:auto;position:fixed;inset:0;box-shadow:0 25px 50px -12px #00000040;min-height:0!important}.rb-stage.full .rb-stage-frame{width:100%!important;height:100%!important}.rb-stage.full .stage-handle,.rb-stage.full .stage-width{display:none}.rb-full-close{border-radius:999px}.rb-full-close:hover{color:#0a0a0a;background:#fff}.rb-stage-note{color:#8b8981;margin:0 0 8px;font-size:12px;line-height:1.5}.stage-state{text-align:center;justify-items:center;gap:12px;max-width:420px;padding:20px;display:grid}.stage-state .form-error{text-align:left}.stage-state .outline-button{color:#ddd;border-color:#555}.stage-loading{color:#8b8981;width:100%;height:100%;font:700 10px var(--font-geist-mono);letter-spacing:.12em;place-items:center;display:grid}.stage-loading .library-card-skeleton{border-radius:6px;width:220px;height:10px;display:block}.rb-instances{flex-wrap:wrap;justify-content:center;gap:24px;width:100%;display:flex}.rb-scroll-box{width:100%;position:relative;overflow:hidden auto}.rb-scroll-box::-webkit-scrollbar{width:4px}.rb-scroll-box::-webkit-scrollbar-track{background:0 0}.rb-scroll-box::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px}.rb-scroll-box::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--muted-foreground) 50%, transparent)}.rb-stage-inner .rb-scroll-hint .fixed{position:absolute}@keyframes rb-hint-fall{0%{transform:translateY(var(--rb-hint-from))}to{transform:translateY(var(--rb-hint-to))}}html.rb-no-scrollbar{scrollbar-width:none}html.rb-no-scrollbar::-webkit-scrollbar{width:0;height:0}.rb-frame{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border:0;width:100%;height:100%;display:block}.preview-frame{background:#0a0a0a;height:100vh;position:relative}.preview-frame[data-auto],.preview-frame[data-auto] .stage-fit{height:auto}.stage-badge{z-index:3;color:#ddd;font:700 9px var(--font-geist-mono);letter-spacing:.08em;background:#1111119e;border:1px solid #ffffff6b;border-radius:999px;padding:4px 9px;position:absolute;top:12px;right:14px}.code-grid{gap:14px;display:grid}.code-variant{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.code-block{border:1px solid var(--line);background:#fff;border-radius:4px;min-width:0;display:grid}.code-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:8px 8px 8px 14px;display:flex}.code-head b{font-size:12px}.code-head small{color:#8b8981;font:600 10px var(--font-geist-mono)}.code-block pre{font:500 12px/1.65 var(--font-geist-mono);color:#222;white-space:pre;margin:0;padding:14px;overflow:auto}.code-head>span{flex:auto;min-width:0}.code-head .outline-button{flex:none}.code-note{color:var(--muted);margin:0;font-size:11px}.source-locked{min-height:220px;position:relative;overflow:hidden}.source-locked .ghost-lines{filter:blur(3px);gap:9px;padding:16px;display:grid}.source-locked .ghost-lines span{background:#dedcd4;border-radius:6px;height:9px;display:block}.source-locked .locked-veil{align-items:center}.source-locked .lock-cta{transform:none}.props-wrap{overflow-x:auto}.rb-props{border-collapse:collapse;border:1px solid var(--line);background:var(--white);width:100%;font-size:11px}.rb-props th{border-bottom:1px solid var(--line);color:#8b8981;font:800 9px var(--font-geist-sans);letter-spacing:.12em;text-align:left;text-transform:uppercase;background:#eceae4;padding:9px 12px}.rb-props td{border-bottom:1px solid var(--line);vertical-align:top;overflow-wrap:anywhere;padding:9px 12px}.rb-props td:nth-child(-n+3){font:600 11px var(--font-geist-mono)}.rb-props td.muted{color:#aaa89f}@media (width<=1023px){.stage-handle{display:none}}@media (width<=760px){.rb-detail.layout-a,.rb-detail.layout-a.docked{grid-template-columns:minmax(0,1fr)}.rb-dock{position:static}.rb-dock>.rb-panel-col{max-height:none}.rb-dock>.rb-panel-col.folded{display:grid}.rb-detail.layout-a>.rb-stage-col{display:contents}.rb-detail.layout-a>.rb-stage-col>.rb-stage-col{order:1}.rb-detail.layout-a>.rb-dock{order:2}.rb-detail.layout-a>.rb-stage-col>.code-block,.rb-detail.layout-a>.rb-stage-col>.rb-usage-broken{order:3}.rb-detail.layout-a>.rb-stage-col>.rb-props-section{order:4;margin-top:0}}.rb-favorites{gap:14px;margin-top:28px;display:grid}.rb-favorites-heading{letter-spacing:-.01em;margin:0;font-size:14px;font-weight:750}.rb-card .card-meta.rb-oneline{flex-wrap:nowrap;align-items:center;gap:10px}.rb-oneline-main{white-space:nowrap;flex:auto;align-items:center;gap:8px;min-width:0;display:flex;overflow:hidden}.rb-oneline-name{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.02em;flex:0 auto;min-width:0;font-size:15px;overflow:hidden}.rb-oneline-count{white-space:nowrap;color:#99978f;flex:none;font-size:12px}.rb-oneline-en,.rb-oneline-side{text-overflow:ellipsis;white-space:nowrap;color:#99978f;flex:0 1000 auto;min-width:0;font-size:11px;overflow:hidden}.rb-variant-slug{font-family:var(--font-mono,ui-monospace, monospace);font-size:14px}.rb-view-button{flex:none}.rb-crumbs{color:#99978f;letter-spacing:.06em;text-transform:uppercase;margin:0 0 6px;font-size:11px}.rb-back{margin-bottom:18px}.rb-blocks-stats{gap:22px;display:flex}.rb-blocks-stats span{justify-items:end;display:grid}.rb-blocks-stats b{letter-spacing:-.04em;font-size:28px}.rb-blocks-stats small{color:#99978f;font-size:10px}.rb-group{margin-top:26px;scroll-margin-top:80px}.rb-group-title{margin:0 0 12px;font-size:14px;font-weight:750}.rb-detail-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:14px 0;display:flex}.rb-block-stage .rb-stage-frame{overflow:hidden}.rb-block-stage{justify-items:center}.rb-block-iframe{width:100%}.rb-block-stage.full .rb-block-iframe{height:100%}.rb-block-cover{background:#0a0a0a;border-radius:12px;position:relative;overflow:hidden}.rb-leaving{opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;transform:scale(.98)}@media (prefers-reduced-motion:reduce){.rb-leaving{transition:none}}.rb-block-cover img{object-fit:contain;width:100%;height:100%;display:block}.rb-block-frame{min-height:100vh}:is(.tp2-main,.tp-actions) .card-copy{position:relative;overflow:hidden}:is(.tp2-main,.tp-actions) .card-copy .copy-button__sweep{z-index:1;background:var(--acid);width:0;transition:width .18s;position:absolute;inset:0 0 0 auto}:is(.tp2-main,.tp-actions) .card-copy .copy-button__text{z-index:2;align-items:center;gap:6px;transition:color .18s;display:inline-flex;position:relative}:is(.tp2-main,.tp-actions) .card-copy[data-upgrade] .copy-button__sweep{background:var(--orange)}:is(.tp2-main,.tp-actions) .card-copy:hover .copy-button__sweep{width:100%}:is(.tp2-main,.tp-actions) .card-copy:hover .copy-button__text{color:#111}:is(.tp2-main,.tp-actions) .card-copy[data-upgrade]:hover .copy-button__text{color:#fff}:is(.tp2-main,.tp-actions) .card-copy-tip{display:inline-flex;position:relative}:is(.tp2-main,.tp-actions) .card-copy-tip:hover .template-tip,:is(.tp2-main,.tp-actions) .card-copy-tip:focus-within .template-tip{opacity:1}.tp2-bar{justify-content:space-between}.tp2-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.tp2-card{border:1px solid var(--line);background:var(--white);border-radius:22px;flex-direction:column;min-width:0;transition:border-color .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 8px 24px #1616130d}.tp2-card:hover{border-color:#8f8d85;box-shadow:0 13px 34px #1616132e}.tp2-media{aspect-ratio:16/10;background:#111;border-radius:21px 21px 0 0;position:relative;overflow:hidden}.tp2-media img,.tp2-media video{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.tp-corner{z-index:2;position:absolute;top:12px;left:12px}.tp-cover-actions{z-index:4;opacity:0;gap:8px;transition:opacity .16s;display:flex;position:absolute;bottom:12px;left:12px}.tp2-card:hover .tp-cover-actions,.tp2-card:focus-within .tp-cover-actions{opacity:1}.tp-cover-actions .outline-button{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1111119e;border-color:#ffffff6b}.tp-cover-actions .outline-button:hover{color:#fff;background:#111111db;border-color:#fff}.tp2-body{flex-direction:column;flex:1;padding:16px 18px 18px;display:flex}.tp2-body h3{letter-spacing:-.04em;margin:0 0 6px;font-size:18px;line-height:1.1}.tp2-body p{-webkit-line-clamp:2;color:#6b6a64;-webkit-box-orient:vertical;min-height:3.2em;margin:0 0 14px;font-size:12px;line-height:1.6;display:-webkit-box;overflow:hidden}.tp2-main{margin-top:auto}.tp2-main>.login-button,.tp2-main .card-copy-tip,.tp2-main .card-copy-tip .login-button{width:100%}@media (hover:none),(width<=760px){.tp-cover-actions{opacity:1}}.tp-head{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.tp-head h1{align-items:center;gap:12px;margin-top:4px;display:flex}.tp-head h1 .new-flag,.tp-head h1 .sample-flag{letter-spacing:.06em;align-self:center;font-size:11px}.tp-head>div>p{max-width:62em}.tp-stage{margin-top:6px}.tp-stage img,.tp-stage video{aspect-ratio:16/9;object-fit:contain;background:#111;width:100%;max-height:48vh;display:block}.tp-actions{grid-template-columns:1fr 1fr;gap:8px;margin:14px 0 22px;display:grid}.tp-actions>.login-button,.tp-actions>.outline-button,.tp-actions .card-copy-tip,.tp-actions .card-copy-tip .login-button{width:100%}.tp-block{border-top:1px solid var(--line);padding:18px 0 22px}.tp-block:first-of-type{border-top:0;padding-top:4px}.tp-block h2{letter-spacing:-.04em;margin:0 0 12px;font-size:22px}.tp-block .tp-stack{flex-wrap:wrap;gap:6px}.tp-block .tp-stack span{border:1px solid var(--line);color:#3f3e3a;background:var(--white);border-radius:999px;padding:5px 10px;font-size:11px}.tp-about{color:#55534d;max-width:62em;margin:0 0 18px;font-size:13px;line-height:1.75}.tp-two{grid-template-columns:1fr 1fr;gap:28px;display:grid}.tp-two h3{letter-spacing:-.02em;margin:0 0 8px;font-size:15px}.tp-checks{margin:0;padding:0;list-style:none}.tp-checks li{color:#3f3e3a;align-items:flex-start;gap:8px;padding:4px 0;font-size:12px;line-height:1.6;display:flex}.tp-check{fill:none;stroke:#4a8b36;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:14px;height:14px;margin-top:3px}.rbt-files{grid-template-columns:minmax(220px,300px) minmax(0,1fr);align-items:start;gap:16px;display:grid}.rbt-tree{gap:10px;max-height:70vh;display:grid;overflow:auto}.rbt-folder-name{color:var(--muted);font-family:var(--font-geist-mono), monospace;margin:0 0 4px;font-size:12px}.rbt-files-chips{flex-direction:column;align-items:stretch}.rbt-files-chips button{text-align:left;justify-content:space-between}@media (width<=1000px){.tp2-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.tp2-grid,.tp-actions,.tp-two,.rbt-files{grid-template-columns:minmax(0,1fr)}.tp-head{flex-direction:column;gap:8px}.tp-head h1{flex-wrap:wrap}.rbt-tree{max-height:40vh}}.agent-kit-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:4px 0 0;display:flex}.agent-kit-bar .chips button small{color:#a3a19a;font:700 10px var(--font-geist-mono);margin-left:6px}.agent-kit-bar .chips button.selected small{color:#bdbbb3}.agent-kit-tools{align-items:center;gap:8px;display:flex}.agent-kit-tools .library-search{width:260px}.agent-kit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px;display:grid}.agent-kit-card{border:1px solid var(--line);background:var(--white);border-radius:22px;flex-direction:column;padding:18px 18px 16px;transition:border-color .2s,box-shadow .2s;display:flex}.agent-kit-card:hover{border-color:#8f8d85;box-shadow:0 8px 24px #16161314}.agent-kit-card h3{letter-spacing:-.035em;margin:0 0 6px;font-size:17px}.agent-kit-card>p{-webkit-line-clamp:2;color:#6b6a64;-webkit-box-orient:vertical;margin:0 0 14px;font-size:12px;line-height:1.6;display:-webkit-box;overflow:hidden}.agent-kit-foot{justify-content:space-between;align-items:center;gap:10px;margin-top:auto;display:flex}.agent-kit-left,.agent-kit-right{align-items:center;gap:8px;display:flex}.agent-kit-type{border:1px solid var(--line);color:#55534d;font:700 10px var(--font-geist-mono);white-space:nowrap;background:#f6f5f0;border-radius:999px;padding:3px 9px}.agent-kit-chev{fill:none;stroke:currentColor;stroke-width:2px;width:14px;height:14px}:is(.agent-kit-foot,.agent-kit-actions) .card-copy{position:relative;overflow:hidden}:is(.agent-kit-foot,.agent-kit-actions) .card-copy .copy-button__sweep{z-index:1;background:var(--acid);width:0;transition:width .18s;position:absolute;inset:0 0 0 auto}:is(.agent-kit-foot,.agent-kit-actions) .card-copy .copy-button__text{z-index:2;align-items:center;gap:6px;transition:color .18s;display:inline-flex;position:relative}:is(.agent-kit-foot,.agent-kit-actions) .card-copy[data-upgrade] .copy-button__sweep{background:var(--orange)}:is(.agent-kit-foot,.agent-kit-actions) .card-copy:hover .copy-button__sweep{width:100%}:is(.agent-kit-foot,.agent-kit-actions) .card-copy:hover .copy-button__text{color:#111}:is(.agent-kit-foot,.agent-kit-actions) .card-copy[data-upgrade]:hover .copy-button__text{color:#fff}:is(.agent-kit-foot,.agent-kit-actions,.agent-kit-tools) .card-copy-tip{display:inline-flex;position:relative}:is(.agent-kit-foot,.agent-kit-actions,.agent-kit-tools) .card-copy-tip:hover .template-tip,:is(.agent-kit-foot,.agent-kit-actions,.agent-kit-tools) .card-copy-tip:focus-within .template-tip{opacity:1}:is(.agent-kit-foot,.agent-kit-actions) .card-copy-tip .template-tip{left:0;transform:none}:is(.agent-kit-foot,.agent-kit-actions) .card-copy-tip .template-tip:after{left:24px}.agent-kit-tools .card-copy-tip .template-tip{left:auto;right:0;transform:none}.agent-kit-tools .card-copy-tip .template-tip:after{left:auto;right:14px}.agent-kit-lock-outline .outline-button{color:#a3a19a;cursor:not-allowed}.agent-kit-lock-outline .outline-button:hover{background:#fff3ef;border-color:#e2b8ae}.agent-kit-copy-menu{display:inline-flex;position:relative}.agent-kit-copy-menu .brand-select-panel{min-width:140px;right:auto}.agent-kit-zh-mark{border:1px solid var(--line);color:#8b8981;font:600 10px var(--font-geist-sans);letter-spacing:0;vertical-align:middle;background:#f6f5f0;border-radius:3px;margin-left:8px;padding:1px 6px;display:inline-block}.agent-kit-detail{max-width:940px}.agent-kit-head h1{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.agent-kit-head h1 .sample-flag{letter-spacing:.06em;align-self:center;font-size:11px}.agent-kit-head h1 .agent-kit-zh-mark{margin-left:0}.agent-kit-show{margin:6px 0 18px}.agent-kit-show h2{letter-spacing:-.04em;margin:0 0 6px;font-size:22px}.agent-kit-show>p{color:#55534d;max-width:62em;margin:0 0 12px;font-size:12px;line-height:1.7}.agent-kit-fig{border:1px solid var(--line);background:var(--white);border-radius:8px;margin:0 0 10px;padding:6px 6px 8px}.agent-kit-fig img{background:#e7e5dd;border-radius:4px;width:100%;display:block}.agent-kit-fig figcaption{color:#55534d;margin:7px 4px 0;font-size:11px}.agent-kit-also{color:#55534d;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.agent-kit-bill h3{margin:14px 0 8px;font-size:15px}.agent-kit-bill table{border-collapse:collapse;width:100%;font-size:12px}.agent-kit-bill th,.agent-kit-bill td{text-align:left;border-top:1px solid #efeee8;padding:7px 8px}.agent-kit-bill th{color:#8b8981;font:700 10px var(--font-geist-mono);letter-spacing:.08em}.agent-kit-bill code{color:#55534d;font:500 11px var(--font-geist-mono)}.agent-kit-box{border:1px solid var(--line);background:var(--white);border-radius:8px;margin:0 0 22px;padding:14px 16px}.agent-kit-meta{color:#55534d;font:600 11px var(--font-geist-mono);letter-spacing:.02em}.agent-kit-actions{gap:8px;margin-top:12px;display:flex}.agent-kit-mcp{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;margin-top:12px;padding-top:12px;display:flex}.agent-kit-mcp p{color:#55534d;margin:0;font-size:12px;line-height:1.6}.agent-kit-layout{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:24px;display:grid}.agent-kit-toc{border:1px solid var(--line);background:var(--white);border-radius:8px;gap:2px;padding:12px;display:grid;position:sticky;top:12px}.agent-kit-toc b{color:#6b6a64;font:800 9px var(--font-geist-mono);letter-spacing:.12em;margin:0 0 6px}.agent-kit-toc a{color:#3f3e3a;border-radius:4px;padding:5px 7px;font-size:11px;line-height:1.4;text-decoration:none}.agent-kit-toc a:hover{color:var(--ink);background:#ecebe4}.agent-kit-when{border-left:3px solid var(--acid);background:var(--paper);margin:0 0 14px;padding:12px 14px}.agent-kit-when p{margin:4px 0 0;font-size:13px;line-height:1.7}.agent-kit-markdown{color:#3f3e3a;font-size:13px;line-height:1.7}.agent-kit-markdown h2{letter-spacing:-.04em;margin:0 0 8px;font-size:20px}.agent-kit-markdown h3{letter-spacing:-.03em;margin:24px 0 8px;scroll-margin-top:12px;font-size:18px}.agent-kit-markdown h3 small{color:#a3a19a;letter-spacing:0;margin-left:10px;font-size:11px;font-weight:500}.agent-kit-markdown pre{color:#e7e6e0;font:500 11px/1.7 var(--font-geist-mono);background:#171716;border-radius:6px;padding:12px 14px;overflow-x:auto}.agent-kit-markdown table{border-collapse:collapse;max-width:100%;display:block;overflow-x:auto}.agent-kit-markdown th,.agent-kit-markdown td{border:1px solid var(--line);padding:4px 8px}.agent-kit-source{color:#77756f;margin-top:24px;font-size:12px}.agent-kit-pairs{border-top:1px solid var(--line);margin-top:28px;padding-top:18px}.agent-kit-pairs h2{letter-spacing:-.04em;margin:0 0 10px;font-size:20px}.agent-kit-pair-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.agent-kit-pair{border:1px solid var(--line);background:var(--white);border-radius:8px;flex-direction:column;justify-content:space-between;gap:10px;padding:14px;transition:border-color .16s;display:flex}.agent-kit-pair:hover{border-color:#8f8d85}.agent-kit-pair b{font-size:13px}.agent-kit-pair p{-webkit-line-clamp:3;color:#6b6a64;-webkit-box-orient:vertical;margin:4px 0 0;font-size:11px;line-height:1.6;display:-webkit-box;overflow:hidden}.agent-kit-pair-foot{justify-content:space-between;align-items:center;gap:8px;display:flex}@media (width<=760px){.agent-kit-grid,.agent-kit-layout,.agent-kit-pair-row{grid-template-columns:minmax(0,1fr)}.agent-kit-toc{position:static}.agent-kit-tools{width:100%}.agent-kit-tools .library-search{flex:1;width:auto}.agent-kit-foot{flex-wrap:wrap}.agent-kit-mcp{flex-direction:column;align-items:stretch}.agent-kit-actions>*,.agent-kit-actions .card-copy-tip .outline-button,.agent-kit-actions .card-copy-tip .login-button{flex:1}}.rb-bar-wrap{margin:14px 0 12px;position:relative;container-type:inline-size}.rb-bar{white-space:nowrap;flex-wrap:nowrap;align-items:center;gap:8px;display:flex}.rb-bar>.chips{flex:none;overflow:visible}.rb-bar-lead{flex:none;align-items:center;gap:8px;display:inline-flex}.rb-bar-lead .outline-button{gap:6px}.rb-bar-gap{flex:auto;min-width:0}.rb-bar-sep{background:var(--line);flex:none;width:1px;height:24px}.rb-bar>span,.rb-bar>.outline-button{flex:none}.rb-bar .rb-keys{display:inline-flex}.rb-bar .rb-keys .grid-option{min-width:38px;height:40px}.rb-bar .rb-keys .grid-option:hover:not(.active){color:var(--ink);background:#ecebe4;border-color:#8f8d85}.rb-chev{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:13px;height:13px}.outline-button .rb-chev{margin-left:2px}.rb-bar .rb-fav{gap:6px}.rb-bar .rb-fav small{color:var(--muted);font-size:12px}@container (width<=1199px){.rb-bar .rb-fav>span{display:none}.rb-bar:has(.rb-fav) .rb-slug{display:none}}@container (width<=1099px){:is(.rb-bar[data-lead=nav]:has(.rb-fav) .rb-c-refresh,.rb-bar[data-lead=nav]:has(.rb-fav) .rb-c-full){display:none}.rb-bar[data-lead=nav][data-tools]:has(.rb-fav) .rb-more{display:inline-flex}:is(.rb-bar[data-lead=nav]:has(.rb-fav) .rb-more-menu .rb-m-refresh,.rb-bar[data-lead=nav]:has(.rb-fav) .rb-more-menu .rb-m-full){display:grid}}.rb-more{display:none;position:relative}.rb-more-menu [class^=rb-m-]{display:none}@container (width<=1059px){.rb-bar .rb-slug,.rb-bar .rb-c-refresh,.rb-bar .rb-c-full{display:none}.rb-bar[data-tools] .rb-more{display:inline-flex}.rb-more-menu .rb-m-refresh,.rb-more-menu .rb-m-full{display:grid}.rb-bar[data-tools] .rb-c-fav{display:none}.rb-bar[data-tools]:has(.rb-c-fav) .rb-more{display:inline-flex}.rb-bar[data-tools] .rb-more-menu .rb-m-fav{display:grid}}@container (width<=779px){.rb-bar .rb-c-link,.rb-bar .rb-c-second,.rb-bar .rb-c-sep{display:none}.rb-bar .rb-more{display:inline-flex}.rb-more-menu .rb-m-link,.rb-more-menu .rb-m-second{display:grid}.rb-bar .rb-c-fav{display:none}.rb-more-menu .rb-m-fav{display:grid}}@container (width<=599px){.rb-bar .rb-c-dev{display:none}}@container (width<=439px){.rb-bar .rb-c-nav,.rb-bar .rb-c-mode{display:none}.rb-more-menu .rb-m-nav{display:grid}.rb-bar .rb-copy{position:static}.rb-bar .rb-menu{width:min(320px,100%);left:auto;right:0}}@container (width<=919px){.rb-bar[data-lead=nav] .rb-c-link,.rb-bar[data-lead=nav] .rb-c-second,.rb-bar[data-lead=nav] .rb-c-sep,.rb-bar[data-lead=nav] .rb-c-fav{display:none}.rb-bar[data-lead=nav] .rb-more{display:inline-flex}.rb-bar[data-lead=nav] .rb-more-menu .rb-m-link,.rb-bar[data-lead=nav] .rb-more-menu .rb-m-second,.rb-bar[data-lead=nav] .rb-more-menu .rb-m-fav{display:grid}}@container (width<=719px){.rb-bar[data-lead=nav] .rb-c-dev{display:none}}@container (width<=589px){.rb-bar[data-lead=nav] .rb-c-nav{display:none}.rb-bar[data-lead=nav] .rb-more-menu .rb-m-nav{display:grid}.rb-bar[data-lead=nav] .rb-copy{position:static}.rb-bar[data-lead=nav] .rb-menu{width:min(320px,100%);left:auto;right:0}}@container (width<=1179px){.rb-bar:lang(en)[data-lead=nav] .rb-slug,.rb-bar:lang(en)[data-lead=nav] .rb-c-refresh,.rb-bar:lang(en)[data-lead=nav] .rb-c-full,.rb-bar:lang(en)[data-lead=nav][data-tools] .rb-c-fav{display:none}.rb-bar:lang(en)[data-lead=nav][data-tools] .rb-more{display:inline-flex}.rb-bar:lang(en)[data-lead=nav] .rb-more-menu .rb-m-refresh,.rb-bar:lang(en)[data-lead=nav] .rb-more-menu .rb-m-full,.rb-bar:lang(en)[data-lead=nav][data-tools] .rb-more-menu .rb-m-fav{display:grid}}@container (width<=939px){.rb-bar:lang(en)[data-lead=nav] .rb-c-link,.rb-bar:lang(en)[data-lead=nav] .rb-c-second,.rb-bar:lang(en)[data-lead=nav] .rb-c-sep,.rb-bar:lang(en)[data-lead=nav] .rb-c-fav{display:none}.rb-bar:lang(en)[data-lead=nav] .rb-more{display:inline-flex}.rb-bar:lang(en)[data-lead=nav] .rb-more-menu .rb-m-link,.rb-bar:lang(en)[data-lead=nav] .rb-more-menu .rb-m-second,.rb-bar:lang(en)[data-lead=nav] .rb-more-menu .rb-m-fav{display:grid}}@container (width<=739px){.rb-bar:lang(en)[data-lead=nav] .rb-c-dev{display:none}}@container (width<=609px){.rb-bar:lang(en)[data-lead=nav] .rb-c-nav,.rb-bar:lang(en)[data-lead=nav] .rb-c-mode{display:none}.rb-bar:lang(en)[data-lead=nav] .rb-more-menu .rb-m-nav{display:grid}.rb-bar:lang(en)[data-lead=nav] .rb-copy{position:static}.rb-bar:lang(en)[data-lead=nav] .rb-menu{width:min(320px,100%);left:auto;right:0}}@container (width<=1099px){.rb-bar:lang(en)[data-lead=mode] .rb-slug,.rb-bar:lang(en)[data-lead=mode] .rb-c-refresh,.rb-bar:lang(en)[data-lead=mode] .rb-c-full,.rb-bar:lang(en)[data-lead=mode][data-tools] .rb-c-fav{display:none}.rb-bar:lang(en)[data-lead=mode][data-tools] .rb-more{display:inline-flex}.rb-bar:lang(en)[data-lead=mode] .rb-more-menu .rb-m-refresh,.rb-bar:lang(en)[data-lead=mode] .rb-more-menu .rb-m-full,.rb-bar:lang(en)[data-lead=mode][data-tools] .rb-more-menu .rb-m-fav{display:grid}}@container (width<=859px){.rb-bar:lang(en)[data-lead=mode] .rb-c-link,.rb-bar:lang(en)[data-lead=mode] .rb-c-second,.rb-bar:lang(en)[data-lead=mode] .rb-c-sep,.rb-bar:lang(en)[data-lead=mode] .rb-c-fav{display:none}.rb-bar:lang(en)[data-lead=mode] .rb-more{display:inline-flex}.rb-bar:lang(en)[data-lead=mode] .rb-more-menu .rb-m-link,.rb-bar:lang(en)[data-lead=mode] .rb-more-menu .rb-m-second,.rb-bar:lang(en)[data-lead=mode] .rb-more-menu .rb-m-fav{display:grid}}@container (width<=659px){.rb-bar:lang(en)[data-lead=mode] .rb-c-dev{display:none}}@container (width<=529px){.rb-bar:lang(en)[data-lead=mode] .rb-c-nav,.rb-bar:lang(en)[data-lead=mode] .rb-c-mode{display:none}.rb-bar:lang(en)[data-lead=mode] .rb-more-menu .rb-m-nav{display:grid}.rb-bar:lang(en)[data-lead=mode] .rb-copy{position:static}.rb-bar:lang(en)[data-lead=mode] .rb-menu{width:min(320px,100%);left:auto;right:0}}.rb-copy{position:relative}.rb-bar .rb-menu{z-index:30;border:1px solid var(--line);background:var(--white);border-radius:4px;width:320px;padding:4px;display:grid;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 14px 34px #1414122e}.rb-bar .rb-more-menu{width:200px}.rb-menu .rb-menu-items{width:auto;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;position:static}.rb-menu .rb-mi{text-align:left;white-space:normal;gap:2px;min-height:0;padding:9px 10px;display:grid}.rb-menu .rb-mi b{color:var(--ink);font-size:12px;font-weight:800}.rb-menu .rb-mi small{color:#8b8981;font-size:10px;font-weight:500;line-height:1.45}.rb-more-menu button{text-align:left;justify-items:start;padding:0 10px}.rb-menu.locked .rb-mi{cursor:not-allowed}.rb-menu.locked .rb-mi b,.rb-menu.locked .rb-mi small{color:#b3b1aa}.rb-menu.locked .rb-mi:hover{background:0 0}.rb-menu .rb-mi[data-item=oneStep]{background:var(--acid)}.rb-menu .rb-mi[data-item=oneStep] b,.rb-menu .rb-mi[data-item=oneStep] small{color:#161615}.rb-menu .rb-mi[data-item=oneStep]:hover{background:#161615}.rb-menu .rb-mi[data-item=oneStep]:hover b,.rb-menu .rb-mi[data-item=oneStep]:hover small{color:#fff}.rb-menu.locked .rb-mi[data-item=oneStep],.rb-menu.locked .rb-mi[data-item=oneStep]:hover{background:0 0}.rb-menu.locked .rb-mi[data-item=oneStep] b,.rb-menu.locked .rb-mi[data-item=oneStep] small{color:#b3b1aa}.rb-menu-lock{border-top:1px solid var(--line);gap:8px;margin-top:4px;padding:10px 8px 6px;display:grid}.rb-menu-lock p{color:#55534d;white-space:normal;margin:0;font-size:11px;line-height:1.55}.rb-menu-lock .login-button,.rb-menu-lock .outline-button{width:100%}.rb-copy-btn.is-locked{color:#a3a19a}.rb-copy-btn[aria-expanded=true],.rb-more-btn[aria-expanded=true]{background:#ecebe4;border-color:#8f8d85}