.tpd-head{align-items:end;display:grid;gap:0 clamp(24px,4vw,64px);grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}.tpd-copy{display:grid;gap:18px;justify-items:start;padding-bottom:clamp(28px,3.4vw,52px)}.tpd-art{--head:52%;justify-self:center;margin-bottom:-38px;pointer-events:none;position:relative;width:min(100%,330px);z-index:2}.tpd-field{background:var(--field-blue);border-radius:var(--r-xl);padding:clamp(14px,2.4vw,32px);position:relative;z-index:1}.tpd-grid{align-items:start;display:grid;gap:12px;grid-template-columns:minmax(0,2fr) 40px minmax(0,1fr)}.tpd-join{align-self:start;background:var(--sheet-bg);border-radius:50%;box-shadow:var(--shadow-sm);color:var(--accent-ink);display:grid;height:40px;margin-top:220px;place-items:center;width:40px}.tpd-join .i{height:20px;width:20px}.tpd-app{container:tpd-app/inline-size;display:flex;flex-direction:column;overflow-anchor:none}.tpd-bar{gap:6px 10px}.tpd-mark{flex:none;height:22px;width:22px}.tpd-bar-title{display:grid;min-width:0}.tpd-body{display:grid;gap:14px;grid-template-columns:minmax(0,1fr);padding:14px 16px 16px}.tpd-list{border:0;display:flex;flex-wrap:wrap;gap:8px;margin:0;min-width:0;padding:0}.tpd-row{background:var(--sheet-bg);border:2px solid var(--line);border-radius:14px;color:var(--ink);cursor:pointer;display:grid;flex:1 1 170px;gap:4px;min-width:0;padding:9px 12px 10px;position:relative;transition:border-color .16s ease,background-color .16s ease;-webkit-tap-highlight-color:transparent}.tpd-row input{cursor:pointer;height:100%;inset:0;margin:0;opacity:0;position:absolute;width:100%}.tpd-row:has(input:checked){background:var(--field-sky);border-color:var(--sky)}.tpd-row:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}@media (hover:hover) and (pointer:fine){.tpd-row:not(:has(input:checked)):hover{border-color:var(--line-strong)}}.tpd-row-main{display:grid;gap:4px;min-width:0}.tpd-row-name{direction:ltr;font:700 13px/1.35 var(--mono);overflow-wrap:anywhere;text-align:left;unicode-bidi:isolate}[dir=rtl] .tpd-row-name{text-align:right}.tpd-row-meta{align-items:center;color:var(--ink-soft);display:flex;flex-wrap:wrap;font-size:12px;gap:4px 8px;line-height:1.35}.tpd-pill{align-items:center;border-radius:999px;color:var(--ink);display:inline-flex;font:700 12px/1.2 var(--text);min-height:22px;padding:1px 8px;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease;white-space:nowrap}.tpd-pill[data-state=approved]{background:var(--field-green)}.tpd-pill[data-state=pending]{background:var(--field-sky);box-shadow:inset 0 0 0 1px var(--sky)}.tpd-pill[data-state=draft]{background:var(--surface-2);color:var(--ink-soft)}.tpd-pill[data-state=rejected]{background:transparent;box-shadow:inset 0 0 0 1.5px currentColor;color:var(--err)}.tpd-row:has(input:checked) .tpd-pill[data-state=draft]{background:var(--sheet-bg)}.tpd-work{align-content:start;display:grid;gap:12px;min-width:0}.tpd-tabs{background:var(--surface-2);border-radius:999px;display:flex;flex-wrap:wrap;gap:4px;justify-self:start;max-width:100%;padding:4px}.tpd-tab{background:transparent;border:0;border-radius:999px;color:var(--ink-soft);cursor:pointer;font:700 14px/1.2 var(--text);min-height:40px;padding:0 14px;transition:color .16s ease,background-color .16s ease,box-shadow .16s ease;-webkit-tap-highlight-color:transparent}.tpd-tab[aria-selected=true]{background:var(--sheet-bg);box-shadow:var(--shadow-xs);color:var(--ink)}.tpd-tab:focus-visible{outline-offset:1px}@media (hover:hover) and (pointer:fine){.tpd-tab:not([aria-selected=true]):hover{color:var(--ink)}}.tpd-pane,.tpd-panes{display:grid;min-width:0}.tpd-pane{grid-area:1/1}.tpd-pane[data-off]{visibility:hidden}.tpd-pane>.tpd-edit,.tpd-pane>.tpd-meta{grid-area:1/1;min-width:0}.tpd[data-view=edit] .tpd-meta,.tpd[data-view=meta] .tpd-edit{visibility:hidden}.tpd-edit{align-content:start}.tpd-edit,.tpd-pair{display:grid;gap:12px}.tpd-pair{grid-template-columns:repeat(2,minmax(0,1fr))}.tpd-field-row{align-content:start;display:grid;gap:6px;min-width:0}.tpd-label{color:var(--ink);display:block;font:700 13px/1.3 var(--text);padding:0}legend.tpd-label{margin-bottom:6px}.tpd-input{background:var(--sheet-bg);border:1.5px solid var(--line-strong);border-radius:11px;color:var(--ink);display:block;font:600 15px/1.3 var(--text);margin:0;min-height:40px;padding:8px 12px;transition:border-color .16s ease;width:100%}.tpd-editor:focus-visible,.tpd-input:focus-visible,.tpd-select select:focus-visible{outline:3px solid var(--focus);outline-offset:1px}.tpd-editor[aria-invalid=true],.tpd-input[aria-invalid=true]{border-color:var(--err);box-shadow:inset 0 0 0 1px var(--err)}@media (hover:hover) and (pointer:fine){.tpd-editor:not([aria-invalid=true]):hover,.tpd-input:not([aria-invalid=true]):hover,.tpd-select select:hover{border-color:var(--ink-soft)}}.tpd-mono{direction:ltr;font:600 14px/1.3 var(--mono)}[dir=rtl] .tpd-mono{text-align:right}.tpd-static{align-items:center;background:var(--surface-2);border-radius:11px;display:flex;flex-wrap:wrap;font:600 15px/1.3 var(--text);gap:2px 8px;justify-content:space-between;min-height:40px;padding:8px 12px}.tpd-static code{color:var(--ink-soft);direction:ltr;font:600 12px/1.3 var(--mono);unicode-bidi:isolate}.tpd-select{display:block;position:relative}.tpd-select select{appearance:none;-webkit-appearance:none;background:var(--sheet-bg);border:1.5px solid var(--line-strong);border-radius:11px;color:var(--ink);cursor:pointer;display:block;font:600 15px/1.3 var(--text);margin:0;min-height:40px;padding-block:8px;padding-inline:12px 40px;transition:border-color .16s ease;width:100%}.tpd-select:after{border-bottom:2.5px solid var(--ink-soft);border-right:2.5px solid var(--ink-soft);content:"";height:8px;inset-inline-end:16px;pointer-events:none;position:absolute;rotate:45deg;top:50%;translate:0 -70%;width:8px}.tpd-help{color:var(--ink-soft);font-size:13px;line-height:1.45;text-wrap:pretty}.tpd-slot{display:grid}.tpd-slot>*{grid-area:1/1}.tpd-slot>[data-off]{visibility:hidden}.tpd-insert{align-items:center;display:flex;flex-wrap:wrap;gap:6px 8px}.tpd-insert-l{color:var(--ink-soft);font:700 12px/1.3 var(--text)}.tpd-chip{align-items:center;background:var(--field-sky);border-radius:999px;color:var(--ink);display:inline-flex;font:700 13px/1.55 var(--text);gap:2px;margin-inline:1px;padding:0 8px;vertical-align:baseline;white-space:nowrap}.tpd-editor .tpd-chip{cursor:default;user-select:all;-webkit-user-select:all}.tpd-chip-btn{background:transparent;border:1.5px dashed var(--line-strong);cursor:pointer;min-height:36px;padding:0 12px;transition:border-color .16s ease,background-color .16s ease,transform .16s var(--ease-out);-webkit-tap-highlight-color:transparent}.tpd-chip-btn span{font-weight:800;margin-inline-end:2px}.tpd-chip-btn:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.tpd-chip-btn:hover{background:var(--field-sky);border-color:var(--accent-ink)}}.tpd-editor{background:var(--sheet-bg);border:1.5px solid var(--line-strong);border-radius:11px;color:var(--ink);cursor:text;font:500 15px/1.65 var(--text);height:132px;overflow-anchor:none;overflow-wrap:anywhere;overflow-y:auto;padding:9px 12px;transition:border-color .16s ease;white-space:pre-wrap}.tpd-samples{border:0;display:grid;gap:6px;margin:0;min-width:0;padding:0}.tpd-sample-grid{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr))}.tpd-sample{align-items:center;display:grid;gap:8px;grid-template-columns:auto minmax(0,1fr);min-width:0}.tpd-sample .tpd-chip{max-width:9em;overflow:hidden;text-overflow:ellipsis}.tpd-kind{align-items:center;color:var(--ink-soft);display:inline-flex;font-weight:600;gap:4px;margin-inline-start:6px}.tpd-kind .i{height:14px;width:14px}.tpd-count-wrap{display:block;position:relative}.tpd-count-wrap .tpd-input{padding-inline-end:58px}.tpd-count{color:var(--ink-soft);font:600 12px/1 var(--mono);inset-inline-end:10px;pointer-events:none;position:absolute;top:50%;translate:0 -50%;unicode-bidi:isolate}.tpd-count.is-over{color:var(--err)}.tpd-check{display:grid;overflow-anchor:none}.tpd-check>p{align-items:flex-start;color:var(--err);display:flex;font:700 13px/1.4 var(--text);gap:6px;grid-area:1/1;text-wrap:pretty}.tpd-check .i{flex:none;height:16px;margin-top:1px;width:16px}.tpd-check-ghost{visibility:hidden}.tpd-check-live.is-ok{color:var(--ink-soft);font-weight:600}.tpd-check-live.is-ok .i{color:var(--green)}.tpd-meta{border-radius:14px;display:grid;min-height:0}.tpd-meta:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.tpd-code{background:var(--band);border-radius:14px;color:var(--band-ink);direction:ltr;font:500 12.5px/1.6 var(--mono);margin:0;overflow:auto;overflow-wrap:anywhere;padding:14px 16px;scrollbar-color:var(--line-strong) transparent;scrollbar-width:thin;tab-size:2;text-align:left;white-space:pre-wrap}.tpd-code .k{color:var(--sky)}.tpd-code .s{color:var(--band-ink)}.tpd-code .v{color:var(--green);font-weight:700}.tpd-code .p{color:var(--band-soft)}.tpd-actions{align-items:center;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:8px 12px;margin-top:auto;padding:12px 16px 16px}.tpd-test{--b-bg:var(--sheet-bg);--b-ink:var(--ink);box-shadow:inset 0 0 0 2px var(--line-strong)}.tpd-test[aria-disabled=true]{--b-ink:var(--ink-soft);box-shadow:inset 0 0 0 2px var(--line);cursor:not-allowed}.tpd-test[aria-disabled=true]:active{transform:none}@media (hover:hover) and (pointer:fine){.tpd-test:not([aria-disabled=true]):hover{--b-bg:var(--surface-2)}}.tpd-actions [data-submit][aria-disabled=true]{--b-bg:var(--surface-2);--b-ink:var(--ink-soft);cursor:not-allowed}.tpd-actions [data-submit][aria-disabled=true]:active{transform:none}.tpd-test-why{color:var(--ink-soft);display:grid;flex:1 1 220px;font-size:13px;line-height:1.4;text-wrap:pretty}.tpd-test-why>*{grid-area:1/1}.tpd-test-ghost{visibility:hidden}.tpd-phones{display:grid;min-width:0}.tpd-chat{display:flex;flex-direction:column;grid-area:1/1}.tpd-chat[data-off]{visibility:hidden}.tpd-chat-who{display:grid;min-width:0}.tpd-chat-who small{color:var(--ink-soft);font-size:13px}.tpd-chat-body{flex:1 0 auto;height:460px;overflow-y:auto;scrollbar-width:thin}.tpd-day{align-self:center;background:var(--sheet-bg);border-radius:8px;box-shadow:var(--shadow-xs);color:var(--ink-soft);font:600 12px/1.6 var(--text);margin-bottom:auto;padding:2px 10px}.tpd-bubble{max-width:min(94%,36ch);overflow-anchor:none}.tpd-msg{white-space:pre-wrap}.tpd-val{text-decoration:underline dotted;text-decoration-color:color-mix(in srgb,var(--accent-ink) 70%,transparent);text-decoration-thickness:1.5px;text-underline-offset:3px}.tpd-foot{font-size:13px;line-height:1.35;margin-top:4px}.tpd-foot,.tpd-sent{color:var(--ink-soft)}.tpd-sent{align-items:center;display:flex;font:500 12px/1.2 var(--mono);font-variant-numeric:tabular-nums;gap:4px;justify-content:flex-end;margin-top:2px;min-height:18px}.tpd-ticks{height:12px;width:18px}.tpd-cta{gap:6px}.tpd-cta span{overflow-wrap:anywhere}.tpd-bubble.is-in{transform-origin:0 100%}[dir=rtl] .tpd-bubble.is-in{transform-origin:100% 100%}.tpd-foot-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between;margin-top:18px}.tpd-status-slot{display:grid;max-width:66ch;min-height:2.9em;overflow-anchor:none}.tpd-status-slot>*{grid-area:1/1}.tpd-status,.tpd-status-ghost{font:700 16px/1.45 var(--text);text-wrap:pretty}.tpd-status-ghost{visibility:hidden}.tpd-again{background:transparent;border:0;border-radius:999px;color:var(--accent-ink);cursor:pointer;font:700 16px/1.2 var(--text);min-height:44px;padding:0 14px;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.25em}.tpd-again[hidden]{display:inline-flex!important;visibility:hidden}@container tpd-app (min-width: 700px){.tpd-body{align-items:start;gap:16px;grid-template-columns:minmax(0,.55fr) minmax(0,1.45fr)}.tpd-list{align-content:start;display:grid}}@container tpd-app (max-width: 459px){.tpd-pair{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:no-preference){.tpd-bubble.is-in{animation:tpd-land .28s var(--ease-out)}}@keyframes tpd-land{0%{opacity:0;transform:translateY(8px) scale(.97)}}@media (min-width:960px){.tpd-phones{align-self:start;position:sticky;top:104px}.tpd-join{position:sticky;top:324px}}@media (max-width:1179px){.tpd-grid{grid-template-columns:minmax(0,1.75fr) minmax(0,1fr)}.tpd-grid>.tpd-join{display:none}}@media (max-width:959px){.tpd-head{grid-template-columns:minmax(0,1fr)}.tpd-copy{padding-bottom:8px}.tpd-art{margin-bottom:-30px;width:min(74%,280px)}.tpd-grid{grid-template-columns:minmax(0,1fr)}.tpd-phones{justify-self:center;width:min(100%,400px)}.tpd-chat-body{height:340px}}@media (max-width:479px){.tpd-actions,.tpd-body{padding-inline:12px}.tpd-actions .btn{flex:1 1 auto}}@media (prefers-reduced-motion:reduce){.tpd-chip-btn:active{transform:none}}