.tf-shell{--tf-red:#6366f1;--tf-red-hover:#4f46e5;--tf-red-light:#eef2ff;--tf-red-deep:#4338ca;--tf-accent-text:#4338ca;--tf-primary:#6366f1;--tf-cyan:#0891b2;--tf-cyan-light:#06b6d4;--tf-violet:#8b5cf6;--tf-violet-text:#7c3aed;--tf-ember:#0891b2;--tf-amber:#8b5cf6;--tf-forge-grad:linear-gradient(135deg,#6366f1,#8b5cf6);--tf-forge-soft:linear-gradient(135deg,#eef2ff,#f3f0ff);--tf-bg:#ffffff;--tf-surface:#ffffff;--tf-surface-2:#f5f7fb;--tf-text:#0f172a;--tf-muted:#64748b;--tf-faint:#94a3b8;--tf-border:#e6e9f0;--tf-border-strong:#cbd5e1;--tf-dark:#0f172a;--tf-dark-2:#1e293b;--tf-dark-line:#334155;--tf-r-xs:8px;--tf-r-sm:10px;--tf-r-md:12px;--tf-r-lg:16px;--tf-r-xl:20px;--tf-r-pill:999px;--tf-shadow-xs:0 1px 2px rgba(15,23,42,0.06);--tf-shadow-sm:0 1px 3px rgba(15,23,42,0.08),0 1px 2px rgba(15,23,42,0.05);--tf-shadow-md:0 10px 28px rgba(15,23,42,0.10);--tf-shadow-lg:0 22px 48px rgba(15,23,42,0.14);--tf-shadow-red:0 10px 24px rgba(99,102,241,0.26);--tf-ring:0 0 0 4px rgba(99,102,241,0.16);--tf-ease:cubic-bezier(0.4,0,0.2,1);--tf-t:200ms var(--tf-ease);min-height:100vh;background:var(--tf-bg);color:var(--tf-text);font-family:var(--font-geist-sans),"Inter",system-ui,-apple-system,sans-serif;font-feature-settings:"cv02","cv03","cv04","cv11";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.tf-shell *,.tf-shell :after,.tf-shell :before{box-sizing:border-box}.tf-shell :focus-visible{outline:2px solid var(--tf-red);outline-offset:2px;border-radius:4px}.tf-container{width:min(1240px,calc(100% - 40px));margin:0 auto}.tf-eyebrow,.tf-section-label{margin:0 0 12px;color:var(--tf-red);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.tf-section-label{display:inline-flex;align-items:center;gap:8px;color:var(--tf-muted)}.tf-section-label:before{content:"";width:18px;height:1px;background:var(--tf-red)}.tf-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 18px;border:1px solid transparent;border-radius:var(--tf-r-sm);font-size:14px;font-weight:600;line-height:1;white-space:nowrap;text-decoration:none;cursor:pointer;transition:background var(--tf-t),border-color var(--tf-t),color var(--tf-t),box-shadow var(--tf-t),transform var(--tf-t)}.tf-button:active{transform:translateY(1px)}.tf-button-primary{background-color:var(--tf-red);background-image:var(--tf-forge-grad);color:#fff;box-shadow:var(--tf-shadow-red)}.tf-button-primary:hover{background-image:linear-gradient(135deg,#818cf8,#4f46e5 52%,#4338ca);box-shadow:0 12px 28px rgba(79,70,229,.34)}.tf-button-secondary{background:var(--tf-surface);color:var(--tf-text);border-color:var(--tf-border);box-shadow:var(--tf-shadow-xs)}.tf-button-secondary:hover{border-color:var(--tf-border-strong);background:var(--tf-surface-2)}.tf-button-ghost{background:transparent;color:var(--tf-muted);border-color:transparent}.tf-button-ghost:hover{color:var(--tf-text);background:rgba(15,23,42,.05)}.tf-button-dark{background:var(--tf-dark);color:#fff}.tf-button-dark:hover{background:#000}.tf-badge{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px;border-radius:var(--tf-r-pill);border:1px solid var(--tf-border);background:var(--tf-surface);color:var(--tf-muted);font-size:11px;font-weight:600;letter-spacing:.01em;white-space:nowrap}.tf-badge--source{border-color:rgba(28,22,17,.12);color:var(--tf-text)}.tf-badge--original{border-color:rgba(139,92,246,.32);background:#f3f0ff;color:var(--tf-violet-text)}.tf-badge--dark{border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.08);color:#fff}.tf-badge-dot{width:6px;height:6px;border-radius:999px;background:currentColor}.tf-header{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--tf-border);background:rgba(255,255,255,.8);backdrop-filter:saturate(180%) blur(18px)}.tf-header-inner{display:flex;align-items:center;gap:28px;min-height:66px}.tf-logo{display:inline-flex;align-items:center;gap:10px;color:var(--tf-text);font-weight:700;font-size:16px;letter-spacing:-.01em;text-decoration:none}.tf-logo-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--tf-red);color:#fff;font-size:14px;font-weight:800;letter-spacing:-.02em;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),var(--tf-shadow-red)}.tf-brand{display:inline-flex;align-items:center;gap:12px}.tf-brand-by{color:var(--tf-faint);font-size:13px;font-weight:500;font-style:italic;user-select:none}.tf-brand-altf{align-items:center;border-radius:8px}.tf-brand-altf:focus-visible{outline:2px solid var(--tf-red);outline-offset:3px}.tfl{display:inline-flex;align-items:center;gap:11px;text-decoration:none;color:var(--tf-text)}.tfl:focus-visible{outline:2px solid var(--tf-red);outline-offset:4px;border-radius:10px}.tfl-mark{--rx:0deg;--ry:0deg;--sc:1;position:relative;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;overflow:hidden;background:linear-gradient(145deg,#818cf8,#6366f1 46%,#4338ca);box-shadow:0 6px 15px rgba(99,102,241,.34),inset 0 1px 0 rgba(255,255,255,.42),inset 0 -9px 16px rgba(30,27,75,.28);transform:perspective(460px) rotateX(var(--rx)) rotateY(var(--ry)) scale(var(--sc));transform-style:preserve-3d;transition:transform .2s var(--tf-ease),box-shadow .22s var(--tf-ease);will-change:transform}.tfl:hover .tfl-mark{--sc:1.06;box-shadow:0 12px 26px rgba(99,102,241,.46),inset 0 1px 0 rgba(255,255,255,.5),inset 0 -9px 16px rgba(30,27,75,.3)}.tfl:active .tfl-mark{--sc:0.97}.tfl-sheen{position:absolute;inset:-2px;pointer-events:none;background:linear-gradient(115deg,transparent 34%,rgba(255,255,255,.5) 48%,transparent 62%);transform:translateX(-130%);transition:transform .7s var(--tf-ease)}.tfl:hover .tfl-sheen{transform:translateX(130%)}.tfl-svg{position:relative;z-index:1;width:30px;height:30px}.tfl-glyph{fill:#fff}.tfl-glyph-shadow{fill:rgba(30,27,75,.3);transform:translate(1.2px,2px);transition:transform .22s var(--tf-ease)}.tfl:hover .tfl-glyph-shadow{transform:translate(2px,3px)}.tfl-ember{fill:#67e8f9;transform-box:fill-box;transform-origin:center}.tfl:hover .tfl-ember{filter:drop-shadow(0 0 3px rgba(103,232,249,.95));animation:tfl-ember 1.1s ease-in-out infinite}@keyframes tfl-ember{0%,to{transform:scale(1);opacity:.85}50%{transform:scale(1.35);opacity:1}}.tfl-word{font-size:19px;font-weight:750;letter-spacing:-.02em;line-height:1;color:var(--tf-text);white-space:nowrap}.tfl-word-accent{background:linear-gradient(90deg,#6366f1,#8b5cf6 50%,#6366f1);background-size:200% 100%;background-position:0 0;-webkit-background-clip:text;background-clip:text;color:transparent;transition:background-position .55s var(--tf-ease)}.tfl:hover .tfl-word-accent{background-position:-100% 0}.tfl--light .tfl-word{color:#fff}.tfl--light .tfl-word-accent{background:linear-gradient(90deg,#818cf8,#a78bfa 50%,#818cf8);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}.tf-footer .tfl{display:inline-flex;margin:0}.tf-footer .tfl:hover{color:inherit}.tf-footer .tf-brand-by{color:rgba(255,255,255,.55)}.tf-footer .tf-brand-altf{display:inline-flex;margin:0}.tf-footer .tf-brand-altf .alt-ui-brand-logo,.tf-footer .tf-brand-altf .alt-ui-brand-logo__wordmark{color:#f8fafc}@media (max-width:480px){.tf-header-inner{gap:14px}.tf-brand,.tfl{gap:8px}.tfl-mark{width:34px;height:34px;border-radius:10px}.tfl-svg{width:26px;height:26px}.tfl-word{font-size:16px}.tf-brand-by{font-size:12px}}.tf-nav{display:flex;align-items:center;gap:6px}.tf-nav a{padding:8px 12px;border-radius:var(--tf-r-xs);color:var(--tf-muted);font-size:14px;font-weight:500;text-decoration:none;transition:color var(--tf-t),background var(--tf-t)}.tf-nav a:hover{color:var(--tf-text);background:rgba(15,23,42,.05)}.tf-header-inner>.tf-brand{flex:1 1 0;min-width:0}.tf-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex:1 1 0}.tf-header-search{display:inline-flex;align-items:center;gap:8px;min-width:200px;height:40px;padding:0 12px;border:1px solid var(--tf-border);border-radius:var(--tf-r-sm);background:var(--tf-surface-2);color:var(--tf-faint);font-size:13px;font-weight:500;text-decoration:none;transition:border-color var(--tf-t),background var(--tf-t)}.tf-header-search span{margin-right:auto}.tf-header-search:after{content:"⌘K";padding:2px 6px;border:1px solid var(--tf-border);border-radius:6px;background:var(--tf-surface);color:var(--tf-faint);font-size:11px;font-weight:600}.tf-header-search:hover{border-color:var(--tf-border-strong);background:var(--tf-surface)}.tf-menu-button,.tf-mobile-menu{display:none}.tf-hero{position:relative;padding:68px 0 56px;overflow:hidden;background:var(--tf-surface);border-bottom:1px solid var(--tf-border)}.tf-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--tf-border) 1px,transparent 1px),linear-gradient(90deg,var(--tf-border) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(120% 90% at 50% 0,#000 30%,transparent 78%);mask-image:radial-gradient(120% 90% at 50% 0,#000 30%,transparent 78%);opacity:.5;pointer-events:none}.tf-hero .tf-container{position:relative;z-index:1}.tf-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(440px,.92fr);gap:56px;align-items:center}.tf-hero h1{max-width:15ch;margin:16px 0 0;color:var(--tf-text);font-size:clamp(38px,5.4vw,64px);line-height:1.02;letter-spacing:-.03em;font-weight:700}.tf-hero h1 span{color:var(--tf-red)}.tf-hero-lede{max-width:46ch;margin:20px 0 28px;color:var(--tf-muted);font-size:17px;line-height:1.6}.tf-hero-search{display:flex;align-items:center;gap:10px;max-width:520px;height:54px;margin:0 0 18px;padding:0 8px 0 16px;border:1px solid var(--tf-border);border-radius:var(--tf-r-md);background:var(--tf-surface);color:var(--tf-faint);box-shadow:var(--tf-shadow-sm);transition:border-color var(--tf-t),box-shadow var(--tf-t)}.tf-hero-search:focus-within,.tf-hero-search:hover{border-color:var(--tf-red);box-shadow:var(--tf-ring)}.tf-hero-search span{flex:1;overflow:hidden;color:var(--tf-faint);font-size:14px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.tf-hero-search .tf-button{min-height:38px}.tf-hero-actions{display:flex;flex-wrap:wrap;gap:12px}.tf-metrics{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:28px;padding-top:24px;border-top:1px solid var(--tf-border)}.tf-metrics span{display:inline-flex;align-items:center;gap:7px;color:var(--tf-muted);font-size:12px;font-weight:500;letter-spacing:.02em;text-transform:uppercase}.tf-metrics svg{color:var(--tf-red)}.tf-hero-collage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;min-width:0}.tf-hero-collage>*{min-width:0;box-shadow:var(--tf-shadow-md);border-radius:var(--tf-r-md);overflow:hidden}.tf-hero-collage>:nth-child(2),.tf-hero-collage>:nth-child(3){transform:translateY(26px)}.tf-section{padding:72px 0}.tf-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:32px}.tf-section-heading h2{margin:0 0 8px;font-size:clamp(28px,3.6vw,40px);line-height:1.08;letter-spacing:-.025em;font-weight:700}.tf-section-heading span{display:block;max-width:52ch;color:var(--tf-muted);font-size:15px;line-height:1.55}.tf-guide{position:relative;padding:66px 0 74px;overflow:hidden;background:radial-gradient(78% 55% at 6% 0,rgba(99,102,241,.06),transparent 60%),radial-gradient(64% 50% at 100% 108%,rgba(139,92,246,.06),transparent 60%),var(--tf-surface);border-bottom:1px solid var(--tf-border)}.tf-guide-head{max-width:640px;margin:0 0 42px}.tf-guide-head h2{margin:8px 0 12px;font-size:clamp(28px,3.5vw,42px);line-height:1.07;letter-spacing:-.026em;font-weight:700}.tf-guide-head h2 span{background:var(--tf-forge-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.tf-guide-head p:not(.tf-eyebrow){max-width:60ch;margin:0;color:var(--tf-muted);font-size:16px;line-height:1.62}.tf-guide-steps{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none}.tf-guide-step{position:relative;z-index:1;opacity:0;transform:translateY(18px)}.tf-guide.is-visible .tf-guide-step{animation:tf-guide-rise .62s var(--tf-ease) both;animation-delay:calc(var(--i) * 95ms)}@keyframes tf-guide-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.tf-guide-step-card{position:relative;display:flex;flex-direction:column;gap:11px;height:100%;padding:22px 22px 24px;border:1px solid var(--tf-border);border-radius:var(--tf-r-lg);background:var(--tf-surface);box-shadow:var(--tf-shadow-sm)}.tf-guide-step-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:3px}.tf-guide-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background-image:var(--tf-forge-grad);color:#fff;box-shadow:0 6px 15px rgba(99,102,241,.3),inset 0 1px 0 rgba(255,255,255,.4)}.tf-guide-num{font-size:30px;font-weight:800;letter-spacing:-.03em;line-height:1;color:color-mix(in srgb,var(--tf-red) 12%,transparent);-webkit-text-stroke:1.4px var(--tf-border-strong)}.tf-guide-step h3{margin:6px 0 0;color:var(--tf-text);font-size:17px;font-weight:650;letter-spacing:-.01em}.tf-guide-step p{margin:0;color:var(--tf-muted);font-size:14px;line-height:1.58}.tf-guide-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}@media (max-width:1024px){.tf-guide-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.tf-guide-steps{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.tf-guide-step{opacity:1;transform:none;animation:none!important}}.tf-template-grid-section{display:grid;gap:24px}.tf-discovery-panel{display:grid;gap:16px;padding:16px;border:1px solid var(--tf-border);border-radius:var(--tf-r-lg);background:var(--tf-surface);box-shadow:var(--tf-shadow-sm)}.tf-search{display:flex;align-items:center;gap:12px;min-height:52px;padding:0 16px;border:1px solid var(--tf-border);border-radius:var(--tf-r-md);background:var(--tf-surface-2);color:var(--tf-faint);transition:border-color var(--tf-t),box-shadow var(--tf-t),background var(--tf-t)}.tf-search:focus-within{border-color:var(--tf-red);background:var(--tf-surface);box-shadow:var(--tf-ring)}.tf-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--tf-text);font-size:15px;font-family:inherit}.tf-search input:focus,.tf-search input:focus-visible{outline:none;box-shadow:none}.tf-search input::placeholder{color:var(--tf-faint)}.tf-search kbd{padding:3px 7px;border:1px solid var(--tf-border);border-radius:6px;background:var(--tf-surface);color:var(--tf-faint);font-family:inherit;font-size:11px;font-weight:600}.tf-search kbd+kbd{display:none}.tf-filter-wrap{display:grid;gap:12px}.tf-filter-meta{display:flex;justify-content:flex-end;color:var(--tf-faint);font-size:12px;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.tf-category-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.tf-category-row::-webkit-scrollbar{display:none}.tf-filter-pill{flex:none;height:36px;padding:0 14px;border:1px solid var(--tf-border);border-radius:var(--tf-r-pill);background:var(--tf-surface);color:var(--tf-muted);font-size:13px;font-weight:500;white-space:nowrap;cursor:pointer;transition:all var(--tf-t)}.tf-filter-pill:hover{border-color:var(--tf-border-strong);color:var(--tf-text)}.tf-filter-pill.is-active{border-color:var(--tf-red);background:var(--tf-red);color:#fff;box-shadow:var(--tf-shadow-red)}.tf-template-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.tf-template-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--tf-border);border-radius:var(--tf-r-lg);background:var(--tf-surface);box-shadow:var(--tf-shadow-xs);transition:transform var(--tf-t),box-shadow var(--tf-t),border-color var(--tf-t)}.tf-template-card:hover{transform:translateY(-4px);border-color:var(--tf-border-strong);box-shadow:var(--tf-shadow-lg)}.tf-template-card>.tf-template-preview{position:relative;display:block;aspect-ratio:16/11;overflow:hidden;border-bottom:1px solid var(--tf-border);background:var(--tf-surface-2);text-decoration:none}.tf-template-card>.tf-template-preview>.tf-template-preview{width:100%;height:100%;border:0;border-radius:0;transition:transform .4s var(--tf-ease)}.tf-template-card:hover>.tf-template-preview>.tf-template-preview{transform:scale(1.03)}.tf-preview-overlay{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;background:rgba(26,21,18,.42);opacity:0;transition:opacity var(--tf-t);pointer-events:none}.tf-template-card:hover .tf-preview-overlay{opacity:1}.tf-preview-overlay-button{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:var(--tf-r-pill);background:#fff;color:var(--tf-text);font-size:13px;font-weight:600;box-shadow:var(--tf-shadow-md);transform:translateY(6px);transition:transform var(--tf-t)}.tf-template-card:hover .tf-preview-overlay-button{transform:translateY(0)}.tf-card-badge{position:absolute;top:12px;left:12px;z-index:3;box-shadow:var(--tf-shadow-xs)}.tf-template-card-content{display:flex;flex:1;flex-direction:column;gap:13px;padding:14px 15px 15px}.tf-template-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.tf-template-card-heading h3{margin:0;color:var(--tf-text);font-size:16px;font-weight:650;line-height:1.25;letter-spacing:-.01em}.tf-template-category{display:block;margin-top:4px;color:var(--tf-muted);font-size:13px;font-weight:500}.tf-template-card-actions{display:grid;grid-template-columns:1fr 1.35fr;gap:8px;margin-top:auto}.tf-template-card-actions .tf-button{min-height:38px;padding:0 10px;gap:6px;font-size:12px}.tf-template-card-actions .tf-button-ghost{background:var(--tf-surface);border-color:var(--tf-border);color:var(--tf-text)}.tf-template-card-actions .tf-button-ghost:hover{border-color:var(--tf-border-strong);background:var(--tf-surface-2);color:var(--tf-text)}.tf-template-preview{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;background:var(--preview-soft,var(--tf-surface-2))}.tf-preview-nav{display:flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-bottom:1px solid rgba(28,22,17,.06);background:#fff;flex:none}.tf-preview-nav span{width:8px;height:8px;border-radius:999px;background:#e2e2e6}.tf-preview-nav span:first-child{background:#f4b1ae}.tf-preview-nav span:nth-child(2){background:#f6ddb0}.tf-preview-nav span:nth-child(3){background:#bfe3c0}.tf-preview-nav b{margin-left:auto;padding:2px 8px;border-radius:999px;background:var(--tf-surface-2);color:var(--tf-faint);font-size:10px;font-weight:600;letter-spacing:.02em}.tf-preview-body{position:relative;flex:1;min-height:0;padding:14px;background:radial-gradient(120% 80% at 90% -10%,color-mix(in srgb,var(--preview-accent,var(--tf-red)) 14%,transparent),transparent 60%),var(--preview-soft,var(--tf-surface-2));overflow:hidden}.tf-preview-hero-block{display:grid;grid-template-columns:1fr .82fr;gap:14px;align-items:center;padding:16px;border:1px solid rgba(28,22,17,.06);border-radius:10px;background:#fff;box-shadow:var(--tf-shadow-xs)}.tf-preview-hero-block p{margin:0 0 8px;color:var(--preview-accent,var(--tf-red));font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.tf-preview-hero-block h4{margin:0;color:var(--preview-dark,var(--tf-text));font-size:22px;line-height:1.02;letter-spacing:-.02em;font-weight:700}.tf-mini-bars{display:grid;gap:6px;margin-top:12px}.tf-mini-bars span,.tf-preview-grid span,.tf-preview-strip span{display:block;height:6px;border-radius:999px;background:rgba(28,22,17,.1)}.tf-preview-art{position:relative;height:100px;border-radius:8px;overflow:hidden;background:linear-gradient(140deg,var(--preview-dark,var(--tf-dark)),var(--preview-accent,var(--tf-red)))}.tf-preview-art span{position:absolute;border-radius:6px;background:rgba(255,255,255,.8)}.tf-preview-art span:first-child{left:12px;top:12px;width:42px;height:30px}.tf-preview-art span:nth-child(2){right:12px;top:16px;width:30px;height:50px;background:rgba(255,255,255,.55)}.tf-preview-art span:nth-child(3){left:28px;bottom:12px;width:64px;height:12px;background:rgba(255,255,255,.7)}.tf-preview-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.tf-preview-stats span{overflow:hidden;padding:8px;border-radius:8px;background:#fff;border:1px solid rgba(28,22,17,.05);color:var(--preview-dark,var(--tf-text));font-size:9px;font-weight:600;text-align:center;text-overflow:ellipsis;white-space:nowrap}.tf-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.tf-preview-grid div{min-height:54px;padding:9px;border-radius:8px;background:#fff;border:1px solid rgba(28,22,17,.05)}.tf-preview-grid strong{display:block;overflow:hidden;color:var(--preview-dark,var(--tf-text));font-size:9px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.tf-preview-grid span{width:66%;margin-top:12px}.tf-preview-strip{display:grid;grid-template-columns:1fr .7fr .9fr;gap:10px;margin-top:10px;padding:12px;border-radius:8px;background:var(--preview-dark,var(--tf-dark))}.tf-preview-strip span{height:9px;background:rgba(255,255,255,.42)}.tf-preview-float-card{display:grid;gap:4px;margin-top:10px;padding:10px;border:1px solid rgba(28,22,17,.06);border-radius:8px;background:#fff;box-shadow:var(--tf-shadow-sm)}.tf-preview-float-card strong{overflow:hidden;color:var(--preview-dark,var(--tf-text));font-size:10px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.tf-preview-float-card span{color:var(--tf-muted);font-size:9px;font-weight:500}.tf-featured{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:24px}.tf-featured-side{display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:24px}.tf-featured .tf-template-card>.tf-template-preview{aspect-ratio:16/10}.tf-featured-main .tf-template-card>.tf-template-preview{aspect-ratio:16/9}.tf-collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.tf-collection-card{display:flex;flex-direction:column;gap:16px;padding:24px;border:1px solid var(--tf-border);border-radius:var(--tf-r-lg);background:var(--tf-surface);box-shadow:var(--tf-shadow-sm);transition:transform var(--tf-t),box-shadow var(--tf-t),border-color var(--tf-t)}.tf-collection-card:hover{transform:translateY(-4px);border-color:var(--tf-border-strong);box-shadow:var(--tf-shadow-lg)}.tf-collection-count{align-self:flex-start;padding:4px 10px;border-radius:var(--tf-r-pill);background:#f3f0ff;color:var(--tf-violet-text);font-size:11px;font-weight:700;letter-spacing:.02em}.tf-collection-head h3{margin:12px 0 8px;font-size:21px;font-weight:700;letter-spacing:-.015em;line-height:1.15}.tf-collection-head p{margin:0;color:var(--tf-muted);font-size:14.5px;line-height:1.6}.tf-collection-cats{display:flex;flex-wrap:wrap;gap:7px}.tf-collection-cats a{padding:5px 11px;border-radius:var(--tf-r-pill);border:1px solid var(--tf-border);background:var(--tf-surface-2);color:var(--tf-muted);font-size:12px;font-weight:550;text-decoration:none;transition:border-color var(--tf-t),color var(--tf-t),background var(--tf-t)}.tf-collection-cats a:hover{border-color:var(--tf-cyan);color:var(--tf-cyan);background:#ecfeff}.tf-collection-samples{list-style:none;margin:0;padding:14px 0 4px;border-top:1px dashed var(--tf-border);display:grid;gap:4px}.tf-collection-sample{display:flex;align-items:center;gap:11px;padding:7px 8px;margin:0 -8px;border-radius:var(--tf-r-sm);text-decoration:none;color:inherit;transition:background var(--tf-t)}.tf-collection-sample:hover{background:rgba(15,23,42,.05)}.tf-collection-sample .tf-sidethumb{width:46px;height:34px}.tf-collection-sample-text{display:flex;flex-direction:column;gap:1px;min-width:0}.tf-collection-sample-text b{font-size:13.5px;font-weight:650;color:var(--tf-text)}.tf-collection-sample-text small{font-size:12px;color:var(--tf-muted)}.tf-collection-cta{display:inline-flex;align-items:center;gap:7px;margin-top:auto;padding-top:6px;color:var(--tf-cyan);font-size:14px;font-weight:650;text-decoration:none;transition:gap var(--tf-t)}.tf-collection-cta:hover{gap:10px}.tf-workflow{padding:56px 0;background:var(--tf-dark)}.tf-workflow-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid var(--tf-dark-line);border-radius:var(--tf-r-lg);background:var(--tf-dark-line)}.tf-workflow article{display:flex;flex-direction:column;gap:14px;min-height:130px;padding:20px;background:var(--tf-dark-2);transition:background var(--tf-t)}.tf-workflow article:hover{background:#2e261f}.tf-workflow span{color:var(--tf-red);font-size:13px;font-weight:700;letter-spacing:.04em}.tf-workflow h3{margin:auto 0 0;color:#fff;font-size:15px;font-weight:550;line-height:1.3}.tf-blueprint-band{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-bottom:72px;padding:40px;border:1px solid var(--tf-border);border-radius:var(--tf-r-xl);background:linear-gradient(120deg,var(--tf-surface),var(--tf-red-light))}.tf-blueprint-band h2{margin:8px 0;font-size:clamp(26px,3vw,34px);letter-spacing:-.02em;font-weight:700}.tf-blueprint-band p{max-width:60ch;margin:0;color:var(--tf-muted);font-size:15px;line-height:1.6}.tf-page{padding:40px 0 80px}.tf-page-hero{padding:12px 0 28px}.tf-page-hero h1{max-width:20ch;margin:0;font-size:clamp(34px,4.6vw,52px);line-height:1.04;letter-spacing:-.03em;font-weight:700}.tf-page-hero p{max-width:62ch;margin:16px 0 0;color:var(--tf-muted);font-size:16px;line-height:1.6}.tf-back-link{display:inline-flex;align-items:center;gap:6px;margin-bottom:24px;color:var(--tf-muted);font-size:14px;font-weight:500;text-decoration:none;transition:color var(--tf-t)}.tf-back-link:hover{color:var(--tf-cyan)}.tf-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 336px;gap:44px;align-items:start}.tf-detail-main{min-width:0}.tf-detail-preview{position:relative;overflow:hidden;border:1px solid var(--tf-border);border-radius:var(--tf-r-lg);background:var(--tf-surface);box-shadow:var(--tf-shadow-md)}.tf-detail-preview .tf-preview-body{padding:22px}.tf-detail-preview .tf-preview-hero-block{min-height:200px}.tf-detail-preview .tf-preview-grid div{min-height:92px}.tf-detail-panel{position:sticky;top:88px;display:flex;flex-direction:column;gap:16px;min-width:0}.tf-source-title{margin:0 0 12px!important;color:var(--tf-muted)!important;font-size:12px!important;font-weight:600;letter-spacing:.02em}.tf-detail-stats{display:grid;gap:0;margin:20px 0;border-top:1px solid var(--tf-border)}.tf-detail-stats span{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--tf-border);color:var(--tf-text);font-size:13px;font-weight:500}.tf-detail-stats span svg{color:var(--tf-muted)}.tf-detail-info{display:grid;grid-template-columns:1.4fr .8fr;gap:28px;align-items:start;margin-top:20px}.tf-included-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.tf-included-grid span{padding:14px;border:1px solid var(--tf-border);border-radius:var(--tf-r-sm);background:var(--tf-surface);color:var(--tf-text);font-size:13px;font-weight:500}.tf-license-panel{padding:20px;border:1px solid var(--tf-border);border-radius:var(--tf-r-lg);background:var(--tf-surface);box-shadow:var(--tf-shadow-xs)}.tf-license-panel dl{display:grid;grid-template-columns:108px 1fr;gap:12px 14px;margin:14px 0 0;font-size:14px}.tf-license-panel dt{color:var(--tf-muted);font-weight:500}.tf-license-panel dd{margin:0;color:var(--tf-text);font-weight:550}.tf-license-panel dd a{color:var(--tf-cyan);text-decoration:none}.tf-markdown-viewer{overflow:auto;max-height:560px;margin:0;padding:22px;border:1px solid var(--tf-dark-line);border-radius:var(--tf-r-lg);background:#101013;color:#e4e4e7;font-family:var(--font-geist-mono),ui-monospace,"SF Mono",Menlo,monospace;font-size:13px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.tf-license-badge{display:inline-flex;align-items:center;border-radius:var(--tf-r-pill);padding:4px 9px;background:var(--tf-red-light);color:var(--tf-accent-text);font-size:11px;font-weight:600}.tf-tag-row{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}.tf-tag-row span{padding:5px 10px;border:1px solid var(--tf-border);border-radius:var(--tf-r-pill);background:var(--tf-surface-2);color:var(--tf-muted);font-size:12px;font-weight:500}.tf-fullscreen-preview{min-height:calc(100vh - 66px);background:#e9e9ec}.tf-preview-toolbar{position:sticky;top:66px;z-index:30;display:flex;align-items:center;gap:16px;min-height:58px;padding:10px 18px;border-bottom:1px solid var(--tf-dark-line);background:var(--tf-dark);color:#fff}.tf-preview-back,.tf-preview-brand{display:inline-flex;align-items:center;gap:8px;color:#fff;font-size:14px;font-weight:600;text-decoration:none}.tf-preview-back{color:rgba(255,255,255,.72);transition:color var(--tf-t)}.tf-preview-back:hover{color:#fff}.tf-preview-brand{margin-right:auto}.tf-preview-brand span{color:rgba(255,255,255,.55);font-weight:500}.tf-viewport-switcher{display:inline-flex;align-items:center;gap:2px;padding:4px;border:1px solid var(--tf-dark-line);border-radius:var(--tf-r-sm);background:rgba(15,23,42,.05)}.tf-viewport-switcher button{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 12px;border:0;border-radius:7px;background:transparent;color:rgba(255,255,255,.65);font-size:12px;font-weight:550;cursor:pointer;transition:all var(--tf-t)}.tf-viewport-switcher button:hover{color:#fff}.tf-viewport-switcher button.is-active{background:var(--tf-red);color:#fff}.tf-preview-stage{display:flex;justify-content:center;min-height:calc(100vh - 124px);padding:28px;overflow:auto}.tf-preview-device{width:min(1200px,100%);align-self:flex-start;border-radius:var(--tf-r-md);overflow:hidden;background:#fff;box-shadow:var(--tf-shadow-lg);transition:width .24s var(--tf-ease)}.tf-preview-stage.is-tablet .tf-preview-device{width:768px}.tf-preview-stage.is-mobile .tf-preview-device{width:390px}.tf-preview-stage.is-mobile .tf-preview-grid,.tf-preview-stage.is-tablet .tf-preview-grid{grid-template-columns:1fr 1fr}.tf-preview-stage.is-mobile .tf-preview-hero-block{grid-template-columns:1fr}.tf-about-grid,.tf-docs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.tf-about-grid article,.tf-docs-grid article{padding:22px;border:1px solid var(--tf-border);border-radius:var(--tf-r-lg);background:var(--tf-surface);box-shadow:var(--tf-shadow-xs)}.tf-about-grid h2,.tf-docs-grid h2{margin:0 0 8px;font-size:18px;font-weight:650;letter-spacing:-.01em}.tf-about-grid p,.tf-docs-grid p{margin:0;color:var(--tf-muted);font-size:14px;line-height:1.6}.tf-importer{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.8fr) auto;gap:14px;align-items:center;padding:20px;border:1px solid var(--tf-border);border-radius:var(--tf-r-lg);background:var(--tf-surface);box-shadow:var(--tf-shadow-sm)}.tf-importer h3{margin:0 0 4px;font-size:16px;font-weight:650}.tf-importer p{margin:0;color:var(--tf-muted);font-size:14px}.tf-importer input{min-height:44px;padding:0 14px;border:1px solid var(--tf-border);border-radius:var(--tf-r-sm);background:var(--tf-surface-2);color:var(--tf-text);font-family:inherit;font-size:14px}.tf-importer input:focus{outline:0;border-color:var(--tf-red);box-shadow:var(--tf-ring)}.tf-importer button{min-height:44px;padding:0 18px;border:0;border-radius:var(--tf-r-sm);background:var(--tf-red);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:background var(--tf-t)}.tf-importer button:hover{background:var(--tf-red-hover)}.tf-footer{padding:56px 0 40px;background:var(--tf-dark);color:#fff}.tf-footer-grid{display:grid;grid-template-columns:1.6fr repeat(3,.8fr);gap:32px}.tf-footer-logo{color:#fff}.tf-footer-logo .tf-logo-mark{box-shadow:none}.tf-footer p{max-width:34ch;margin:16px 0 0;color:rgba(255,255,255,.55);font-size:14px;line-height:1.6}.tf-footer h3{margin:0 0 14px;color:rgba(255,255,255,.5);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.tf-footer a{display:block;margin:10px 0;color:rgba(255,255,255,.72);font-size:14px;text-decoration:none;transition:color var(--tf-t)}.tf-footer a:hover,.tf-footer-logo:hover{color:#fff}.tf-empty,.tf-loading{padding:40px;border:1px solid var(--tf-border);border-radius:var(--tf-r-lg);background:var(--tf-surface);color:var(--tf-muted);font-size:14px;font-weight:500;text-align:center}@media (max-width:1024px){.tf-hero-grid{grid-template-columns:minmax(0,1fr);gap:40px}.tf-hero-collage{max-width:560px}.tf-detail-grid{grid-template-columns:1fr}.tf-detail-panel{position:static}.tf-featured{grid-template-columns:1fr}.tf-about-grid,.tf-collection-grid,.tf-detail-info,.tf-docs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tf-workflow-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tf-importer{grid-template-columns:1fr}}@media (max-width:900px){.tf-header-actions,.tf-nav{display:none}.tf-menu-button{display:inline-grid;place-items:center;width:40px;height:40px;margin-left:auto;border:1px solid var(--tf-border);border-radius:var(--tf-r-xs);background:var(--tf-surface);color:var(--tf-text);cursor:pointer}.tf-mobile-menu{display:grid;gap:4px;padding:12px 20px 20px;border-top:1px solid var(--tf-border);background:var(--tf-surface)}.tf-mobile-menu a{padding:12px 10px;border-radius:var(--tf-r-xs);color:var(--tf-text);font-size:15px;font-weight:550;text-decoration:none}.tf-mobile-menu a:hover{background:rgba(15,23,42,.05)}.tf-mobile-menu .tf-button{margin-top:8px}}@media (max-width:760px){.tf-container{width:min(100% - 32px,1240px)}.tf-section{padding:52px 0}.tf-section-heading{flex-direction:column;align-items:flex-start;gap:16px}.tf-about-grid,.tf-collection-grid,.tf-detail-info,.tf-docs-grid,.tf-featured-side,.tf-footer-grid,.tf-included-grid,.tf-template-grid{grid-template-columns:1fr}.tf-workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tf-blueprint-band{flex-direction:column;align-items:flex-start;gap:20px;padding:28px}.tf-hero{padding:44px 0 40px}.tf-hero-collage{grid-template-columns:repeat(2,minmax(0,1fr))}.tf-hero-collage>:nth-child(2),.tf-hero-collage>:nth-child(3){transform:none}.tf-metrics{gap:8px 16px}.tf-preview-stage{padding:14px;justify-content:flex-start}.tf-preview-stage .tf-preview-device,.tf-preview-stage.is-tablet .tf-preview-device{width:100%}.tf-preview-stage.is-mobile .tf-preview-device{width:min(390px,100%)}.tf-preview-toolbar{flex-wrap:wrap;gap:10px}.tf-footer-grid{grid-template-columns:1fr 1fr}}@media (max-width:480px){.tf-footer-grid,.tf-hero-collage,.tf-template-card-actions,.tf-workflow-grid{grid-template-columns:1fr}.tf-hero-actions .tf-button{flex:1}}.tf-card-topline{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:4px}.tf-detail-actions{display:grid;grid-template-columns:1fr 1.3fr;gap:10px;margin-top:22px}.tf-detail-actions .tf-button{min-height:44px}.tf-fact-k{color:var(--tf-muted);font-weight:500}.tf-detail-stats b{font-weight:600}.tf-view-source{display:inline-flex;align-items:center;gap:7px;margin-top:16px;color:var(--tf-muted);font-size:13px;font-weight:500;text-decoration:none;transition:color var(--tf-t)}.tf-view-source:hover{color:var(--tf-red)}.tf-blueprint{overflow:hidden;border:1px solid var(--tf-dark-line);border-radius:var(--tf-r-lg);background:#101013;box-shadow:var(--tf-shadow-sm)}.tf-blueprint-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-bottom:1px solid var(--tf-dark-line);background:#17171b}.tf-blueprint-file{display:inline-flex;align-items:center;gap:10px;color:rgba(255,255,255,.72);font-family:var(--font-geist-mono),ui-monospace,monospace;font-size:13px;font-weight:500}.tf-blueprint-dots{display:inline-flex;gap:5px}.tf-blueprint-dots i{width:9px;height:9px;border-radius:999px;background:#3a3a40}.tf-blueprint-dots i:first-child{background:#6366f1}.tf-blueprint-dots i:nth-child(2){background:#06b6d4}.tf-blueprint-dots i:nth-child(3){background:#68cc6a}.tf-blueprint-tools{display:inline-flex;gap:8px}.tf-blueprint-tools button{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border:1px solid var(--tf-dark-line);border-radius:8px;background:rgba(255,255,255,.05);color:rgba(255,255,255,.8);font-family:inherit;font-size:12px;font-weight:550;cursor:pointer;transition:background var(--tf-t),color var(--tf-t)}.tf-blueprint-tools button:hover{background:rgba(255,255,255,.1);color:#fff}.tf-blueprint .tf-markdown-viewer{border:0;border-radius:0;box-shadow:none}@media (max-width:480px){.tf-detail-actions{grid-template-columns:1fr}.tf-blueprint-head{flex-wrap:wrap}}.tf-site-wrap{container-type:inline-size}.tf-site{display:flex;flex-direction:column;flex:1;min-height:0;background:var(--preview-soft,#fff);color:var(--preview-dark,var(--tf-text))}.tf-site-topnav{display:flex;align-items:center;gap:3cqw;padding:2.6cqw 4cqw;border-bottom:1px solid rgba(28,22,17,.07);background:#fff}.tf-site-logo{display:inline-flex;align-items:center;gap:1.6cqw;color:var(--preview-dark,var(--tf-text));font-size:3.2cqw;font-weight:700;letter-spacing:-.02em;white-space:nowrap}.tf-site-logo-mark{width:3.6cqw;height:3.6cqw;border-radius:1cqw;background:var(--preview-accent,var(--tf-red))}.tf-site-links{display:inline-flex;gap:3cqw;margin-left:auto}.tf-site-links span{color:rgba(28,22,17,.55);font-size:2.5cqw;font-weight:500}.tf-site-navcta{padding:1.5cqw 3cqw;border-radius:1.4cqw;background:var(--preview-accent,var(--tf-red));color:#fff;font-size:2.4cqw;font-weight:600;white-space:nowrap}.tf-site-body{flex:1;min-height:0;padding:5cqw;overflow:hidden}.tf-site-eyebrow{display:inline-block;color:var(--preview-accent,var(--tf-red));font-size:2.4cqw;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.tf-site-h{margin:2.4cqw 0 0;color:var(--preview-dark,var(--tf-text));font-size:6.4cqw;font-weight:700;line-height:1.02;letter-spacing:-.03em}.tf-site-h--lg{font-size:7.4cqw}.tf-site-sub{margin:2.4cqw 0 0;color:rgba(28,22,17,.6);font-size:3cqw;line-height:1.4}.tf-site-cta{display:flex;gap:2cqw;margin-top:3.4cqw}.tf-site-btn{padding:2cqw 3.4cqw;border-radius:1.6cqw;font-size:2.6cqw;font-weight:600;white-space:nowrap}.tf-site-btn--primary{background:var(--preview-accent,var(--tf-red));color:#fff}.tf-site-btn--ghost{border:1px solid rgba(28,22,17,.14);color:rgba(28,22,17,.7)}.tf-site-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:4cqw;align-items:center}.tf-site-hero-art{position:relative;aspect-ratio:4/3;border-radius:3cqw;overflow:hidden;background:linear-gradient(140deg,var(--preview-dark,#1c1c22),var(--preview-accent,var(--tf-red)))}.tf-site-art-bar{top:8%;width:46%;height:12%;background:rgba(255,255,255,.85)}.tf-site-art-bar,.tf-site-art-chip{position:absolute;left:8%;border-radius:2cqw}.tf-site-art-chip{top:30%;width:28%;height:40%;background:rgba(255,255,255,.65)}.tf-site-art-chip--2{left:42%;top:40%;width:34%;height:30%;background:rgba(255,255,255,.9)}.tf-site-art-line{position:absolute;bottom:12%;left:8%;width:62%;height:8%;border-radius:2cqw;background:rgba(255,255,255,.4)}.tf-site-feats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3cqw;margin-top:5cqw}.tf-site-feat{padding:3cqw;border:1px solid rgba(28,22,17,.08);border-radius:2.6cqw;background:#fff}.tf-site-ico{display:block;width:5cqw;height:5cqw;border-radius:1.6cqw;background:color-mix(in srgb,var(--preview-accent,var(--tf-red)) 18%,#fff)}.tf-site-feat b{display:block;margin:2.4cqw 0 2cqw;color:var(--preview-dark,var(--tf-text));font-size:2.6cqw;font-weight:650;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tf-site-feat u,.tf-site-product u{display:block;height:1.6cqw;margin-top:1.4cqw;border-radius:1cqw;background:rgba(28,22,17,.1)}.tf-site-feat u.tf-short,.tf-site-product u.tf-short{width:62%}.tf-site-gallery-head{display:flex;align-items:flex-end;justify-content:space-between;gap:3cqw;margin-bottom:4cqw}.tf-site-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:16cqw;gap:2.4cqw}.tf-site-tile{border-radius:2.4cqw;background:linear-gradient(150deg,var(--preview-dark,#1c1c22),var(--preview-accent,var(--tf-red)));opacity:.92}.tf-site-tile--a{grid-row:span 2}.tf-site-tile--a,.tf-site-tile--b{grid-column:span 2}.tf-site-tile--c{background:color-mix(in srgb,var(--preview-accent,var(--tf-red)) 40%,#fff)}.tf-site-tile--d{background:color-mix(in srgb,var(--preview-dark,#1c1c22) 22%,#fff)}.tf-site-tags{display:flex;flex-wrap:wrap;gap:2cqw;margin-top:3.4cqw}.tf-site-tags span{padding:1.4cqw 2.6cqw;border:1px solid rgba(28,22,17,.1);border-radius:5cqw;color:rgba(28,22,17,.6);font-size:2.3cqw;font-weight:500}.tf-site-hero--commerce .tf-site-hero-art--product{aspect-ratio:16/9}.tf-site-hero-art--product{position:relative;border-radius:3cqw;background:linear-gradient(140deg,var(--preview-dark,#1c1c22),var(--preview-accent,var(--tf-red)))}.tf-site-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2.6cqw;margin-top:4cqw}.tf-site-product{padding:2.4cqw;border:1px solid rgba(28,22,17,.08);border-radius:2.4cqw;background:#fff}.tf-site-product-img{display:block;aspect-ratio:1/1;border-radius:1.8cqw;background:color-mix(in srgb,var(--preview-accent,var(--tf-red)) 14%,#f2f2f4);margin-bottom:2cqw}.tf-site-body:has(.tf-site-dash){padding:0}.tf-site-dash{display:grid;grid-template-columns:20% 1fr;height:100%}.tf-site-dash-side{display:flex;flex-direction:column;gap:2.4cqw;padding:4cqw 3cqw;background:var(--preview-dark,#16181f)}.tf-site-dash-logo{width:8cqw;height:4cqw;border-radius:1cqw;background:var(--preview-accent,var(--tf-red))}.tf-site-dash-nav{height:3cqw;border-radius:1cqw;background:rgba(255,255,255,.16)}.tf-site-dash-nav--on{background:rgba(255,255,255,.5)}.tf-site-dash-main{display:flex;flex-direction:column;gap:3.4cqw;padding:4cqw}.tf-site-dash-top{display:flex;align-items:center;justify-content:space-between}.tf-site-dash-top b{font-size:2.8cqw;font-weight:650}.tf-site-dash-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:3cqw}.tf-site-dash-kpis span{height:12cqw;border-radius:2cqw;border:1px solid rgba(28,22,17,.08);background:#fff}.tf-site-dash-kpis span:first-child{background:color-mix(in srgb,var(--preview-accent,var(--tf-red)) 14%,#fff);border-color:transparent}.tf-site-dash-chart{display:flex;align-items:flex-end;gap:2.4cqw;flex:1;min-height:18cqw;padding:3cqw;border:1px solid rgba(28,22,17,.08);border-radius:2.4cqw;background:#fff}.tf-site-dash-chart i{flex:1;border-radius:1cqw 1cqw 0 0;background:color-mix(in srgb,var(--preview-accent,var(--tf-red)) 55%,#fff)}.tf-site-dash-chart i:nth-child(2n){background:var(--preview-accent,var(--tf-red))}.tf-hero-collage>* .tf-site,.tf-hero-collage>.tf-template-preview{min-width:0}.tf-hero-collage>.tf-template-preview{aspect-ratio:16/11}.tf-detail-preview .tf-template-preview{min-height:0;aspect-ratio:6/5}.tf-preview-device .tf-template-preview{aspect-ratio:16/10}.tf-preview-stage.is-tablet .tf-preview-device .tf-template-preview{aspect-ratio:4/3}.tf-preview-stage.is-mobile .tf-preview-device .tf-template-preview{aspect-ratio:3/5}.tf-live-frame,.tf-template-preview.tf-live{background:#fff}.tf-live-frame{position:relative;flex:1;min-height:0;overflow:hidden}.tf-live-frame iframe{position:absolute;top:0;left:0;border:0;transform-origin:0 0;pointer-events:none;background:#fff}.tf-live-fullscreen{display:block;width:100%;height:calc(100vh - 150px);border:0;background:#fff}@media (max-width:760px){.tf-live-fullscreen{height:calc(100vh - 200px)}}@media (max-width:1180px){.tf-template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:860px){.tf-template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}@media (max-width:540px){.tf-template-grid{grid-template-columns:minmax(0,1fr)}}.tf-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:22px;color:var(--tf-muted);font-size:13px;font-weight:500}.tf-crumbs a{color:var(--tf-muted);text-decoration:none;transition:color var(--tf-t)}.tf-crumbs a:hover{color:var(--tf-red)}.tf-crumbs>span[aria-hidden]{color:var(--tf-faint)}.tf-crumb-current{color:var(--tf-text);font-weight:600}.tf-detail-head{margin-bottom:20px}.tf-detail-head h1{margin:0 0 10px;font-size:clamp(26px,3.2vw,36px);line-height:1.12;letter-spacing:-.02em;font-weight:700}.tf-detail-tagline{margin:0 0 16px;color:var(--tf-muted);font-size:16px;line-height:1.55}.tf-detail-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding-bottom:4px;color:var(--tf-muted);font-size:13px;font-weight:500}.tf-detail-meta-item{display:inline-flex;align-items:center;gap:6px}.tf-detail-meta-item svg{color:var(--tf-faint)}.tf-detail-meta-tags{display:inline-flex;flex-wrap:wrap;gap:6px}.tf-detail-meta-tags span{padding:3px 9px;border-radius:var(--tf-r-pill);background:var(--tf-red-light);color:var(--tf-accent-text);font-size:11px;font-weight:600}.tf-detail-preview{margin-bottom:8px}.tf-detail-section{margin-top:38px}.tf-detail-section h2{margin:0 0 14px;font-size:clamp(21px,2.3vw,26px);line-height:1.2;letter-spacing:-.015em;font-weight:700;color:var(--tf-text)}.tf-detail-section p{margin:0 0 14px;color:#3f3f46;font-size:15.5px;line-height:1.75}.tf-detail-section p:last-child{margin-bottom:0}.tf-detail-section a{color:var(--tf-red);text-decoration:none;font-weight:550;border-bottom:1px solid rgba(99,102,241,.3);transition:border-color var(--tf-t)}.tf-detail-section a:hover{border-bottom-color:var(--tf-red)}.tf-detail-section code{padding:1px 6px;border-radius:6px;background:var(--tf-surface-2);border:1px solid var(--tf-border);font-family:var(--font-geist-mono),ui-monospace,"SF Mono",Menlo,monospace;font-size:13px;color:var(--tf-text)}.tf-detail-section .tf-markdown-viewer{background:#0b0b0e;color:#f5f5f6}.tf-detail-section .tf-markdown-viewer code{padding:0;border:0;border-radius:0;background:transparent;color:inherit;font-size:inherit}.tf-swatch{display:inline-block;width:12px;height:12px;margin-right:6px;border-radius:3px;background:var(--sw);border:1px solid rgba(28,22,17,.12);vertical-align:-1px}.tf-ship-list{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:12px}.tf-ship-list li{position:relative;padding-left:22px;color:#3f3f46;font-size:15.5px;line-height:1.6}.tf-ship-list li:before{content:"";position:absolute;left:3px;top:9px;width:7px;height:7px;border-radius:2px;background:var(--tf-red)}.tf-ship-list b{color:var(--tf-text);font-weight:650}.tf-detail-note{margin-top:18px!important;padding:14px 16px;border-left:3px solid var(--tf-red);border-radius:0 var(--tf-r-sm) var(--tf-r-sm) 0;background:var(--tf-red-light);color:var(--tf-accent-text)!important;font-size:14px!important;line-height:1.6!important}.tf-detail-tags{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:40px;padding-top:26px;border-top:1px solid var(--tf-border)}.tf-detail-tags-label{font-size:13px;font-weight:700;color:var(--tf-text)}.tf-detail-tags-row{display:flex;flex-wrap:wrap;gap:8px}.tf-detail-tags-row span{padding:5px 11px;border:1px solid var(--tf-border);border-radius:var(--tf-r-pill);background:var(--tf-surface-2);color:var(--tf-muted);font-size:12px;font-weight:500}.tf-buy-card{padding:20px;border:1px solid var(--tf-border);border-radius:var(--tf-r-lg);background:var(--tf-surface);box-shadow:var(--tf-shadow-sm)}.tf-buy-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px}.tf-buy-title{font-size:17px;font-weight:700;letter-spacing:-.01em;color:var(--tf-text)}.tf-buy-rows{display:grid;gap:0;margin:14px 0 18px;border-top:1px solid var(--tf-border)}.tf-buy-rows>div{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid var(--tf-border)}.tf-buy-rows dt{margin:0;color:var(--tf-muted);font-size:13px;font-weight:500}.tf-buy-rows dd{margin:0;color:var(--tf-text);font-size:13px;font-weight:650;text-align:right}.tf-buy-actions{display:grid;gap:10px}.tf-buy-actions .tf-button{width:100%;min-height:48px;font-size:15px}.tf-buy-note{display:flex;gap:9px;margin:16px 0 0;padding-top:15px;border-top:1px solid var(--tf-border);color:var(--tf-muted);font-size:12.5px;line-height:1.5}.tf-buy-note svg{flex:none;margin-top:1px;color:var(--tf-red)}.tf-side-card{padding:18px 20px;border:1px solid var(--tf-border);border-radius:var(--tf-r-lg);background:var(--tf-surface);box-shadow:var(--tf-shadow-xs)}.tf-side-title{margin:0 0 14px;font-size:15px;font-weight:700;letter-spacing:-.01em;color:var(--tf-text)}.tf-highlights{list-style:none;margin:0;padding:0;display:grid;gap:11px}.tf-highlights li{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;color:var(--tf-text)}.tf-highlights svg{flex:none;color:#16a34a}.tf-side-list{list-style:none;margin:0;padding:0;display:grid;gap:4px}.tf-side-item{display:flex;align-items:center;gap:12px;padding:8px;margin:0 -8px;border-radius:var(--tf-r-sm);text-decoration:none;color:inherit;transition:background var(--tf-t)}.tf-side-item:hover{background:rgba(15,23,42,.05)}.tf-side-rank{flex:none;width:18px;text-align:center;font-size:13px;font-weight:700;color:var(--tf-faint);font-variant-numeric:tabular-nums}.tf-side-item-text{display:flex;flex-direction:column;gap:1px;min-width:0}.tf-side-item-text b{font-size:14px;font-weight:650;color:var(--tf-text);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tf-side-item-text small{font-size:12px;color:var(--tf-muted)}.tf-sidethumb{flex:none;display:flex;flex-direction:column;width:50px;height:38px;overflow:hidden;border-radius:7px;border:1px solid var(--tf-border);background:#fff}.tf-sidethumb-bar{display:flex;align-items:center;gap:2px;height:10px;padding:0 4px;background:var(--st,var(--tf-dark))}.tf-sidethumb-bar i{width:3px;height:3px;border-radius:999px;background:rgba(255,255,255,.75)}.tf-sidethumb-body{flex:1;display:flex;flex-direction:column;justify-content:center;gap:3px;padding:0 6px;background:color-mix(in srgb,var(--st,#999) 8%,#fff)}.tf-sidethumb-body u{display:block;height:3px;border-radius:2px;background:rgba(28,22,17,.16)}.tf-sidethumb-short{width:55%;background:var(--st,rgba(28,22,17,.16))!important;opacity:.6}.tf-detail-panel .tf-view-source{display:inline-flex;align-items:center;gap:7px;justify-content:center;padding:4px;color:var(--tf-muted);font-size:13px;font-weight:500;text-decoration:none}.tf-detail-panel .tf-view-source:hover{color:var(--tf-red)}@media (max-width:1024px){.tf-detail-grid{gap:36px}.tf-detail-panel{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.tf-buy-card{grid-column:1/-1}}@media (max-width:760px){.tf-detail-panel{grid-template-columns:1fr}.tf-detail-section{margin-top:32px}.tf-detail-meta{gap:8px 12px}}@media (prefers-reduced-motion:reduce){.tf-shell *{animation-duration:.001ms!important;transition-duration:.001ms!important}}.tf-band{background:var(--tf-surface);border-block:1px solid var(--tf-border)}.tf-heading-link{display:inline-flex;align-items:center;gap:6px;flex:none;color:var(--tf-cyan);font-size:14px;font-weight:650;text-decoration:none;white-space:nowrap;transition:gap var(--tf-t),color var(--tf-t)}.tf-heading-link:hover{color:var(--tf-accent-text);gap:9px}.tf-cat-row{display:flex;gap:16px;overflow-x:auto;padding:4px 4px 10px;margin:0 -4px;scroll-snap-type:x proximity;scrollbar-width:none}.tf-cat-row::-webkit-scrollbar{display:none}.tf-cat-tile{flex:0 0 168px;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;text-align:center;padding:28px 18px 24px;border:1px solid var(--tf-border);border-radius:var(--tf-r-lg);background:var(--tf-surface);box-shadow:var(--tf-shadow-xs);text-decoration:none;color:var(--tf-text);transition:border-color var(--tf-t),box-shadow var(--tf-t),transform var(--tf-t)}.tf-cat-tile:hover{border-color:var(--tf-border-strong);box-shadow:var(--tf-shadow-md);transform:translateY(-3px)}.tf-cat-tile-art{display:grid;place-items:center;width:60px;height:60px;margin-bottom:18px;border-radius:var(--tf-r-lg);background:var(--tf-red-light);color:var(--tf-red)}.tf-cat-tile-name{display:flex;align-items:flex-start;justify-content:center;min-height:2.5em;font-size:15.5px;font-weight:700;line-height:1.25;letter-spacing:-.01em;color:var(--tf-text)}.tf-cat-tile-count{margin-top:6px;font-size:13px;color:var(--tf-muted)}.tf-top-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 44px}.tf-top-item{display:flex;align-items:center;gap:14px;padding:12px;border-radius:var(--tf-r-md);border-bottom:1px solid var(--tf-border);text-decoration:none;color:var(--tf-text);transition:background var(--tf-t)}.tf-top-item:hover{background:rgba(28,22,17,.035)}.tf-top-rank{flex:none;width:26px;text-align:center;font-size:16px;font-weight:800;color:var(--tf-faint);font-variant-numeric:tabular-nums}.tf-pthumb,.tf-top-item .tf-sidethumb{width:58px;height:42px}.tf-pthumb{flex:none;display:flex;overflow:hidden;border-radius:7px;border:1px solid var(--tf-border);background:#fff}.tf-top-text{display:flex;flex-direction:column;gap:1px;min-width:0;margin-right:auto}.tf-top-text b{font-size:15px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tf-top-text small{font-size:12.5px;color:var(--tf-muted)}.tf-top-arrow{flex:none;color:var(--tf-faint);transition:color var(--tf-t),transform var(--tf-t)}.tf-top-item:hover .tf-top-arrow{color:var(--tf-red);transform:translateX(3px)}.tf-newsletter{background:var(--tf-dark);color:#fff}.tf-newsletter-inner{display:flex;align-items:center;justify-content:space-between;gap:36px;padding:56px 0}.tf-eyebrow--light{color:#818cf8}.tf-newsletter-copy h2{margin:8px 0;font-size:clamp(24px,3vw,34px);line-height:1.1;letter-spacing:-.02em;font-weight:700}.tf-newsletter-copy p{margin:0;max-width:46ch;color:rgba(255,255,255,.62);font-size:15px;line-height:1.6}.tf-newsletter-form{display:flex;flex-direction:column;gap:8px;flex:none}.tf-newsletter-row{display:flex;gap:10px}.tf-newsletter-error{color:#ffb4b0;font-size:13px;font-weight:500}.tf-newsletter-field{display:flex;align-items:center;gap:10px;padding:0 14px;min-width:300px;border-radius:var(--tf-r-sm);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:rgba(255,255,255,.7);transition:border-color var(--tf-t)}.tf-newsletter-field.is-error{border-color:#818cf8}.tf-notify{margin-top:18px}.tf-notify-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:var(--tf-r-sm);border:1px solid rgba(255,255,255,.22);background:rgba(15,23,42,.05);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:background var(--tf-t),border-color var(--tf-t)}.tf-notify-btn:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.35)}.tf-notify-off,.tf-notify-on{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:rgba(255,255,255,.72)}.tf-notify-on svg{color:#7ee0a8}.tf-newsletter-field input{flex:1;min-width:0;height:48px;border:0;background:transparent;color:#fff;font-size:15px;outline:none}.tf-newsletter-field input::placeholder{color:rgba(255,255,255,.4)}.tf-newsletter-done{display:inline-flex;align-items:center;gap:10px;flex:none;margin:0;padding:14px 20px;border-radius:var(--tf-r-sm);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:#fff;font-size:15px;font-weight:550}.tf-newsletter-done svg{color:#7ee0a8}.tf-footer-brand{max-width:320px}.tf-footer-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;margin-top:40px;padding-top:24px;border-top:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.5);font-size:13px}.tf-footer-note{color:rgba(255,255,255,.4)}@media (max-width:1100px){.tf-cat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:860px){.tf-cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tf-top-grid{grid-template-columns:1fr;gap:4px}.tf-newsletter-inner{flex-direction:column;align-items:flex-start;gap:24px;padding:44px 0}.tf-newsletter-form{width:100%}.tf-newsletter-field{min-width:0;flex:1}}@media (max-width:540px){.tf-cat-grid{grid-template-columns:1fr}.tf-newsletter-row{flex-direction:column}.tf-newsletter-field,.tf-newsletter-row .tf-button{width:100%}}@keyframes tf-cookie-in{0%{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%)}}@keyframes tf-pop-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.tf-cookie{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:80;display:flex;align-items:center;gap:16px;width:min(720px,calc(100% - 32px));padding:14px 16px;border:1px solid var(--tf-border);border-radius:var(--tf-r-lg);background:var(--tf-surface);box-shadow:var(--tf-shadow-lg);animation:tf-cookie-in .26s var(--tf-ease)}.tf-cookie-icon{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:var(--tf-r-md);background:var(--tf-red-light);color:var(--tf-red)}.tf-cookie-text{flex:1;min-width:0;margin:0;color:var(--tf-muted);font-size:13px;line-height:1.5}.tf-cookie-actions{flex:none;display:flex;gap:8px}.tf-cookie-actions .tf-button{min-height:38px;padding:0 14px;font-size:13px}.tf-capture{position:fixed;right:20px;bottom:20px;z-index:75;width:320px;max-width:calc(100% - 32px);padding:22px 20px 18px;border:1px solid var(--tf-border);border-radius:var(--tf-r-lg);background:var(--tf-surface);box-shadow:var(--tf-shadow-lg);animation:tf-pop-in .28s var(--tf-ease)}.tf-capture-close{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:var(--tf-r-xs);background:transparent;color:var(--tf-faint);cursor:pointer;transition:color var(--tf-t),background var(--tf-t)}.tf-capture-close:hover{color:var(--tf-text);background:rgba(28,22,17,.05)}.tf-capture-icon{display:grid;place-items:center;width:44px;height:44px;margin-bottom:14px;border-radius:var(--tf-r-md);background:var(--tf-red-light);color:var(--tf-red)}.tf-capture-icon--ok{background:#e7f7ee;color:#16a34a}.tf-capture h3{margin:0 0 6px;font-size:18px;font-weight:700;letter-spacing:-.01em}.tf-capture>p{margin:0 0 14px;color:var(--tf-muted);font-size:14px;line-height:1.5}.tf-capture form{display:flex;flex-direction:column;gap:8px}.tf-capture input{height:44px;padding:0 14px;border:1px solid var(--tf-border);border-radius:var(--tf-r-sm);background:var(--tf-surface-2);font-size:14px;color:var(--tf-text);outline:none;transition:border-color var(--tf-t),box-shadow var(--tf-t),background var(--tf-t)}.tf-capture input:focus{box-shadow:var(--tf-ring);background:var(--tf-surface)}.tf-capture input.is-error,.tf-capture input:focus{border-color:var(--tf-red)}.tf-capture-error{color:var(--tf-accent-text);font-size:12.5px;font-weight:500}.tf-capture form .tf-button{width:100%;min-height:44px;margin-top:2px}.tf-capture-later{width:100%;margin-top:10px;border:0;background:transparent;color:var(--tf-muted);font-size:13px;cursor:pointer;transition:color var(--tf-t)}.tf-capture-later:hover{color:var(--tf-text)}.tf-capture-done{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding-right:18px}.tf-capture-done p{margin:0;font-size:15px;font-weight:550;color:var(--tf-text);line-height:1.5}@media (max-width:560px){.tf-cookie{flex-wrap:wrap;bottom:12px;gap:12px}.tf-cookie-actions{width:100%}.tf-cookie-actions .tf-button{flex:1}.tf-capture{right:12px;left:12px;bottom:12px;width:auto}}.tf-docs-hero{padding:64px 0 8px}.tf-docs-hero h1{margin:12px 0 0;max-width:22ch;font-size:clamp(34px,5vw,54px);line-height:1.05;letter-spacing:-.03em;font-weight:800}.tf-docs-hero h1 span{color:var(--tf-red)}.tf-docs-lede{margin:20px 0 0;max-width:64ch;color:var(--tf-muted);font-size:17px;line-height:1.65}.tf-docs-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.tf-docs-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:44px;padding-top:32px;border-top:1px solid var(--tf-border)}.tf-docs-stat b{display:block;font-size:clamp(22px,3vw,30px);font-weight:800;letter-spacing:-.02em;line-height:1.1}.tf-docs-stat span{color:var(--tf-muted);font-size:13px}.tf-docs-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.tf-docs-step{position:relative;padding:24px 22px;border:1px solid var(--tf-border);border-radius:var(--tf-r-lg);background:var(--tf-bg);overflow:hidden;transition:transform var(--tf-t),box-shadow var(--tf-t),border-color var(--tf-t)}.tf-docs-step:hover{transform:translateY(-4px);border-color:var(--tf-border-strong);box-shadow:var(--tf-shadow-md)}.tf-docs-step-num{position:absolute;top:14px;right:18px;font-size:34px;font-weight:800;color:var(--tf-border);letter-spacing:-.02em}.tf-docs-step-icon{display:grid;place-items:center;width:44px;height:44px;margin-bottom:16px;border-radius:var(--tf-r-md);background:var(--tf-red-light);color:var(--tf-red)}.tf-docs-step h3{margin:0 0 8px;font-size:16px;font-weight:700}.tf-docs-step p{margin:0;color:var(--tf-muted);font-size:14px;line-height:1.55}.tf-docs-anatomy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:28px;align-items:start}.tf-docs-anatomy-list{display:grid;gap:10px}.tf-docs-anatomy-item{display:flex;gap:14px;padding:16px;border:1px solid var(--tf-border);border-radius:var(--tf-r-md);background:var(--tf-surface);box-shadow:var(--tf-shadow-xs);transition:border-color var(--tf-t),box-shadow var(--tf-t)}.tf-docs-anatomy-item:hover{border-color:var(--tf-border-strong);box-shadow:var(--tf-shadow-sm)}.tf-docs-anatomy-icon{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:var(--tf-r-sm);background:var(--tf-red-light);color:var(--tf-red)}.tf-docs-anatomy-item b{display:block;margin-bottom:3px;font-size:15px;font-weight:650}.tf-docs-anatomy-item span{color:var(--tf-muted);font-size:13.5px;line-height:1.5}.tf-docs-code{position:sticky;top:88px;overflow:hidden;border:1px solid var(--tf-dark-line);border-radius:var(--tf-r-lg);box-shadow:var(--tf-shadow-lg)}.tf-docs-code-head{display:flex;align-items:center;gap:10px;padding:11px 14px;border-bottom:1px solid var(--tf-dark-line);background:#17171b;color:rgba(255,255,255,.6);font-size:12px;font-family:var(--font-geist-mono),ui-monospace,monospace}.tf-docs-code-dots{display:inline-flex;gap:5px}.tf-docs-code-dots i{width:9px;height:9px;border-radius:999px;background:#3a3a40}.tf-docs-code-dots i:first-child{background:#f4b1ae}.tf-docs-code-dots i:nth-child(2){background:#f6ddb0}.tf-docs-code-dots i:nth-child(3){background:#bfe3c0}.tf-docs-code pre{margin:0;padding:20px;background:#0b0b0e;color:#e7e7ea;font-family:var(--font-geist-mono),ui-monospace,monospace;font-size:12.5px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.tf-docs-license{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.tf-docs-license article{padding:26px;border:1px solid var(--tf-border);border-radius:var(--tf-r-lg);background:var(--tf-surface);box-shadow:var(--tf-shadow-sm)}.tf-docs-license-badge{display:inline-flex;padding:4px 11px;border-radius:var(--tf-r-pill);background:var(--tf-dark);color:#fff;font-size:12px;font-weight:700;letter-spacing:.02em}.tf-docs-license-badge--cc{background:#0e7c66}.tf-docs-license article b{display:block;margin:14px 0 8px;font-size:20px;font-weight:700}.tf-docs-license article p{margin:0 0 14px;color:var(--tf-muted);font-size:14.5px;line-height:1.6}.tf-docs-license article a{display:inline-flex;align-items:center;gap:6px;color:var(--tf-red);font-size:14px;font-weight:650;text-decoration:none;transition:gap var(--tf-t)}.tf-docs-license article a:hover{color:var(--tf-accent-text);gap:9px}@media (max-width:980px){.tf-docs-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.tf-docs-anatomy{grid-template-columns:1fr}.tf-docs-code{position:static}}@media (max-width:760px){.tf-docs-hero{padding:44px 0 4px}.tf-docs-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.tf-docs-license{grid-template-columns:1fr}}@media (max-width:540px){.tf-docs-steps{grid-template-columns:1fr}}.tf-detail-section .tf-eyebrow{display:inline-flex;align-items:center;gap:6px}.tf-detail-lede{margin:0 0 14px;color:var(--tf-text);font-size:17px;line-height:1.7;font-weight:500}.tf-detail-facts{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 4px}.tf-detail-fact{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid var(--tf-border);border-radius:var(--tf-r-pill);background:var(--tf-surface);box-shadow:var(--tf-shadow-xs);color:var(--tf-text);font-size:13px;font-weight:600}.tf-detail-fact svg{color:var(--tf-red)}.tf-struct-list{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:8px}.tf-struct-item{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--tf-border);border-radius:var(--tf-r-md);background:var(--tf-surface);box-shadow:var(--tf-shadow-xs);transition:border-color var(--tf-t),box-shadow var(--tf-t),transform var(--tf-t)}.tf-struct-item:hover{border-color:var(--tf-border-strong);box-shadow:var(--tf-shadow-sm);transform:translateX(3px)}.tf-struct-num{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:var(--tf-r-sm);background:var(--tf-red-light);color:var(--tf-accent-text);font-size:13px;font-weight:800;font-variant-numeric:tabular-nums}.tf-struct-text{display:flex;flex-direction:column;gap:2px;min-width:0}.tf-struct-text b{font-size:15px;font-weight:650;color:var(--tf-text)}.tf-struct-text small{font-size:13.5px;color:var(--tf-muted);line-height:1.45}.tf-tokens{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:12px;margin:6px 0 18px}.tf-token-accent{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--tf-border);border-radius:var(--tf-r-md);background:var(--tf-surface);box-shadow:var(--tf-shadow-xs)}.tf-token-swatch{flex:none;width:40px;height:40px;border-radius:10px;background:var(--sw);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 4px 10px color-mix(in srgb,var(--sw),transparent 65%)}.tf-token-accent-text{display:flex;flex-direction:column;gap:2px;min-width:0}.tf-token-accent-text small,.tf-token-item small{font-size:11px;color:var(--tf-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.tf-token-accent-text b{font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}.tf-token-item{display:flex;flex-direction:column;gap:8px;padding:14px;border:1px solid var(--tf-border);border-radius:var(--tf-r-md);background:var(--tf-surface);box-shadow:var(--tf-shadow-xs)}.tf-token-item b{font-size:14px;font-weight:650;line-height:1.3}.tf-token-swatches{display:flex;gap:5px}.tf-token-swatches i{width:22px;height:22px;border-radius:6px;border:1px solid var(--tf-border)}.tf-detail-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:38px}.tf-detail-card{padding:24px;border:1px solid var(--tf-border);border-radius:var(--tf-r-lg);background:var(--tf-surface);box-shadow:var(--tf-shadow-sm)}.tf-detail-card-icon{display:grid;place-items:center;width:42px;height:42px;margin-bottom:14px;border-radius:var(--tf-r-md);background:var(--tf-red-light);color:var(--tf-red)}.tf-detail-card h3{margin:0 0 8px;font-size:17px;font-weight:700;letter-spacing:-.01em}.tf-detail-card p{margin:0;color:#3f3f46;font-size:14.5px;line-height:1.65}@media (max-width:980px){.tf-tokens{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.tf-detail-duo,.tf-tokens{grid-template-columns:1fr}}.tf-dlgate-backdrop{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:1.25rem;background:rgba(15,15,20,.55);backdrop-filter:blur(8px) saturate(120%);-webkit-backdrop-filter:blur(8px) saturate(120%);animation:tf-dlgate-fade .25s ease both}.tf-dlgate-card{position:relative;width:100%;max-width:26rem;background:#ffffff;border:1px solid rgba(0,0,0,.06);border-radius:20px;padding:2rem 1.75rem 1.5rem;box-shadow:0 40px 90px -30px rgba(0,0,0,.5);text-align:center;animation:tf-dlgate-pop .35s cubic-bezier(.22,1,.36,1) both}.tf-dlgate-close{position:absolute;top:.85rem;right:.85rem;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;border:0;background:transparent;color:#9aa0aa;cursor:pointer;transition:background .15s,color .15s}.tf-dlgate-close:hover{background:#f2f3f5;color:#333}.tf-dlgate-close:disabled{opacity:.4;cursor:default}.tf-dlgate-icon{display:grid;place-items:center;margin:0 auto 1rem;width:54px;height:54px;border-radius:16px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 14px 30px -12px rgba(99,102,241,.6)}.tf-dlgate-icon--ok{background:linear-gradient(135deg,#16a34a,#4ade80);box-shadow:0 14px 30px -12px rgba(22,163,74,.55)}.tf-dlgate-card h3{margin:0;font-size:1.4rem;font-weight:800;letter-spacing:-.02em;color:#1a1512}.tf-dlgate-card p{margin:.5rem 0 0;color:#5c626c;font-size:.95rem;line-height:1.55}.tf-dlgate-card code{background:#f2f3f5;padding:.1em .4em;border-radius:6px;font-size:.85em}.tf-dlgate-form{margin-top:1.4rem;text-align:left}.tf-dlgate-label{display:block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#7b8089;margin-bottom:.4rem}.tf-dlgate-input{width:100%;height:48px;padding:0 .95rem;border:1.5px solid #e3e5e9;border-radius:12px;font-size:.95rem;color:#1a1512;background:#fbfbfc;outline:none;transition:border-color .15s,box-shadow .15s}.tf-dlgate-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.12)}.tf-dlgate-input--error{border-color:#6366f1}.tf-dlgate-error{display:block;margin-top:.45rem;color:#6366f1;font-size:.8rem;font-weight:600}.tf-dlgate-submit{width:100%;margin-top:1rem;justify-content:center;height:48px}.tf-dlgate-fine{margin-top:.9rem;font-size:.75rem;color:#9aa0aa}.tf-dlgate-done h3{margin-top:.4rem}@keyframes tf-dlgate-fade{0%{opacity:0}to{opacity:1}}@keyframes tf-dlgate-pop{0%{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion:reduce){.tf-dlgate-backdrop,.tf-dlgate-card{animation:none}}@media (max-width:480px){.tf-dlgate-card{padding:1.6rem 1.25rem 1.25rem;border-radius:16px}}