.res{display:block}.res .mono{font-family:var(--font-mono)}.res-head{border-block-end:1px solid var(--color-border);padding-block-end:2.5rem}.res-head__eyebrow{display:flex;align-items:center;gap:.75rem;font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;color:#b45309}[data-theme=dark] .res-head__eyebrow{color:#fbbf24}.res-head__bar{width:.375rem;height:1.5rem;flex-shrink:0;background-color:var(--color-amber)}.res-head__title{margin-block-start:1rem;font-size:clamp(2rem,5.2vw,3.5rem);font-weight:800;line-height:1.03;letter-spacing:-.03em;overflow-wrap:anywhere}.res-head__desc{max-width:42rem;margin-block-start:1.25rem;color:var(--color-muted-foreground)}.res-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.5rem 0 0;padding:0;list-style:none}.res-chip{padding:.3rem .625rem;border:1px solid var(--color-border);font-family:var(--font-mono);font-size:.625rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--color-muted-foreground)}.res-chip a{color:inherit}.res-chip a:hover{color:var(--color-foreground)}.res-chip--license{border-color:#a7f3d0;background-color:#ecfdf5;color:#047857}[data-theme=dark] .res-chip--license{border-color:#064e3b99;background-color:#022c2273;color:#34d399}.res-ai__path .res-chips{margin-block-start:1rem}.res-section{margin-block-start:3.5rem}.res-section__head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}.res-eyebrow{display:flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;color:var(--color-muted-foreground)}.res-eyebrow--violet{color:#7c3aed}[data-theme=dark] .res-eyebrow--violet{color:#a78bfa}.res-section__title{margin-block-start:.375rem;font-size:1.25rem;font-weight:700;letter-spacing:-.01em}.res-section__link{flex-shrink:0;font-family:var(--font-mono);font-size:.6875rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--color-muted-foreground)}.res-section__link:hover{color:#b45309}[data-theme=dark] .res-section__link:hover{color:#fbbf24}.res-panel{margin-block-start:1.25rem;border:1px solid var(--color-border);background-color:var(--color-card)}.res-panel__bar{display:flex;flex-direction:column;gap:.75rem;border-block-end:1px solid var(--color-border);padding:.75rem 1rem}@media(min-width:64rem){.res-panel__bar{flex-direction:row;align-items:center;justify-content:space-between}.res-panel__bar--source{align-items:flex-end}}.res-panel__status{display:flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.6875rem;color:var(--color-muted-foreground)}.res-panel__tools{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.res-panel__foot{display:flex;flex-direction:column;gap:.5rem;border-block-start:1px solid var(--color-border);padding:.75rem 1rem}@media(min-width:40rem){.res-panel__foot{flex-direction:row;align-items:center;justify-content:space-between}}.res-meta{overflow:hidden;font-family:var(--font-mono);font-size:.6875rem;text-overflow:ellipsis;color:var(--color-muted-foreground)}.res-dot{width:.5rem;height:.5rem;flex-shrink:0;border-radius:50%;background-color:#10b981}.res-dot--muted{background-color:var(--color-muted-foreground)}.res-dot--violet{background-color:#8b5cf6}.res-seg{display:inline-flex;flex-wrap:wrap;max-width:100%;border:1px solid var(--color-border);padding:.125rem}.res-seg__tab{display:inline-flex;align-items:center;gap:.375rem;border:0;background:transparent;padding:.375rem .75rem;font-family:var(--font-mono);font-size:.6875rem;font-weight:600;color:var(--color-muted-foreground);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.res-seg__tab svg{width:.75rem;height:.75rem}.res-seg__tab:hover{color:var(--color-foreground)}.res-seg__tab[aria-pressed=true],.res-seg__tab[aria-selected=true]{background-color:var(--color-foreground);color:var(--color-background)}.res-seg__tab[aria-selected=true]{font-weight:700}.res-btn{display:inline-flex;align-items:center;gap:.375rem;border:1px solid var(--color-border);background:transparent;padding:.4rem .75rem;font-family:var(--font-mono);font-size:.625rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--color-muted-foreground);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.res-btn:hover{border-color:var(--color-muted-foreground);background-color:var(--color-subtle);color:var(--color-foreground)}.res-btn svg{width:.75rem;height:.75rem;flex-shrink:0}.res-btn--ghost{padding:.3rem .5rem}.res-btn__label{white-space:nowrap}.res-canvas{display:flex;align-items:center;justify-content:center;min-height:26rem;padding:1.5rem;background-image:radial-gradient(circle at 1px 1px,rgb(15 23 42 / .1) 1px,transparent 0);background-size:24px 24px}[data-theme=dark] .res-canvas{background-image:radial-gradient(circle at 1px 1px,rgb(255 255 255 / .07) 1px,transparent 0)}@media(min-width:40rem){.res-canvas{min-height:32.5rem;padding:2.5rem}}.res-frame{width:100%;max-width:100%;overflow:hidden;border:1px solid var(--color-border);background-color:var(--color-card);transition:max-width var(--transition-slow)}.res-frame[data-view=mobile]{max-width:380px;border-radius:22px}.res-frame[data-view=responsive]{border-style:dashed}.res-chrome{display:none}.res-frame[data-view=desktop] .res-chrome--desktop,.res-frame[data-view=mobile] .res-chrome--mobile,.res-frame[data-view=responsive] .res-chrome--responsive{display:flex;align-items:center;gap:.75rem;border-block-end:1px solid var(--color-border);background-color:var(--color-subtle)}.res-frame[data-view=desktop] .res-chrome--desktop{padding:.625rem 1rem}.res-frame[data-view=mobile] .res-chrome--mobile{justify-content:space-between;padding:.5rem 1rem}.res-frame[data-view=responsive] .res-chrome--responsive{justify-content:space-between;border-block-end-style:dashed;padding:.625rem 1rem}.res-chrome__mono{font-family:var(--font-mono);font-size:.625rem;color:var(--color-muted-foreground)}.res-chrome__mono--label{letter-spacing:.12em;text-transform:uppercase}.res-chrome__mono--muted{opacity:.6}.res-chrome__notch{width:4rem;height:1rem;border-radius:9999px;background-color:color-mix(in srgb,var(--color-foreground) 10%,transparent)}.res-chrome__dots{display:flex;align-items:center;gap:.375rem}.res-chrome__dot{width:.625rem;height:.625rem;border-radius:50%;background-color:#f87171b3}.res-chrome__dot:nth-child(2){background-color:#fbbf24b3}.res-chrome__dot:nth-child(3){background-color:#34d399b3}.res-chrome__url{flex:1;min-width:0;background-color:var(--color-card);padding:.25rem .625rem}.res-chrome__url code{display:block;overflow:hidden;font-family:var(--font-mono);font-size:.625rem;text-overflow:ellipsis;white-space:nowrap;color:var(--color-muted-foreground)}.res-frame__view{display:block;width:100%;height:22rem;border:0;background-color:var(--color-card)}@media(min-width:40rem){.res-frame__view{height:28rem}}.res-frame[data-view=mobile] .res-frame__view{height:30rem}@media(min-width:40rem){.res-frame[data-view=mobile] .res-frame__view{height:36rem}}.res-empty{width:100%;max-width:32rem;border:1px dashed var(--color-border);background-color:var(--color-card);padding:2rem;text-align:center}.res-term{display:inline-flex;align-items:center;gap:.375rem}.res-term__dots{display:flex;gap:.375rem}.res-term__dot{width:.625rem;height:.625rem;border-radius:50%;background-color:#f87171cc}.res-term__dot--amber{background-color:#fbbf24cc}.res-term__dot--green{background-color:#34d399cc}.res-term__label{margin-inline-start:.5rem;font-family:var(--font-mono);font-size:.6875rem;color:var(--color-muted-foreground)}.res-cmd{display:flex;flex-direction:column;align-items:stretch;gap:.75rem;padding:1.25rem 1rem}@media(min-width:40rem){.res-cmd{flex-direction:row;align-items:center;padding:1.25rem 1.5rem}}.res-cmd__prompt{font-family:var(--font-mono);color:var(--color-amber);user-select:none}.res-cmd__code{flex:1 1 auto;min-width:0;overflow-x:auto;font-family:var(--font-mono);font-size:.8125rem;white-space:nowrap;color:var(--color-foreground)}.res-registry{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;border-block-start:1px solid var(--color-border);padding:.625rem 1rem}.res-registry code{font-family:var(--font-mono);font-size:.6875rem;color:var(--color-foreground)}.res-code{overflow:hidden;border:1px solid #27272a;border-radius:.5rem;background-color:#18181b;color:#e4e4e7;font-family:Fira Code,monospace}.res-code__bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-block-end:1px solid #27272a;background-color:#1f1f22;padding:.5rem 1rem;font-family:var(--font-mono)}.res-code__file{display:inline-flex;align-items:center;gap:.5rem;min-width:0;color:#a1a1aa}.res-code__file svg{width:.875rem;height:.875rem;flex-shrink:0;color:#71717a}.res-code__file .mono{overflow:hidden;font-size:.8125rem;text-overflow:ellipsis;white-space:nowrap}.res-code__copy{display:grid;place-items:center;width:1.5rem;height:1.5rem;flex-shrink:0;border:0;border-radius:.375rem;background:transparent;color:#71717a;cursor:pointer}.res-code__copy:hover{background-color:#e4e4e714;color:#e4e4e7}.res-code__copy svg{width:.875rem;height:.875rem}.res-code__panel{display:flex;overflow-x:auto;padding-block:1rem;content-visibility:auto;contain-intrinsic-size:auto 30rem}.res-code__panel[hidden]{display:none}.res-code__gutter,.res-code__pre{margin:0;font-family:inherit;font-size:.875rem;line-height:1.6;font-variant-ligatures:none}.res-code__gutter{flex:0 0 auto;padding:0 1rem;text-align:right;color:#71717a;user-select:none}.res-code__pre{flex:1 0 auto;padding:0 1.5rem 0 0;color:#e4e4e7!important;background-color:#18181b!important}.res-code__pre:focus-visible{outline:2px solid var(--color-amber);outline-offset:-2px}.res-code__foot{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-block-start:1px solid #27272a;background-color:#1f1f22;padding:.5rem 1rem;font-family:var(--font-mono);font-size:.625rem;color:#71717a}.res-empty__title{font-weight:var(--weight-semibold)}.res-empty__text{margin-block-start:.5rem;font-size:var(--text-sm);color:var(--color-muted-foreground)}.res-ai{display:grid;border:1px solid var(--color-border);background-color:var(--color-card)}@media(min-width:64rem){.res-ai{grid-template-columns:1.4fr 1fr}}.res-ai__intro{border-block-end:1px solid var(--color-border);padding:1.5rem}@media(min-width:64rem){.res-ai__intro{border-block-end:0;border-inline-end:1px solid var(--color-border)}}.res-ai__title{margin-block-start:.75rem;font-size:1.5rem;font-weight:700;letter-spacing:-.01em}.res-ai__text{max-width:36rem;margin-block-start:.75rem;font-size:var(--text-sm);color:var(--color-muted-foreground)}.res-ai__path{padding:1.5rem}.res-uri{display:flex;align-items:center;gap:.5rem;margin-block-start:.75rem;border:1px solid var(--color-border);background-color:var(--color-subtle);padding:.75rem}.res-uri code{flex:1 1 auto;min-width:0;overflow-x:auto;font-family:var(--font-mono);font-size:.6875rem;white-space:nowrap;color:var(--color-foreground)}.res-related{display:grid;gap:1rem;margin-block-start:1.25rem;content-visibility:auto;contain-intrinsic-size:auto 48rem}@media(min-width:40rem){.res-related{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:64rem){.res-related{grid-template-columns:repeat(3,minmax(0,1fr))}}.res-card{display:flex;flex-direction:column;border:1px solid var(--color-border);background-color:var(--color-card);transition:border-color var(--transition-fast),transform var(--transition-fast)}.res-card:hover{border-color:var(--color-amber);transform:translateY(-2px);color:inherit}@media(prefers-reduced-motion:reduce){.res-card,.res-card:hover{transition:none;transform:none}}.res-card__thumb{position:relative;display:flex;align-items:center;justify-content:center;height:7rem;overflow:hidden;border-block-end:1px solid var(--color-border);background-image:radial-gradient(circle at 1px 1px,rgb(15 23 42 / .1) 1px,transparent 0);background-size:24px 24px}[data-theme=dark] .res-card__thumb{background-image:radial-gradient(circle at 1px 1px,rgb(255 255 255 / .07) 1px,transparent 0)}.res-card__frame{position:absolute;top:0;left:0;width:calc(100% / .3);height:calc(100% / .3);border:0;background-color:var(--color-card);transform:scale(.3);transform-origin:top left;pointer-events:none}.res-card__glyph{display:grid;place-items:center;width:2.5rem;height:2.5rem;border:1px solid var(--color-foreground);font-size:.75rem;font-weight:700;letter-spacing:.06em;color:var(--color-foreground)}.res-card__body{display:flex;flex:1;flex-direction:column;gap:.625rem;padding:1rem}.res-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.res-card__title{font-size:var(--text-sm);font-weight:700;overflow-wrap:anywhere}.res-card__stack{flex-shrink:0;font-size:.625rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-muted-foreground)}.res-card__desc{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:.8125rem;line-height:1.55;color:var(--color-muted-foreground)}.res-card__path{margin-block-start:auto;overflow:hidden;font-size:.625rem;text-overflow:ellipsis;white-space:nowrap;color:var(--color-muted-foreground)}@media(max-width:40rem){.res-canvas{padding:1rem}.res-card__thumb{height:9rem}.res-card__frame{width:100%;height:100%;transform:none}.res-code__gutter,.res-code__pre{font-size:.75rem}.res-code__gutter{padding:0 .625rem}.res-code__pre{padding-inline-end:1rem}}@media(pointer:coarse){.res-seg__tab,.res-btn{min-height:2.75rem;padding:.5rem .875rem;font-size:.75rem}.res-code__copy{width:2.75rem;height:2.75rem}.res-section__link{padding-block:.5rem}}