.tl-hero{background:var(--bg-soft,#f7f8fa);padding:72px 0 28px}.tl-hero .wrap{max-width:880px}.tl-hero h1{margin:10px 0 14px;font-size:clamp(28px,4.2vw,40px);line-height:1.2}.tl-hero p.tl-lead{color:var(--ink-2,#4a4f57);margin:0;font-size:17px;line-height:1.7}.tl-tool{padding:34px 0 10px}.tl-tool .wrap{max-width:880px}.tl-card{background:var(--card,#fff);border:1px solid var(--line,#e6e8ec);border-radius:var(--r-lg,14px);box-shadow:var(--shadow-1,0 1px 2px #1018280d);padding:26px 24px}.tl-grid{grid-template-columns:140px minmax(0,1fr);gap:16px;display:grid}.tl-grid-full{grid-column:1/-1}.tl-field label{color:var(--ink-2,#4a4f57);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.tl-field input,.tl-field textarea{width:100%;font:inherit;color:inherit;border:1px solid var(--line,#d8dbe0);background:#fff;border-radius:10px;padding:10px 12px}.tl-field textarea{resize:vertical;min-height:74px}.tl-field input:focus-visible,.tl-field textarea:focus-visible{outline:2px solid var(--brand,#0a7cff);outline-offset:1px}.tl-hint{color:var(--ink-3,#6b7280);margin-top:6px;font-size:12.5px}.tl-out{border-top:1px dashed var(--line,#e6e8ec);margin-top:20px;padding-top:18px}.tl-out-label{color:var(--ink-2,#4a4f57);margin-bottom:8px;font-size:13px;font-weight:600}.tl-out-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tl-out-link{overflow-wrap:anywhere;min-width:0;font-family:var(--mono,ui-monospace, monospace);background:var(--bg-soft,#f7f8fa);border:1px solid var(--line,#e6e8ec);color:var(--ink,#16181d);border-radius:10px;flex:320px;padding:10px 12px;font-size:14px}.tl-out-row .btn{white-space:nowrap}.tl-copied{color:var(--ok,#0a8a35);font-size:13px;font-weight:600}.tl-guide{padding:26px 0 8px}.tl-guide .wrap{max-width:880px}.tl-guide h2{margin:26px 0 10px;font-size:22px}.tl-guide p,.tl-guide li{color:var(--ink-2,#3f444c);line-height:1.75}.tl-guide ol,.tl-guide ul{padding-left:22px}.tl-guide code{font-family:var(--mono,ui-monospace, monospace);background:var(--bg-soft,#f2f4f7);border-radius:6px;padding:1px 6px;font-size:.92em}.tl-faq{padding:20px 0 46px}.tl-faq .wrap{max-width:880px}.tl-faq h2{margin:18px 0 6px;font-size:22px}.tl-faq details{border-bottom:1px solid var(--line,#e9ebef);padding:12px 2px}.tl-faq summary{cursor:pointer;font-weight:600;line-height:1.5}.tl-faq details p{color:var(--ink-2,#3f444c);margin:10px 0 2px;line-height:1.7}.tl-next{padding:6px 0 64px}.tl-next .wrap{max-width:880px}.tl-next .tl-card{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.tl-next p{margin:0;line-height:1.6}.tl-cards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin:12px 0 26px;display:grid}.tl-card-link{color:inherit;text-decoration:none;transition:box-shadow .15s,transform .15s;display:block}.tl-card-link:hover{box-shadow:var(--shadow-2,0 6px 18px #1018281a);transform:translateY(-2px)}.tl-card-link h3{margin:0 0 8px;font-size:16.5px}.tl-card-link p{color:var(--ink-2,#4a4f57);margin:0 0 12px;font-size:14px;line-height:1.65}.tl-card-cta{color:var(--brand,#0a7cff);font-size:13.5px;font-weight:650}.tl-preview{border:1px dashed var(--line,#d8dbe0);background:repeating-linear-gradient(45deg,#fafbfc,#fafbfc 12px,#f4f6f8 12px 24px);border-radius:12px;min-height:190px;position:relative;overflow:hidden}.tl-code{font-family:var(--mono,ui-monospace, monospace);color:#e2e8f0;white-space:pre;background:#0f172a;border-radius:10px;max-height:300px;padding:14px;font-size:12.5px;line-height:1.55;overflow-x:auto}.tl-swatches{gap:8px;display:flex}.tl-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:30px;height:30px;padding:0}.tl-swatch[aria-pressed=true]{border-color:var(--ink,#16181d)}.tl-qa{border:1px solid var(--line,#e6e8ec);border-radius:10px;gap:12px;margin:0 0 12px;padding:14px 40px 14px 14px;display:grid;position:relative}.tl-qa-remove{border:1px solid var(--line,#d8dbe0);background:var(--card,#fff);width:26px;height:26px;color:var(--ink-3,#6b7280);cursor:pointer;border-radius:50%;padding:0;font-size:16px;line-height:1;position:absolute;top:8px;right:8px}.tl-qa-remove:hover{color:var(--ink,#16181d);border-color:var(--ink-3,#6b7280)}.tl-tpl{border:1px solid var(--line,#e6e8ec);background:var(--card,#fff);border-radius:10px;margin:10px 0;padding:14px 14px 12px}.tl-tpl h4{margin:0 0 8px;font-size:14px}.tl-tpl pre{white-space:pre-wrap;color:var(--ink-2,#3f444c);background:var(--bg-soft,#f7f8fa);border-radius:8px;margin:0 0 10px;padding:10px 12px;font-family:inherit;font-size:13.5px;line-height:1.65}.tl-tpl .btn{min-height:34px;padding:4px 14px;font-size:13px}@media (width<=640px){.tl-grid{grid-template-columns:minmax(0,1fr)}.tl-hero{padding-top:56px}}