.tg-tool{gap:14px;max-width:54rem;margin-inline:auto;display:grid}.tg-modes{justify-content:center;display:flex}.tg-card{border-radius:var(--radius-lg);background:var(--color-surface-raised);box-shadow:var(--shadow-card);border-style:solid;border-width:1px;grid-template-columns:minmax(0,1fr);display:grid}.tg-search{gap:10px;padding:18px 20px 14px;display:grid}.tg-search.is-dragging .tg-input{border-style:dashed;border-color:var(--color-link)}.tg-label{font:600 12px/16px var(--font-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink-secondary)}.tg-input{resize:vertical;white-space:pre;overflow-wrap:normal;width:100%;min-height:6.5rem;padding:12px 14px;line-height:1.5;overflow-x:auto}.tg-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.tg-try{scrollbar-width:none;white-space:nowrap;flex-wrap:nowrap;justify-content:safe center;align-items:center;gap:6px;display:flex;overflow-x:auto}.tg-try::-webkit-scrollbar{display:none}.tg-try>*{flex:none}.tg-try-label{font:500 13px/18px var(--font-sans);color:var(--color-ink-secondary);margin-right:2px}.tg-try .example>span{font:500 13px/1 var(--font-sans);border-radius:8px;gap:6px}.tg-try .example>span>svg{color:var(--chip)}.tg-qr{font:500 14px/20px var(--font-sans);color:var(--color-ink-secondary);text-align:center;justify-content:center;align-items:center;gap:8px;margin:0;display:flex}.tg-qr.is-warn{color:var(--color-ink)}.tg-settings{border-top:1px solid var(--color-line)}.tg-settings>summary{cursor:pointer;min-height:44px;font:600 14px/20px var(--font-sans);color:var(--color-ink);align-items:center;gap:8px;padding:0 20px;list-style:none;display:flex}.tg-settings>summary::-webkit-details-marker{display:none}.tg-settings>summary>svg:first-child{color:var(--color-ink-secondary)}.tg-settings>summary>svg:last-child{color:var(--color-ink-secondary);margin-left:auto;transition:transform .15s}.tg-settings[open]>summary>svg:last-child{transform:rotate(180deg)}.tg-settings-now{font:500 13px/18px var(--font-mono);color:var(--color-ink-secondary)}.tg-settings-body{flex-wrap:wrap;gap:12px 24px;padding:4px 20px 16px;display:flex}.tg-settings-note{font:500 13px/18px var(--font-sans);color:var(--color-ink-secondary);flex-basis:100%;margin:0}.tg-settings-note.is-on{color:var(--color-ink)}.tg-choice{gap:6px;display:grid}.tg-choice-label{font:600 12px/16px var(--font-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink-secondary)}.tg-seg{border:1px solid var(--color-line-control);border-radius:8px;justify-self:start;max-width:100%;display:inline-flex;overflow:hidden}.tg-seg label{cursor:pointer;min-height:40px;font:500 14px/20px var(--font-sans);color:var(--color-ink);background:var(--color-page);align-items:center;padding:0 14px;display:inline-flex;position:relative}.tg-seg label+label{border-left:1px solid var(--color-line-control)}.tg-seg label.is-on{background:var(--color-surface-selected);color:var(--color-link);font-weight:600}.tg-seg input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.tg-seg label:has(input:focus-visible){outline:2px solid var(--color-focus);outline-offset:-2px}.tg-rows{margin:0;padding:0;list-style:none}.tg-row{border-top:1px solid var(--color-line);gap:8px;padding:14px 20px;display:grid}.tg-row.is-error{font:500 14px/20px var(--font-sans);color:var(--color-ink);align-items:flex-start;gap:8px;display:flex}.tg-row.is-error>svg{flex:none;margin-top:2px}.tg-row-head{flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.tg-row-label{min-width:0;font:600 14px/20px var(--font-sans);color:var(--color-ink);overflow-wrap:anywhere}.tg-chips{flex-wrap:wrap;gap:6px;display:inline-flex}.tg-chip{background:var(--color-surface-selected);height:24px;font:600 12px/1 var(--font-mono);color:var(--color-link);border-radius:6px;align-items:center;gap:4px;padding:0 8px;display:inline-flex}.tg-chip.is-muted{background:var(--color-surface);color:var(--color-ink-secondary);font-family:var(--font-sans)}.tg-row-body{grid-template-columns:auto auto 1fr;align-items:center;gap:12px 24px;display:grid}.tg-code{font:600 40px/48px var(--font-mono);letter-spacing:.04em;color:var(--color-ink);font-variant-numeric:tabular-nums}.tg-row.is-soon .tg-code{color:var(--color-ink-secondary)}.tg-when{align-items:center;gap:12px;display:inline-flex}.tg-ring{flex:none;place-items:center;width:44px;height:44px;display:inline-grid;position:relative}.tg-ring svg{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.tg-ring circle{fill:none;stroke-width:3.5px}.tg-ring-track{stroke:var(--color-line)}.tg-ring-fill{stroke:var(--color-ok-mark);stroke-dasharray:100;stroke-linecap:round;transition:stroke-dashoffset 1s linear}.tg-ring.is-soon .tg-ring-fill{stroke:var(--color-warn-mark)}.tg-ring-s{font:600 13px/1 var(--font-mono);color:var(--color-ink);font-variant-numeric:tabular-nums}.tg-next,.tg-counter-n{font:600 18px/24px var(--font-mono);color:var(--color-ink);font-variant-numeric:tabular-nums;gap:2px;display:grid}.tg-next-label{font:500 12px/16px var(--font-sans);color:var(--color-ink-secondary);white-space:nowrap}.tg-row.is-soon .tg-next-label{color:var(--color-warn)}.tg-counter{align-items:center;gap:12px;display:inline-flex}.tg-step{justify-content:center;min-width:40px;min-height:40px;padding:0}.tg-copy{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.tg-more{border-top:1px solid var(--color-line);font:500 14px/20px var(--font-sans);color:var(--color-ink-secondary);margin:0;padding:10px 20px}.tg-foot{border-top:1px solid var(--color-line);gap:6px;padding:12px 20px 14px;display:grid}.tg-local,.tg-clock{font:500 13px/18px var(--font-sans);color:var(--color-ink-secondary);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 8px;margin:0;display:flex}.tg-local>svg{color:var(--color-ok-mark)}.tg-clock.is-warn,.tg-clock.is-fail{color:var(--color-ink)}.tg-clock{min-height:24px}.tg-clock-again{min-height:24px;font:inherit;color:var(--color-link);text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:0 2px;text-decoration:underline}.tg-create{gap:16px;padding:18px 20px;display:grid}.tg-create-fields{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:12px 16px;display:grid}.tg-create-fields .tg-choice{grid-column:1/-1}.tg-field{gap:6px;display:grid}.tg-field .field{width:100%}.tg-made{grid-template-columns:11rem minmax(0,1fr);align-items:start;gap:16px 20px;display:grid}.tg-made-qr{aspect-ratio:1;border:1px solid var(--color-line);border-radius:var(--radius-lg);overflow:hidden}.tg-made-qr[aria-busy]{background:var(--color-surface)}.tg-made-qr svg{width:100%;height:auto;display:block}.tg-made-list{gap:12px;margin:0;display:grid}.tg-made-list>div{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 8px;display:grid}.tg-made-list dt{font:600 12px/16px var(--font-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink-secondary);grid-column:1/-1}.tg-made-list dd{min-width:0;margin:0}.tg-secret{color:var(--color-ink);overflow-wrap:anywhere;font-size:16px;line-height:24px}.tg-uri{color:var(--color-ink);overflow-wrap:anywhere;font-size:13px;line-height:19px}.tg-keep{font:500 14px/20px var(--font-sans);color:var(--color-ink);align-items:flex-start;gap:8px;margin:0;display:flex}.tg-keep>svg{color:var(--color-ink-secondary);flex:none;margin-top:2px}@media (prefers-reduced-motion:reduce){.tg-ring-fill,.tg-settings>summary>svg:last-child{transition:none}}@media (width<40rem){.tg-search,.tg-create,.tg-settings>summary,.tg-settings-body,.tg-row,.tg-foot,.tg-more{padding-inline:16px}.tg-settings-now{display:none}.tg-clock{min-height:48px}.tg-row-body{grid-template-columns:minmax(0,1fr) auto}.tg-code{font-size:34px;line-height:42px}.tg-copy{grid-column:1/-1;justify-content:stretch}.tg-copy>*,.tg-actions>.btn{flex:auto}.tg-create-fields,.tg-made{grid-template-columns:minmax(0,1fr)}.tg-made-qr{justify-self:center;width:min(14rem,100%)}}.tg-fig{gap:14px;margin:0;display:grid}.tg-fig figcaption{color:var(--color-ink-secondary)}.tg-fig-label{font:600 12px/16px var(--font-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink-secondary);margin:0}.tg-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.tg-steps li{border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-surface-raised);gap:2px;padding:10px 12px;display:grid}.tg-steps li.is-on{border-color:var(--color-link);box-shadow:inset 0 0 0 1px var(--color-link)}.tg-steps-n{font:600 13px/18px var(--font-sans);color:var(--color-ink)}.tg-steps-t{font:500 12px/16px var(--font-sans);color:var(--color-ink-secondary)}.tg-steps-c{color:var(--color-ink);margin-top:4px;font-size:20px;font-weight:600;line-height:26px}.tg-bytes{grid-template-columns:repeat(20,minmax(0,1fr));gap:3px;margin:0;padding:0;list-style:none;display:grid}.tg-bytes li{background:var(--color-surface);min-height:32px;color:var(--color-ink-secondary);border-radius:6px;place-items:center;font-size:13px;display:grid}.tg-bytes li.is-take{background:var(--color-surface-selected);color:var(--color-link);box-shadow:inset 0 0 0 1px var(--color-link);font-weight:600}.tg-bytes li.is-last{box-shadow:inset 0 0 0 1px var(--color-warn-mark);color:var(--color-ink)}.tg-trunc{counter-reset:tg;gap:6px;margin:0;padding:0;list-style:none;display:grid}.tg-trunc li{background:var(--color-surface-raised);counter-increment:tg;font:500 14px/20px var(--font-sans);color:var(--color-ink);border-radius:8px;grid-template-columns:1.5rem minmax(0,1fr) auto;align-items:baseline;gap:10px;padding:8px 12px;display:grid}.tg-trunc li:before{content:counter(tg);font:600 12px/20px var(--font-mono);color:var(--color-ink-secondary)}.tg-trunc-code{color:var(--color-ok);font-size:20px;font-weight:600}.tg-flow{flex-wrap:wrap;gap:8px 26px;margin:0;padding:0;list-style:none;display:flex}.tg-flow li{border:1px solid var(--color-line);background:var(--color-surface-raised);min-height:32px;font:500 13px/18px var(--font-sans);color:var(--color-ink);border-radius:8px;align-items:center;gap:6px;padding:6px 10px;display:inline-flex;position:relative}.tg-flow li+li:before{content:"→";color:var(--color-ink-secondary);position:absolute;left:-20px}.tg-flow img{width:18px;height:18px;display:inline-block}.tg-uri-row{grid-template-columns:10rem minmax(0,1fr);align-items:center;gap:20px;display:grid}.tg-uri-qr{aspect-ratio:1;border:1px solid var(--color-line);border-radius:var(--radius-lg);overflow:hidden}.tg-uri-qr svg{width:100%;height:auto;display:block}.tg-uri-parts{gap:12px;min-width:0;display:grid}.tg-uri-line{border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-surface-raised);color:var(--color-ink-secondary);overflow-wrap:anywhere;margin:0;padding:12px 14px;font-size:14px;line-height:22px}.tg-uri-line [data-part]{color:var(--c);border-bottom:2px solid var(--c);font-weight:600}.tg-uri-legend{font:500 13px/18px var(--font-sans);color:var(--color-ink);flex-wrap:wrap;gap:6px 16px;margin:0;padding:0;list-style:none;display:flex}.tg-uri-legend li{align-items:center;gap:6px;display:inline-flex}.tg-uri-legend i{background:var(--c);border-radius:3px;width:10px;height:10px}[data-part=scheme],[data-part=setting]{--c:var(--color-slate)}[data-part=type]{--c:var(--color-ok)}[data-part=label]{--c:var(--color-link)}[data-part=secret]{--c:var(--color-warn)}[data-part=issuer]{--c:var(--color-cyan)}.tg-fig-fail{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:start}.tg-fig-fail figcaption{grid-column:1/-1}.tg-window{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.tg-window-cell{border-radius:var(--radius-lg);text-align:center;gap:4px;padding:12px 8px;display:grid}.tg-window-cell.is-ok{background:var(--color-ok-fill)}.tg-window-cell.is-no{background:var(--color-fail-fill)}.tg-window-cell.is-now{box-shadow:inset 0 0 0 2px var(--color-ok-mark)}.tg-window-o{color:var(--color-ink);font-size:14px;font-weight:600}.tg-window-v{font:500 12px/16px var(--font-sans);color:var(--color-ink-secondary)}.tg-checks{gap:8px;margin:0;padding:0;list-style:none;display:grid}.tg-checks li{border:1px solid var(--color-line);background:var(--color-surface-raised);font:500 14px/20px var(--font-sans);color:var(--color-ink);border-radius:8px;align-items:center;gap:10px;padding:8px 12px;display:flex}.tg-checks li>svg{color:var(--color-link);flex:none}.tg-params th[scope=row]{white-space:nowrap;font-family:var(--font-mono);font-weight:500}.tg-params th[scope=row] i{background:var(--c);border-radius:3px;width:10px;height:10px;margin-right:8px;display:inline-block}.tg-params td img{vertical-align:-3px;width:16px;height:16px;margin-right:6px;display:inline-block}.tg-fig-lanes{grid-template-columns:repeat(2,minmax(0,1fr))}.tg-fig-lanes figcaption{grid-column:1/-1}.tg-lane{border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-surface-raised);padding:14px 16px}.tg-lane-title{font:600 14px/20px var(--font-sans);color:var(--color-ink);align-items:center;gap:8px;margin:0 0 10px;display:flex}.tg-lane-title>svg{color:var(--color-link)}.tg-lane ol{gap:6px;margin:0;padding:0;list-style:none;display:grid}.tg-lane li{font:500 14px/20px var(--font-sans);color:var(--color-ink);border-radius:8px;grid-template-columns:4.5rem minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px 10px;display:grid}.tg-lane li.is-on{background:var(--color-surface-selected)}.tg-lane li.is-on .font-mono{color:var(--color-link);font-weight:600}.tg-lane-at,.tg-lane-n{color:var(--color-ink-secondary)}.tg-boundary{grid-template-columns:repeat(2,minmax(0,1fr))}.tg-side{border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-surface-raised);padding:16px 18px}.tg-side.is-server{background:0 0;border-style:dashed}.tg-side-title{font:600 14px/20px var(--font-sans);color:var(--color-ink);margin:0 0 8px}.tg-side ol{counter-reset:tgs;color:var(--color-ink);gap:8px;margin:0;padding:0;list-style:none;display:grid}.tg-side li{counter-increment:tgs;font:500 15px/22px var(--font-sans);align-items:center;gap:10px;display:flex}.tg-side li:before{content:counter(tgs);background:var(--color-surface-selected);width:24px;height:24px;font:600 12px/1 var(--font-mono);color:var(--color-link);border-radius:50%;flex:none;place-items:center;display:inline-grid}.tg-side.is-server{align-content:start;gap:8px;display:grid}.tg-nothing{font:600 15px/22px var(--font-sans);color:var(--color-ink);align-items:center;gap:8px;margin:0;display:flex}.tg-nothing>svg{color:var(--color-ok-mark)}.tg-zero{font:500 13px/18px var(--font-mono);color:var(--color-ink-secondary);margin:0}@media (width<48rem){.tg-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.tg-bytes{grid-template-columns:repeat(10,minmax(0,1fr))}.tg-uri-row,.tg-fig-fail,.tg-fig-lanes,.tg-boundary{grid-template-columns:minmax(0,1fr)}.tg-uri-qr{justify-self:center;width:min(12rem,100%)}.tg-window-o{font-size:12px}}