.tf-shell{--tf-text-soft:var(--anslation-ds-text-soft);--tf-radius-sm:var(--anslation-ds-radius-sm);--tf-radius:var(--anslation-ds-radius);--tf-radius-lg:var(--anslation-ds-radius-lg);--tf-radius-xl:var(--anslation-ds-radius-xl);--tf-ease:var(--anslation-ds-ease-standard);--tf-fast:var(--anslation-ds-motion-base);min-height:100vh;background:var(--page);color:var(--foreground);font-family:var(--anslation-ds-font-sans);font-size:1rem;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:clip}.tf-shell *,.tf-shell :after,.tf-shell :before{box-sizing:border-box}.tf-shell :where(h1,h2,h3,h4,p,ul,ol,figure){margin:0}.tf-shell :where(a){color:inherit;text-decoration:none}.tf-shell :where(button,input,select,textarea){font:inherit;color:inherit}.tf-shell :where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--tf-radius)}.tf-main{display:block}.tf-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.tf-skip{position:absolute;left:1rem;top:-4rem;z-index:100;padding:.5rem 1rem;border-radius:var(--tf-radius);background:var(--primary);color:var(--primary-foreground);font-weight:600}.tf-skip:focus{top:.75rem}.tf-container{width:100%;max-width:var(--anslation-ds-container);margin-inline:auto;padding-inline:var(--anslation-ds-gutter)}.tf-section{padding-block:clamp(3rem,6vw,5rem)}.tf-section--tight{padding-block:clamp(2rem,4vw,3rem)}.tf-section--surface{background:var(--surface);border-block:1px solid var(--border)}.tf-section-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem 2rem;margin-bottom:clamp(1.5rem,3vw,2rem)}.tf-section-head>div:first-child{max-width:44rem;display:grid;gap:.5rem}.tf-section-head--center{justify-content:center;text-align:center}.tf-section-head--center>div:first-child{margin-inline:auto}.tf-kicker{display:inline-flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--primary-text)}.tf-h1{font-size:clamp(2.25rem,1.4rem + 3.6vw,4rem);line-height:1.05;letter-spacing:-.035em}.tf-h1,.tf-h2{font-weight:600;color:var(--foreground);text-wrap:balance}.tf-h2{font-size:clamp(1.5rem,1.1rem + 1.6vw,2.5rem);line-height:1.12;letter-spacing:-.028em}.tf-h3{font-size:1.125rem;font-weight:600;line-height:1.3;letter-spacing:-.012em}.tf-lede{font-size:clamp(1rem,.95rem + .3vw,1.125rem);line-height:1.6;color:var(--tf-text-soft);max-width:42rem;text-wrap:pretty}.tf-muted{color:var(--muted-foreground)}.tf-link{display:inline-flex;align-items:center;gap:.375rem;color:var(--primary-text);font-weight:600;text-underline-offset:3px}.tf-link:hover{text-decoration:underline}.tf-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.5rem;padding:0 1rem;border:1px solid transparent;border-radius:var(--tf-radius);font-size:.875rem;font-weight:600;line-height:1;white-space:nowrap;cursor:pointer;text-decoration:none;transition:background-color var(--tf-fast) ease-out,border-color var(--tf-fast) ease-out,color var(--tf-fast) ease-out}.tf-btn svg{flex:none}.tf-btn--primary{background:var(--primary);color:var(--primary-foreground)}.tf-btn--primary:hover{background:var(--primary-hover)}.tf-btn--secondary{background:var(--surface);color:var(--foreground);border-color:var(--border-strong)}.tf-btn--secondary:hover{background:var(--surface-soft)}.tf-btn--ghost{background:transparent;color:var(--foreground)}.tf-btn--ghost:hover{background:var(--surface-soft)}.tf-btn--sm{min-height:2.25rem;padding:0 .75rem;font-size:.8125rem}.tf-btn--lg{min-height:2.75rem;padding:0 1.25rem;font-size:.9375rem}.tf-btn--icon{width:2.5rem;padding:0;border-radius:50%}.tf-btn--block{width:100%}.tf-btn:disabled,.tf-btn[aria-disabled=true]{opacity:.6;cursor:not-allowed}@media (pointer:coarse){.tf-btn{min-height:2.75rem}.tf-btn--icon{width:2.75rem}}.tf-chip{display:inline-flex;align-items:center;gap:.375rem;min-height:2rem;padding:0 .75rem;border:1px solid var(--border);border-radius:var(--anslation-ds-radius-pill);background:var(--surface);color:var(--tf-text-soft);font-size:.8125rem;font-weight:500;line-height:1;white-space:nowrap;cursor:pointer;transition:background-color var(--tf-fast) ease-out,border-color var(--tf-fast) ease-out,color var(--tf-fast) ease-out}a.tf-chip:hover,button.tf-chip:hover{border-color:var(--border-strong);color:var(--foreground)}.tf-chip.is-active,.tf-chip[aria-current=page],.tf-chip[aria-pressed=true]{background:var(--primary-soft);border-color:transparent;color:var(--primary-text);font-weight:600}.tf-chip--static{cursor:default;min-height:1.5rem;padding:0 .5rem;font-size:.75rem}.tf-chip-count{color:var(--muted-foreground);font-variant-numeric:tabular-nums;font-weight:500}.tf-card{position:relative;display:flex;flex-direction:column;gap:.5rem;padding:1.25rem;background:var(--card);color:var(--foreground);border:1px solid var(--border);border-radius:var(--tf-radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--tf-fast) ease-out,border-color var(--tf-fast) ease-out}.tf-card--flush{padding:0;overflow:hidden}.tf-card p{color:var(--tf-text-soft);font-size:.9375rem}.tf-card--hover:hover,a.tf-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong)}.tf-grid{display:grid;gap:clamp(1rem,2vw,1.5rem);grid-template-columns:repeat(auto-fill,minmax(min(100%,17.5rem),1fr))}.tf-grid--sm{grid-template-columns:repeat(auto-fill,minmax(min(100%,9rem),1fr))}.tf-grid--lg{grid-template-columns:repeat(auto-fill,minmax(min(100%,22rem),1fr))}.tf-crumbs{font-size:.8125rem;color:var(--muted-foreground)}.tf-crumbs ol{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:0}.tf-crumbs li,.tf-crumbs ol{align-items:center;gap:.375rem}.tf-crumbs li{display:inline-flex}.tf-crumbs li+li:before{content:"/";color:var(--border-strong)}.tf-crumbs a:hover{color:var(--foreground);text-decoration:underline;text-underline-offset:3px}.tf-crumbs [aria-current=page]{color:var(--foreground);font-weight:500}.tf-faq{display:grid;gap:.75rem;max-width:52rem;margin-inline:auto}.tf-faq details{background:var(--surface);border:1px solid var(--border)}.tf-faq details,.tf-faq summary{border-radius:var(--tf-radius-lg)}.tf-faq summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;cursor:pointer;list-style:none;font-weight:600;font-size:1rem}.tf-faq summary::-webkit-details-marker{display:none}.tf-faq summary:after{content:"+";flex:none;display:grid;place-items:center;width:1.75rem;height:1.75rem;border-radius:50%;background:var(--surface-soft);color:var(--muted-foreground);font-weight:500;font-size:1.125rem;transition:transform var(--tf-fast) ease-out}.tf-faq details[open] summary:after{content:"\2212"}.tf-faq details>:not(summary){padding:0 1.25rem 1.25rem;color:var(--tf-text-soft)}.tf-band{position:relative;overflow:hidden;display:grid;gap:1rem;justify-items:center;text-align:center;padding:clamp(2.5rem,6vw,4rem) clamp(1.25rem,4vw,3rem);border-radius:var(--tf-radius-xl);background:var(--anslation-ds-band);color:var(--anslation-ds-band-ink)}.tf-band :where(h2,.tf-h2){color:var(--anslation-ds-band-ink)}.tf-band p{max-width:40rem}.tf-band .tf-kicker,.tf-band p{color:var(--anslation-ds-band-ink-soft)}.tf-band-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:.5rem}.tf-band .tf-btn--primary{background:var(--anslation-ds-band-ink);color:var(--anslation-ds-brand-900)}.tf-band .tf-btn--primary:hover{background:var(--anslation-ds-brand-50)}.tf-band .tf-btn--secondary{background:transparent;color:var(--anslation-ds-band-ink);border-color:var(--anslation-ds-band-ink-soft)}.tf-band .tf-btn--secondary:hover{background:rgb(255 255 255/12%)}.tf-band :focus-visible{box-shadow:0 0 0 2px var(--anslation-ds-brand-900),0 0 0 4px var(--anslation-ds-band-ink)!important}.tf-input,.tf-select{width:100%;min-height:2.5rem;padding:0 .75rem;background:var(--surface);color:var(--foreground);border:1px solid var(--border-strong);border-radius:var(--tf-radius);font-size:.9375rem;transition:border-color var(--tf-fast) ease-out}.tf-input::placeholder{color:var(--input-placeholder,var(--muted-foreground))}.tf-input:focus-visible,.tf-select:focus-visible{border-color:var(--primary)}.tf-select{appearance:none;padding-right:2.25rem;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,currentColor 0),linear-gradient(135deg,currentColor 50%,transparent 0);background-position:calc(100% - 1.05rem) 50%,calc(100% - .75rem) 50%;background-size:.3rem .3rem;background-repeat:no-repeat}.tf-label{display:block;font-size:.8125rem;font-weight:600;color:var(--tf-text-soft);margin-bottom:.375rem}.tf-field-error{color:var(--danger-text);font-size:.8125rem;margin-top:.375rem}.tf-check{display:flex;align-items:flex-start;gap:.625rem;font-size:.8125rem;color:var(--tf-text-soft);line-height:1.45}.tf-check input{width:1rem;height:1rem;margin-top:.125rem;accent-color:var(--primary);flex:none}.tf-check a{color:var(--primary-text);text-decoration:underline;text-underline-offset:2px}.tf-blueprint,.tf-code{overflow:hidden;border-radius:var(--tf-radius-lg);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-md)}.tf-blueprint-head,.tf-code-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:2.75rem;padding:.375rem .5rem .375rem 1rem;border-bottom:1px solid var(--border);background:var(--surface-soft);font-family:var(--anslation-ds-font-mono);font-size:.8125rem;color:var(--muted-foreground)}.tf-blueprint-file{display:inline-flex;align-items:center;gap:.75rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tf-blueprint-dots,.tf-code-dots{display:inline-flex;gap:.3rem}.tf-blueprint-dots i,.tf-code-dots i{width:.5rem;height:.5rem;border-radius:50%;background:var(--border-strong)}.tf-blueprint-tools{display:flex;gap:.25rem}.tf-blueprint-tools button{display:inline-flex;align-items:center;gap:.375rem;min-height:2rem;padding:0 .625rem;border:0;border-radius:var(--tf-radius);background:transparent;color:var(--foreground);font-family:var(--anslation-ds-font-sans);font-size:.8125rem;font-weight:600;cursor:pointer}.tf-blueprint-tools button:hover{background:var(--surface)}.tf-code pre,.tf-markdown-viewer{margin:0;padding:1.25rem;overflow:auto;max-height:32rem;font-family:var(--anslation-ds-font-mono);font-size:.8125rem;line-height:1.7;color:var(--foreground);white-space:pre-wrap;word-break:break-word}.tf-code pre b{color:var(--primary-text);font-weight:600}.tf-code pre i{color:var(--muted-foreground);font-style:normal;font-weight:600}.tf-header{position:sticky;top:0;z-index:50;background:var(--page);border-bottom:1px solid var(--border)}.tf-header-inner{gap:1rem;min-height:4rem}.tf-brand,.tf-header-inner{display:flex;align-items:center}.tf-brand{gap:.5rem;min-width:0;margin-right:auto}.tf-brand-by{font-size:.75rem;color:var(--muted-foreground)}.tf-brand-altf,.tfl{display:inline-flex;align-items:center;min-height:2.75rem}.tfl-word{font-size:1.125rem;font-weight:600;letter-spacing:-.028em;color:var(--foreground);white-space:nowrap}.tfl-word-accent{color:var(--primary-text)}.tf-nav{display:none;align-items:center;gap:.25rem}.tf-mobile-menu a:not(.tf-btn),.tf-nav a{display:inline-flex;align-items:center;min-height:2.5rem;padding:0 .75rem;border-radius:var(--tf-radius);font-size:.875rem;font-weight:500;color:var(--muted-foreground);transition:background-color var(--tf-fast) ease-out,color var(--tf-fast) ease-out}.tf-mobile-menu a:not(.tf-btn):hover,.tf-mobile-menu a[aria-current=page],.tf-nav a:hover,.tf-nav a[aria-current=page]{color:var(--foreground);background:var(--surface-soft)}.tf-header-actions{display:flex;align-items:center;gap:.5rem}.tf-header-cta{display:none}.tf-menu-button{display:inline-flex}.tf-mobile-menu{display:grid;gap:.25rem;padding:.75rem var(--anslation-ds-gutter) 1rem;border-top:1px solid var(--border);background:var(--page)}.tf-mobile-menu a:not(.tf-btn){min-height:2.75rem;font-size:1rem}.tf-mobile-menu .tf-btn{margin-top:.5rem}@media (min-width:900px){.tf-nav{display:flex}.tf-header-cta{display:inline-flex}.tf-menu-button,.tf-mobile-menu{display:none}}@media (max-width:420px){.tf-brand-altf,.tf-brand-by{display:none}}.tf-footer{background:var(--anslation-ds-footer);color:var(--anslation-ds-footer-text);font-size:.8125rem}.tf-footer:before{content:"";display:block;height:3px;background:var(--anslation-ds-spectrum)}.tf-footer-grid{display:grid;gap:2rem;padding-block:3rem 2rem}.tf-footer-brand{display:grid;gap:.75rem;max-width:24rem;align-content:start}.tf-footer-brand p{color:var(--anslation-ds-footer-muted);line-height:1.6}.tf-footer-lockup{display:flex;align-items:center;gap:.5rem}.tf-footer-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:1.5rem}.tf-footer h2{font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--anslation-ds-footer-text);margin-bottom:.5rem}.tf-footer ul{list-style:none;padding:0;margin:0;display:grid}.tf-footer li a{display:inline-flex;align-items:center;min-height:2rem;color:var(--anslation-ds-footer-muted)}.tf-footer li a:hover{color:var(--anslation-ds-footer-text);text-decoration:underline;text-underline-offset:3px}.tf-footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 1.5rem;padding-block:1.25rem;border-top:1px solid var(--anslation-ds-footer-border);color:var(--anslation-ds-footer-muted)}@media (min-width:768px){.tf-footer-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:3rem}}.tf-pagehead{position:relative;padding-block:clamp(2rem,5vw,3.5rem) clamp(1.5rem,3vw,2.5rem)}.tf-hero:before,.tf-pagehead:before{content:"";position:absolute;inset:0;pointer-events:none;background:var(--anslation-ds-hero-glow)}.tf-pagehead>.tf-container{position:relative;display:grid;gap:.875rem}.tf-hero-actions,.tf-pagehead-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}.tf-jump{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.tf-hero{position:relative;padding-block:clamp(2.5rem,6vw,5rem) clamp(2.5rem,5vw,4rem)}.tf-hero-grid{position:relative;gap:clamp(2rem,5vw,4rem);align-items:center}.tf-hero-copy,.tf-hero-grid{display:grid;grid-template-columns:minmax(0,1fr)}.tf-hero-copy{gap:1rem;min-width:0}.tf-hero-search{display:flex;gap:.5rem;width:100%;max-width:36rem;margin-top:.5rem;padding:.375rem;border:1px solid var(--border-strong);border-radius:calc(var(--tf-radius) + .375rem);background:var(--surface);box-shadow:var(--shadow-sm)}.tf-hero-search:focus-within{border-color:var(--primary)}.tf-hero-search label{display:flex;flex:1;align-items:center;gap:.5rem;min-width:0;padding-left:.5rem;color:var(--muted-foreground)}.tf-hero-search input{flex:1;min-width:0;min-height:2.5rem;border:0;background:transparent;color:var(--foreground);font-size:1rem}.tf-hero-search input::placeholder{color:var(--input-placeholder,var(--muted-foreground))}.tf-hero-search input:focus-visible{outline:none;box-shadow:none}.tf-hero-popular{align-items:center;gap:.5rem;font-size:.8125rem}.tf-hero-facts,.tf-hero-popular{display:flex;flex-wrap:wrap;color:var(--muted-foreground)}.tf-hero-facts{gap:.25rem 1.25rem;font-size:.875rem}.tf-hero-facts b{color:var(--foreground);font-weight:600}.tf-hero-art{position:relative;min-width:0}.tf-hero-frame{overflow:hidden;border-radius:var(--tf-radius-lg);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-lg)}.tf-hero-frame .tf-template-preview{aspect-ratio:16/10.5}.tf-hero-frame--back{position:absolute;width:58%;right:-4%;bottom:-14%;display:none}.tf-hero-frame--back .tf-template-preview{aspect-ratio:4/3}.tf-hero-caption{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem;border-top:1px solid var(--border);font-size:.8125rem}.tf-hero-caption b{font-weight:600}@media (min-width:1024px){.tf-hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}.tf-hero-art{padding:0 6% 12% 0}.tf-hero-frame--back{display:block}}.tf-tcard{position:relative;display:flex;flex-direction:column;min-width:0;background:var(--card);border:1px solid var(--border);border-radius:var(--tf-radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:box-shadow var(--tf-fast) ease-out,border-color var(--tf-fast) ease-out}.tf-tcard:focus-within,.tf-tcard:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong)}.tf-tcard-media{position:relative;border-bottom:1px solid var(--border);background:var(--surface-soft)}.tf-tcard-body{display:grid;gap:.5rem;padding:1rem 1rem 1.125rem}.tf-tcard-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.tf-tcard-title{font-size:1rem;font-weight:600;letter-spacing:-.012em;line-height:1.3}.tf-tcard-link:after{content:"";position:absolute;inset:0;z-index:1;border-radius:var(--tf-radius-lg)}.tf-tcard-link:focus-visible{box-shadow:none}.tf-tcard-link:focus-visible:after{box-shadow:inset 0 0 0 2px var(--primary)}.tf-tcard-meta{font-size:.8125rem;color:var(--muted-foreground)}.tf-tcard-actions{position:relative;z-index:2;display:flex;gap:.5rem;margin-top:.25rem}.tf-tcard-actions .tf-btn{flex:1}.tf-template-preview{position:relative;display:flex;flex-direction:column;aspect-ratio:16/11;overflow:hidden}.tf-preview-nav{display:flex;align-items:center;gap:.3rem;flex:none;height:1.625rem;padding:0 .625rem;background:var(--surface-soft);border-bottom:1px solid var(--border)}.tf-preview-nav span{width:.4375rem;height:.4375rem;border-radius:50%;background:var(--border-strong)}.tf-preview-nav b{margin-left:auto;font-size:.6875rem;font-weight:600;color:var(--muted-foreground);white-space:nowrap}.tf-tcard .tf-preview-nav b{display:none}.tf-live-frame{position:relative;flex:1;overflow:hidden}.tf-live-frame,.tf-live-frame iframe{background:var(--anslation-ds-canvas)}.tf-live-frame iframe{position:absolute;top:0;left:0;border:0;transform-origin:0 0;pointer-events:none}.tf-shelf-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(16rem,19rem);gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding:.25rem var(--anslation-ds-gutter) 1rem;scroll-padding-inline:var(--anslation-ds-gutter);scrollbar-width:thin;list-style:none;margin:0}.tf-shelf-track>li{display:flex;min-width:0;scroll-snap-align:start}.tf-shelf-track>li>.tf-tcard{flex:1}.tf-shelf-wrap{max-width:var(--anslation-ds-container);margin-inline:auto}.tf-shelf-nav{display:flex;gap:.5rem}.tf-cat-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,12.5rem),1fr))}.tf-cat-tile{display:flex;align-items:center;gap:.875rem;min-height:4.5rem;padding:.875rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--tf-radius-lg);transition:border-color var(--tf-fast) ease-out,box-shadow var(--tf-fast) ease-out}.tf-cat-tile:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.tf-cat-icon{display:grid;place-items:center;flex:none;width:2.5rem;height:2.5rem;border-radius:var(--tf-radius);background:var(--primary-soft);color:var(--primary-text)}.tf-cat-text{display:grid;gap:.125rem;min-width:0}.tf-cat-name{font-weight:600;font-size:.9375rem}.tf-cat-count{font-size:.8125rem;color:var(--muted-foreground)}.tf-steps{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));counter-reset:tf-step;list-style:none;padding:0;margin:0}.tf-step{display:grid;gap:.5rem;align-content:start}.tf-step-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.25rem}.tf-step-num{font-family:var(--anslation-ds-font-mono);font-size:.8125rem;color:var(--muted-foreground)}.tf-checklist{display:grid;gap:.625rem;list-style:none;padding:0;margin:.5rem 0 0}.tf-checklist li{display:flex;gap:.625rem;align-items:flex-start;color:var(--tf-text-soft)}.tf-checklist svg{flex:none;margin-top:.2rem;color:var(--primary-text)}.tf-split{display:grid;gap:clamp(1.5rem,4vw,3.5rem);align-items:center}@media (min-width:960px){.tf-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.tf-split>div{display:grid;gap:.75rem;min-width:0}.tf-coll{padding:0;overflow:hidden;gap:0}.tf-coll-media{border-bottom:1px solid var(--border)}.tf-coll-body{display:grid;gap:.625rem;padding:1.25rem}.tf-coll-title{font-size:1.125rem;font-weight:600;letter-spacing:-.012em}.tf-coll-link:after{content:"";position:absolute;inset:0;z-index:1;border-radius:var(--tf-radius-lg)}.tf-coll-link:focus-visible{box-shadow:none}.tf-coll-link:focus-visible:after{box-shadow:inset 0 0 0 2px var(--primary)}.tf-coll-chips{display:flex;flex-wrap:wrap;gap:.375rem}.tf-coll-more{display:inline-flex;align-items:center;gap:.375rem;font-size:.875rem;font-weight:600;color:var(--primary-text)}.tf-coll:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong)}.tf-libbar{position:sticky;top:4rem;z-index:20;background:var(--page);border-block:1px solid var(--border)}.tf-libbar-inner{display:grid;gap:.75rem;padding-block:.75rem}.tf-libbar-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem}.tf-search{position:relative;flex:1 1 16rem;min-width:0}.tf-search svg{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--muted-foreground);pointer-events:none}.tf-search .tf-input{padding-left:2.375rem;padding-right:2.5rem}.tf-search-clear{position:absolute;right:.25rem;top:50%;transform:translateY(-50%)}.tf-search-clear svg{position:static;transform:none}.tf-libbar-selects{display:flex;gap:.5rem;flex-wrap:wrap}.tf-libbar-selects .tf-select{width:auto;min-width:9.5rem}.tf-chiprow{display:flex;gap:.5rem;overflow-x:auto;scrollbar-width:none;margin-inline:calc(var(--anslation-ds-gutter) * -1);padding-inline:var(--anslation-ds-gutter);padding-block:2px}.tf-chiprow::-webkit-scrollbar{display:none}.tf-libmeta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;padding-block:1.25rem 1rem;font-size:.875rem;color:var(--muted-foreground)}.tf-libmeta b{color:var(--foreground)}.tf-empty{display:grid;justify-items:center;gap:.75rem;text-align:center;padding:3rem 1.5rem;border:1px dashed var(--border-strong);border-radius:var(--tf-radius-lg);background:var(--surface)}.tf-empty h2{font-size:1.125rem;font-weight:600}.tf-empty p{color:var(--muted-foreground)}@media (max-width:640px){.tf-libbar{position:static}.tf-libbar-selects{width:100%}.tf-libbar-selects .tf-select{flex:1;min-width:0}}.tf-iconbox{display:grid;place-items:center;width:2.5rem;height:2.5rem;flex:none;border-radius:var(--tf-radius);background:var(--primary-soft);color:var(--primary-text)}.tf-rowlist{display:grid;gap:.75rem;list-style:none;padding:0;margin:0}.tf-rowlist li{display:flex;gap:.875rem;align-items:flex-start}.tf-rowlist b{display:block;font-weight:600}.tf-rowlist span{color:var(--tf-text-soft);font-size:.9375rem}.tf-card .tf-stat,.tf-stat{font-size:1.5rem;line-height:1.2;font-weight:600;letter-spacing:-.028em;color:var(--foreground)}.tf-newsletter{padding-block:clamp(2.5rem,5vw,4rem);border-top:1px solid var(--border);background:var(--surface)}.tf-newsletter-inner{display:grid;gap:1.5rem 3rem;align-items:center}.tf-newsletter-copy{display:grid;gap:.5rem}.tf-newsletter-copy h2{font-size:clamp(1.375rem,1.1rem + 1vw,1.875rem);font-weight:600;letter-spacing:-.028em;line-height:1.15}.tf-newsletter-copy>p:not(.tf-kicker){color:var(--tf-text-soft)}.tf-newsletter-form{display:grid;gap:.75rem}.tf-newsletter-row{display:flex;flex-wrap:wrap;gap:.5rem}.tf-newsletter-field{position:relative;flex:1 1 14rem;min-width:0}.tf-newsletter-field svg{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--muted-foreground)}.tf-newsletter-field input{padding-left:2.375rem}.tf-newsletter-field.is-error input{border-color:var(--danger)}.tf-newsletter-done{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;color:var(--success-text)}.tf-notify{margin-top:.5rem;font-size:.875rem;color:var(--muted-foreground)}.tf-notify span{display:inline-flex;align-items:center;gap:.5rem}@media (min-width:900px){.tf-newsletter-inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.tf-consent{display:flex;align-items:flex-start;gap:.625rem;font-size:.8125rem;line-height:1.45;color:var(--tf-text-soft);cursor:pointer}.tf-consent input{flex:none;width:1.125rem;height:1.125rem;margin:.0625rem 0 0;accent-color:var(--primary);cursor:pointer}.tf-consent em{font-style:normal;font-weight:600;color:var(--foreground)}.tf-consent.is-nudging{animation:tf-nudge .5s var(--tf-ease)}@keyframes tf-nudge{20%,60%{transform:translateX(-4px)}40%,80%{transform:translateX(4px)}}.tf-error{color:var(--danger-text);font-size:.8125rem;font-weight:500}.tf-overlay{position:fixed;inset:0;z-index:9998;display:grid;place-items:center;padding:1rem;background:var(--anslation-ds-overlay);animation:tf-fade var(--anslation-ds-motion-modal) ease-out;overscroll-behavior:contain}.tf-dialog{position:relative;width:min(100%,52rem);max-height:calc(100dvh - 2rem);overflow:auto;display:grid;background:var(--surface);color:var(--foreground);border:1px solid var(--border);border-radius:var(--tf-radius-xl);box-shadow:var(--shadow-lg);animation:tf-rise var(--anslation-ds-motion-modal) var(--tf-ease)}.tf-dialog--sm{width:min(100%,28rem)}.tf-dialog-media{display:none;background:var(--surface-soft);border-right:1px solid var(--border)}.tf-dialog-media .tf-template-preview{aspect-ratio:auto;height:100%;min-height:18rem}.tf-dialog-body{display:grid;gap:.875rem;align-content:center;padding:clamp(1.5rem,4vw,2.25rem)}.tf-dialog-body h2{font-size:1.375rem;font-weight:600;letter-spacing:-.022em;line-height:1.2;padding-right:2rem}.tf-dialog-body>p{color:var(--tf-text-soft)}.tf-dialog-close{position:absolute;top:.75rem;right:.75rem;z-index:2}.tf-dialog-form{display:grid;gap:.75rem}.tf-dialog-fine{font-size:.8125rem;color:var(--muted-foreground)}.tf-dialog-done{display:grid;gap:.5rem;justify-items:start}.tf-dialog-done .tf-iconbox{background:var(--success-soft);color:var(--success-text)}.tf-dialog-media-tag{display:flex;justify-content:space-between;gap:.5rem;padding:.75rem 1rem;font-size:.8125rem;border-top:1px solid var(--border)}.tf-dialog-media-tag small{color:var(--muted-foreground);font-size:.8125rem}@media (min-width:760px){.tf-dialog--split{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.tf-dialog--split .tf-dialog-media{display:flex;flex-direction:column}.tf-dialog--split .tf-dialog-media .tf-template-preview{flex:1}}.tf-drawer-root{position:fixed;inset:0;z-index:9995;display:flex;flex-direction:column;justify-content:flex-end}.tf-drawer-backdrop{position:absolute;inset:0;background:var(--anslation-ds-overlay)}.tf-drawer{position:relative;flex-direction:column;height:94dvh;width:100%;color:var(--foreground);border-radius:var(--tf-radius-xl) var(--tf-radius-xl) 0 0;border-top:1px solid var(--border);box-shadow:var(--shadow-lg);overflow:hidden}.tf-drawer,.tf-drawer-bar{display:flex;background:var(--surface)}.tf-drawer-bar{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;padding:.625rem clamp(.75rem,2vw,1.25rem);border-bottom:1px solid var(--border)}.tf-drawer-title{display:grid;gap:.125rem;min-width:0;flex:1 1 10rem}.tf-drawer-title h2{font-size:1rem;font-weight:600;letter-spacing:-.012em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tf-drawer-title p{font-size:.75rem;color:var(--muted-foreground)}.tf-drawer-actions,.tf-drawer-title p{display:flex;gap:.5rem;align-items:center}.tf-drawer-actions{margin-left:auto}.tf-seg{display:inline-flex;gap:.125rem;padding:.1875rem;border-radius:calc(var(--tf-radius) + .1875rem);background:var(--surface-soft);border:1px solid var(--border)}.tf-seg button{display:inline-flex;align-items:center;gap:.375rem;min-height:2rem;padding:0 .625rem;border:0;border-radius:var(--tf-radius);background:transparent;color:var(--muted-foreground);font-size:.8125rem;font-weight:500;cursor:pointer}.tf-seg button:hover{color:var(--foreground)}.tf-seg button[aria-pressed=true]{background:var(--surface);color:var(--foreground);font-weight:600;box-shadow:var(--shadow-sm)}.tf-drawer-stage{flex:1;display:flex;justify-content:center;overflow:auto;padding:clamp(.5rem,2vw,1.25rem);background:var(--surface-soft)}.tf-device{position:relative;display:flex;flex-direction:column;width:100%;height:100%;max-width:90rem;overflow:hidden;border:1px solid var(--border-strong);border-radius:var(--tf-radius);background:var(--anslation-ds-canvas);box-shadow:var(--shadow-md);transition:max-width var(--anslation-ds-motion-drawer) var(--tf-ease)}.tf-device--tablet{max-width:48rem;border-radius:var(--tf-radius-lg)}.tf-device--mobile{max-width:24.375rem;border-radius:var(--tf-radius-xl)}.tf-device iframe{flex:1;width:100%;border:0;background:var(--anslation-ds-canvas)}.tf-device-loading{position:absolute;inset:0;z-index:1;display:grid;place-content:center;justify-items:center;gap:.5rem;background:var(--surface);color:var(--muted-foreground);font-size:.8125rem}.tf-spin{animation:tf-spin 1s linear infinite;color:var(--primary-text)}@media (max-width:560px){.tf-hide-sm,.tf-seg-label{display:none}}.tf-cookie,.tf-floating-toast{position:fixed;z-index:9980;bottom:calc(1rem + var(--tf-bottom-offset, 0px));width:min(calc(100% - 2rem),24rem);display:grid;gap:.75rem;padding:1.125rem;background:var(--surface);color:var(--foreground);border:1px solid var(--border);border-radius:var(--tf-radius-lg);box-shadow:var(--shadow-lg);animation:tf-rise var(--anslation-ds-motion-modal) var(--tf-ease)}.tf-cookie{right:1rem}.tf-floating-toast{left:1rem}.tf-cookie-head,.tf-floating-toast-head{display:flex;align-items:center;gap:.625rem}.tf-cookie-icon{display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:var(--primary-soft);color:var(--primary-text)}.tf-cookie-title,.tf-floating-toast-title{font-size:.9375rem;font-weight:600}.tf-cookie-text,.tf-floating-toast-desc{font-size:.8125rem;color:var(--tf-text-soft);line-height:1.5}.tf-cookie-actions{display:flex;gap:.5rem;justify-content:flex-end}.tf-floating-toast-head{justify-content:space-between}.tf-floating-toast-tag{display:inline-flex;align-items:center;gap:.375rem;font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--primary-text)}.tf-floating-toast-body,.tf-floating-toast-form{display:grid;gap:.5rem}.tf-floating-toast-input-row{display:flex;gap:.5rem}.tf-floating-toast-confirmed{display:flex;gap:.75rem;align-items:flex-start}.tf-floating-toast-check{display:grid;place-items:center;flex:none;width:2rem;height:2rem;border-radius:50%;background:var(--success-soft);color:var(--success-text)}.tf-floating-toast-info{display:grid;gap:.25rem}.tf-input--error{border-color:var(--danger)!important}@keyframes tf-fade{0%{opacity:0}}@keyframes tf-rise{0%{opacity:0;transform:translateY(12px)}}@keyframes tf-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.tf-cookie,.tf-device,.tf-dialog,.tf-floating-toast,.tf-overlay,.tf-shell *,.tf-shell :after,.tf-shell :before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.tf-grid--cards{list-style:none;padding:0;margin:0}.tf-grid--cards>li{display:flex;min-width:0}.tf-grid--cards>li>.tf-tcard{flex:1}.tf-band .tf-band-note{font-size:.875rem}.tf-band-note a{color:var(--anslation-ds-band-ink);text-decoration:underline;text-underline-offset:3px;font-weight:600}.tf-card .tf-kicker{color:var(--primary-text);font-size:.75rem}.tf-card .tf-muted{color:var(--muted-foreground)}