.tpl-nav{letter-spacing:-.01em;flex-direction:column;padding:28px 0 0 12px;font-size:14px;display:none}.tpl-nav-item{width:176px;height:28px;color:var(--kd-soft);align-items:center;gap:10px;display:flex}.tpl-nav-item svg{width:14px;height:14px;color:var(--kd-muted);flex-shrink:0}.tpl-nav-item:hover,.tpl-nav-item[aria-current=page],.tpl-nav-item[aria-current=page] svg{color:var(--kd-ink)}.tpl-nav-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.tpl-nav-count{color:var(--kd-muted);font-variant-numeric:tabular-nums;font-size:12px}.tpl-nav-gap{height:20px}.tpl-header{flex-direction:column;gap:16px;margin-top:16px;display:flex}.tpl-header h1{color:var(--kd-ink);letter-spacing:-.025em;text-wrap:balance;font-size:28px;font-weight:400;line-height:32.2px}.tpl-header p{text-wrap:pretty;max-width:36rem;font-size:15px;line-height:22.5px}.tpl-chips{scrollbar-width:none;gap:8px;margin:16px -24px 0;padding:0 24px;display:none;overflow-x:auto}.tpl-chips a{background:var(--kd-surface);height:36px;color:var(--kd-soft);border-radius:9999px;flex-shrink:0;align-items:center;gap:8px;padding:0 14px;font-size:15px;display:flex}.tpl-chips a[aria-current=page]{background:var(--kd-raised);color:var(--kd-ink)}.tpl-chips a svg{width:14px;height:14px}.tpl-section{margin-top:56px;scroll-margin-top:32px}.tpl-section-head{align-items:baseline;gap:8px;display:flex}.tpl-section-head h2{color:var(--kd-ink);letter-spacing:-.015em;font-size:18px;font-weight:400;line-height:23.4px}.tpl-section-count{color:var(--kd-muted);font-variant-numeric:tabular-nums;font-size:13px}.tpl-section-all{color:var(--kd-soft);margin-left:auto;font-size:14px}.tpl-section-all:hover{color:var(--kd-ink)}.tpl-section[data-bare]{margin-top:32px}.tpl-section[data-bare]>.tpl-masonry:first-child{margin-top:0}.tpl-section-subtitle{margin-top:6px;font-size:14px;line-height:21px}.tpl-masonry{align-items:flex-start;gap:16px;margin-top:16px;display:flex}.tpl-masonry-column{flex-direction:column;flex:1;gap:28px;min-width:0;display:flex}.tpl-card{outline:none;flex-direction:column;gap:8px;min-width:0;display:flex}.tpl-card:hover .tpl-thumb{box-shadow:inset 0 0 0 1px #ffffff40}.tpl-card:hover .tpl-card-title{color:var(--kd-ink)}.tpl-card:focus-visible .tpl-thumb{box-shadow:inset 0 0 0 2px var(--kd-accent)}.tpl-thumb{background:var(--kd-surface);border-radius:8px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14}.tpl-thumb:after{content:"";border-radius:inherit;box-shadow:inherit;pointer-events:none;position:absolute;inset:0}.tpl-frame{width:100%;height:100%;position:relative;overflow:hidden}.tpl-card-caption{align-items:baseline;gap:8px;min-width:0;padding:0 1px;display:flex}.tpl-card-title{min-width:0;color:var(--kd-soft);letter-spacing:-.006em;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;line-height:18px;overflow:hidden}.tpl-card-note{color:var(--kd-muted);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:12px}.tpl-card-note[data-matched]{color:var(--kd-soft)}.tpl-viewer{background:linear-gradient(var(--kd-surface), var(--kd-surface)) padding-box, var(--kd-edge) border-box;border:1px solid #0000;border-radius:16px;grid-template-columns:minmax(0,1fr) 300px;margin-top:32px;display:grid;overflow:hidden}.tpl-stage{flex-direction:column;gap:14px;min-width:0;padding:24px;display:flex}.tpl-screen{place-items:center;height:min(26rem,56vw);display:grid}.tpl-screen .tpl-screen-frame{border-radius:4px;max-width:100%;max-height:100%;position:relative;overflow:hidden}.tpl-screen video,.tpl-screen img{width:100%;height:100%;position:absolute;inset:0}.tpl-transport{color:var(--kd-soft);font-variant-numeric:tabular-nums;align-items:center;gap:12px;font-size:12px;display:flex}.tpl-transport button{width:24px;height:24px;color:var(--kd-ink);cursor:pointer;border-radius:9999px;flex-shrink:0;place-items:center;display:grid}.tpl-transport button:hover{background:var(--kd-wash)}.tpl-progress{cursor:pointer;touch-action:none;flex:1;height:16px;position:relative}.tpl-progress:before{content:"";background:var(--kd-rule);border-radius:1px;position:absolute;inset:7px 0}.tpl-progress>span{background:var(--kd-soft);border-radius:1px;height:2px;position:absolute;top:7px;left:0}.tpl-progress>i{background:var(--kd-ink);border-radius:1px;width:2px;height:12px;margin-left:-1px;position:absolute;top:2px}.tpl-panel{border-left:1px solid var(--kd-rule);flex-direction:column;gap:16px;padding:20px;display:flex}.tpl-formats{background:var(--kd-page);border-radius:8px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;padding:2px;display:grid}.tpl-formats button{height:28px;color:var(--kd-soft);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:7px;font-size:13px;display:flex}.tpl-formats button:hover{color:var(--kd-ink)}.tpl-formats button[aria-pressed=true]{background:var(--kd-raised);color:var(--kd-ink)}.tpl-glyph{background:color-mix(in oklab, currentColor 14%, transparent);border:1px solid;border-radius:2px;display:block}.tpl-glyph[data-shape="16:9"]{width:15px;height:9px}.tpl-glyph[data-shape="9:16"]{width:9px;height:15px}.tpl-glyph[data-shape="1:1"]{width:11px;height:11px}.tpl-variants{border-bottom:1px solid var(--kd-rule);flex-direction:column;gap:4px;padding-bottom:16px;display:flex}.tpl-variants button{color:var(--kd-soft);font-size:14px;line-height:inherit;text-align:left;cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:4px;display:flex}.tpl-variants button:hover{background:var(--kd-wash);color:var(--kd-ink)}.tpl-variants button[aria-pressed=true]{color:var(--kd-ink)}.tpl-variants button[aria-pressed=true] .tpl-variant-thumb{box-shadow:0 0 0 2px var(--kd-accent)}.tpl-variants .tpl-variant-thumb{aspect-ratio:16/9;background:var(--kd-raised);border-radius:4px;flex-shrink:0;width:56px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14}.tpl-variants img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.tpl-actions{flex-direction:column;gap:8px;display:flex}.tpl-button{background:var(--kd-raised);height:36px;color:var(--kd-ink);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:14px;display:flex}.tpl-button:hover{background:color-mix(in srgb, var(--kd-ink) 14%, var(--kd-raised))}.tpl-button[data-primary]{background:var(--kd-accent);color:#fff}.tpl-button[data-primary]:hover{background:color-mix(in srgb, #fff 12%, var(--kd-accent))}.tpl-block{margin-top:56px}.tpl-block h2{color:var(--kd-ink);letter-spacing:-.015em;font-size:18px;font-weight:400;line-height:23.4px}.tpl-block>p{text-wrap:pretty;max-width:36rem;margin-top:12px;font-size:15px;line-height:22.5px}.tpl-prompt{background:linear-gradient(var(--kd-surface), var(--kd-surface)) padding-box, var(--kd-edge) border-box;max-width:44rem;color:var(--kd-ink);white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid #0000;border-radius:12px;margin-top:16px;padding:16px 18px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px;line-height:20px}.tpl-details{max-width:44rem;margin-top:12px}.tpl-details>div{border-bottom:1px solid var(--kd-rule);grid-template-columns:11rem minmax(0,1fr);padding:11px 0;font-size:15px;line-height:22.5px;display:grid}.tpl-details dt{color:var(--kd-muted)}.tpl-details dd{color:var(--kd-soft)}.tpl-details a{color:var(--kd-ink);text-decoration:underline;-webkit-text-decoration-color:var(--kd-rule);text-decoration-color:var(--kd-rule);text-underline-offset:3px}.tpl-search-thumb{aspect-ratio:16/9;background:var(--kd-raised);border-radius:6px;flex-shrink:0;width:80px;position:relative;overflow:hidden}.tpl-search-thumb img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.tpl-search-variant{color:var(--kd-muted);margin-left:6px}@media not (min-width:46rem){.templates .docs-sidebar .tpl-nav{letter-spacing:-.015em;padding:36px 0 0;font-size:22px;display:flex}.templates .tpl-nav-item{width:auto;height:44px}.templates .tpl-nav-item svg{display:none}.templates .tpl-nav-count{font-size:15px}.tpl-masonry{gap:12px}.tpl-masonry-column{gap:20px}.tpl-chips{display:flex}.templates .docs-main:has(.tpl-actions){padding-bottom:120px}.tpl-viewer{border-radius:16px;grid-template-columns:minmax(0,1fr)}.tpl-stage{padding:16px}.tpl-screen{height:auto;max-height:70vh}.tpl-screen .tpl-screen-frame{width:100%;max-height:70vh}.tpl-panel{border-left:0;border-top:1px solid var(--kd-rule);padding:16px}.tpl-variants{scrollbar-width:none;flex-direction:row;overflow-x:auto}.tpl-variants button{flex-direction:column;align-items:flex-start;gap:6px}.tpl-variants .tpl-variant-thumb{width:120px}.tpl-actions{z-index:5;padding:12px 24px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--kd-rule);background:var(--kd-page);flex-direction:row;position:fixed;inset:auto 0 0}.tpl-actions .tpl-button{height:44px;font-size:16px}.tpl-actions .tpl-button[data-primary]{flex:1}.tpl-actions .tpl-button:not([data-primary]){width:44px;padding:0}.tpl-copy-label{display:none}.tpl-details>div{grid-template-columns:8rem minmax(0,1fr)}}@media (min-width:46rem){.templates .tpl-nav{display:flex}.templates .docs-main{width:min(59rem,100vw + -1*max(15rem,50vw - 18rem) - 4rem)}}