.tl-head{display:grid;gap:18px;max-width:780px}.tl-tools{display:grid;gap:14px;margin-top:clamp(32px,4vw,52px)}.tl-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px 16px}.tl-search{flex:1 1 320px;max-width:560px;min-width:0;position:relative}.tl-search>.i{color:var(--ink-soft);height:20px;inset-inline-start:15px;pointer-events:none;position:absolute;top:50%;translate:0 -50%;width:20px}.tl-play{flex:0 1 320px;min-width:min(100%,240px);position:relative}.tl-q,.tl-select{-webkit-appearance:none;appearance:none;background:var(--sheet-bg);border:2px solid var(--field-line);border-radius:calc(14px*var(--sq-scale, 1));color:var(--ink);display:block;font:700 16px/1.3 var(--text);margin:0;min-height:48px;min-width:0;transition:border-color .16s ease;width:100%;corner-shape:var(--sq-shape,round)}.tl-q{padding-block:10px;padding-inline:46px 14px}.tl-q::-webkit-search-cancel-button,.tl-q::-webkit-search-decoration{-webkit-appearance:none}.tl-q::placeholder{color:var(--ph);opacity:1}.tl-select{cursor:pointer;padding-block:10px;padding-inline:14px 44px;text-overflow:ellipsis}.tl-play:after{border-bottom:2.5px solid var(--ink-soft);border-right:2.5px solid var(--ink-soft);content:"";height:8px;inset-inline-end:19px;pointer-events:none;position:absolute;rotate:45deg;top:50%;translate:0 -70%;width:8px}.tl-q:focus-visible,.tl-select:focus-visible{outline:3px solid var(--focus);outline-offset:2px}@media (hover:hover) and (pointer:fine){.tl-q:hover,.tl-select:hover{border-color:var(--ink-soft)}}.tl-cats{display:flex;flex-wrap:wrap;gap:8px;min-width:0}.tl-pill{align-items:center;background:var(--surface);border:1.5px solid var(--line-strong);border-radius:999px;color:var(--ink);cursor:pointer;display:inline-flex;font:700 15px/1.2 var(--text);gap:8px;min-height:44px;padding-block:0;padding-inline:14px 6px;position:relative;transition:border-color .16s ease,background-color .16s ease,color .16s ease,opacity .16s ease,transform .16s var(--ease-out);-webkit-tap-highlight-color:transparent}.tl-pill:active{transform:scale(.97)}.tl-pill[aria-pressed=true]{background:var(--green);border-color:var(--green);color:var(--on-bright);transition:transform .16s var(--ease-out)}.tl-pill.is-none:not([aria-pressed=true]){border-style:dashed;opacity:.6}@media (hover:hover) and (pointer:fine){.tl-pill:not([aria-pressed=true]):hover{border-color:var(--ink-soft)}}.tl-n{background:var(--surface-2);border-radius:999px;color:var(--ink-soft);font:700 12px/1.3 var(--text);font-variant-numeric:tabular-nums;min-width:28px;padding:3px 7px;text-align:center}.tl-pill[aria-pressed=true] .tl-n{background:color-mix(in srgb,var(--sheet-bg) 75%,transparent);color:var(--ink)}.tl-n:empty{display:none}.tl [data-cat=marketing]{--tl-dot:var(--coral)}.tl [data-cat=utility]{--tl-dot:var(--sky)}.tl [data-cat=authentication]{--tl-dot:var(--mint)}.tl-cat:before,.tl-pill:not([data-cat=""]):before{background:var(--tl-dot,var(--line-strong));border-radius:50%;box-shadow:0 0 0 2px var(--surface);content:"";flex:none;height:9px;width:9px}.tl-pill[aria-pressed=true]:before{box-shadow:0 0 0 2px var(--sheet-bg)}.tl-pill[data-cat=""]{padding-inline-start:16px}.tl-switch{background:var(--surface);border:0;border-radius:999px;box-shadow:var(--shadow-sm);display:inline-flex;flex-wrap:wrap;gap:4px;margin:0;margin-inline-start:auto;min-width:0;padding:5px}.tl-switch legend{padding:0}.tl-switch label{align-items:center;border-radius:999px;color:var(--ink-soft);cursor:pointer;display:inline-flex;font:700 15px/1.2 var(--text);min-height:44px;padding:0 18px;position:relative;transition:background-color .16s ease,color .16s ease;-webkit-tap-highlight-color:transparent}.tl-switch input{cursor:pointer;height:100%;inset:0;margin:0;opacity:0;position:absolute;width:100%}.tl-switch label:has(input:checked){background:var(--field-sky);color:var(--ink);transition:none}.tl-switch label:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}@media (hover:hover) and (pointer:fine){.tl-switch label:not(:has(input:checked)):hover{color:var(--ink)}}.tl-field{background:var(--field-mint);border-radius:var(--r-xl);margin-top:20px;padding:clamp(16px,2.6vw,36px);corner-shape:var(--sq-shape,round)}.tl-bar{align-items:center;display:flex;flex-wrap:wrap;gap:6px 14px;margin-bottom:clamp(14px,1.6vw,20px);min-height:44px}.tl-count{color:var(--ink);font:700 17px/1.4 var(--text);font-variant-numeric:tabular-nums}.tl-clear{background:transparent;border:0;border-radius:999px;color:var(--accent-ink);cursor:pointer;font:700 15px/1.2 var(--text);min-height:44px;padding:0 6px;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.25em}.tl-bar .tag-sample{margin-inline-start:auto}.tl-grid{align-items:start;display:grid;gap:clamp(14px,1.6vw,22px);grid-template-columns:repeat(3,minmax(0,1fr))}.tl-card{background:var(--sheet-bg);border-radius:calc(26px*var(--sq-scale, 1));box-shadow:var(--shadow-sm);color:var(--ink);display:grid;gap:12px;min-width:0;padding:18px 18px 8px;corner-shape:var(--sq-shape,round)}.tl-top{align-items:center;display:flex;flex-wrap:wrap;gap:6px 8px}.tl-name{display:flex;font:inherit;margin:0;margin-inline-end:auto;min-width:0}.tl-name code{background:var(--crm-bg);border-radius:calc(8px*var(--sq-scale, 1));color:var(--crm-ink);font:700 13px/1.35 var(--mono);-webkit-hyphens:manual;hyphens:manual;overflow-wrap:anywhere;padding:3px 8px;corner-shape:var(--sq-shape,round)}.tl-tags{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.tl-cat,.tl-top .tl-lang{align-items:center;background:var(--surface-2);border-radius:999px;color:var(--ink);display:inline-flex;font:700 12px/1.2 var(--text);gap:6px;min-height:26px;padding:2px 10px}.tl-msg{align-content:start;background:var(--chat-bg);border-radius:calc(18px*var(--sq-scale, 1));display:grid;overflow-anchor:none;padding:14px;corner-shape:var(--sq-shape,round)}.tl-msg>*{grid-area:1/1}.tl[data-view=pre] .tl-bubble[data-view=tpl],.tl[data-view=tpl] .tl-bubble[data-view=pre]{visibility:hidden}.tl-bubble{align-self:start;justify-self:start;max-width:100%}.tl-h{font-weight:800;margin-bottom:4px}.tl-f,.tl-h{display:block}.tl-f{color:var(--ink-soft);font-size:13px;margin-top:6px}.tl-bubble .bubble-cta+.bubble-cta{margin-top:0}.tl-bubble .bubble-cta:has(+.bubble-cta){margin-bottom:0}.tl-var{background:color-mix(in srgb,var(--sky) 26%,transparent);border-radius:6px;color:var(--ink);font:600 .88em/1.4 var(--mono);-webkit-hyphens:manual;hyphens:manual;padding:0 4px;white-space:nowrap}.tl-fill{background:color-mix(in srgb,var(--sky) 18%,transparent);border-radius:4px;padding:0 2px}.tl-media{aspect-ratio:1.91;border-radius:calc(12px*var(--sq-scale, 1));display:block;height:auto;margin:-4px -8px 8px;max-width:none;object-fit:cover;width:calc(100% + 16px);corner-shape:var(--sq-shape,round)}.tl-media-tile{align-items:center;background:var(--surface-2);font:700 14px/1.2 var(--text);justify-content:center}.tl-media-tile,.tl-why{color:var(--ink-soft);display:flex;gap:8px}.tl-why{align-items:flex-start;font-size:15px;line-height:1.45;text-wrap:pretty}.tl-why .i{color:var(--green);flex:none;height:18px;margin-top:1px;width:18px}.tl-foot{align-items:center;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:2px 14px;justify-content:space-between;padding-top:6px}.tl-from{color:var(--accent-ink);flex:1 1 170px;font:700 15px/1.4 var(--text);min-width:0;padding-block:10px;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.25em;text-wrap:pretty}.tl-from .i{height:17px;margin-inline-start:6px;vertical-align:-.2em;width:17px}.tl-copy{align-items:center;background:var(--surface);border:1.5px solid var(--line-strong);border-radius:999px;color:var(--ink);cursor:pointer;display:inline-flex;flex:none;font:700 15px/1.2 var(--text);justify-content:center;margin-block:4px;min-height:44px;padding:0 16px;transition:border-color .16s ease,background-color .2s ease,transform .16s var(--ease-out);-webkit-tap-highlight-color:transparent}.tl-copy:active{transform:scale(.97)}.tl-copy.is-done{background:var(--field-green);border-color:var(--green)}@media (hover:hover) and (pointer:fine){.tl-copy:not(.is-done):hover{border-color:var(--ink-soft)}}.tl-copy .i{height:18px;width:18px}.tl-swap{display:inline-grid}.tl-swap>span{align-items:center;display:inline-flex;gap:7px;grid-area:1/1;justify-content:center;transition:opacity .16s var(--ease-out),filter .16s var(--ease-out)}.is-done .tl-swap-a,.tl-swap-b{filter:blur(2px);opacity:0}.is-done .tl-swap-b{filter:none;opacity:1}.tl-copy.is-done .tl-swap-b .i{color:var(--ink)}.tl-hint{color:var(--ink-soft);font:700 13px/1.45 var(--text);padding-bottom:10px}.tl-empty{background:var(--surface);border:1.5px dashed var(--line-strong);border-radius:calc(26px*var(--sq-scale, 1));display:grid;gap:12px;justify-items:start;padding:clamp(22px,3vw,34px);corner-shape:var(--sq-shape,round)}.tl-empty-t{font:800 1.3rem/1.3 var(--text);letter-spacing:-.01em;text-wrap:balance}.tl-empty p:not(.tl-empty-t){color:var(--ink-soft);max-width:52ch;text-wrap:pretty}.tl-note{align-items:flex-start;color:var(--ink-soft);display:flex;font-size:14px;gap:8px;line-height:1.45;margin-top:18px;max-width:90ch}.tl-note .i{flex:none;height:16px;margin-top:2px;width:16px}:lang(ar) .tl-empty-t{letter-spacing:0}@media (max-width:1099px){.tl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:719px){.tl-grid{grid-template-columns:minmax(0,1fr)}.tl-play,.tl-search{flex-basis:100%;max-width:none}.tl-switch{margin-inline-start:0}}@media (max-width:479px){.tl-card{padding:16px 14px 6px}.tl-msg{padding:10px}.tl-pill{font-size:14px;padding-inline:12px 5px}.tl-switch label{font-size:14px;padding:0 14px}}@media (prefers-reduced-motion:reduce){.tl-copy:active,.tl-pill:active{transform:none}.tl-swap>span{transition:none}}