.tcr-demo .demo-wsrow.gr{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"stages say controls";align-items:center;grid-column-gap:24px;column-gap:24px;grid-row-gap:6px;row-gap:6px;height:var(--ws-row-h);padding:0}.tcr-demo .gr-stages{grid-area:stages;display:flex;align-items:stretch;gap:2px;margin:0;padding:0;list-style:none}.tcr-demo .gr-stages-item{display:flex;min-width:0}.tcr-demo .gr-stage{position:relative;display:grid;grid-template-columns:auto auto;justify-content:start;align-items:center;grid-column-gap:7px;column-gap:7px;min-width:0;padding:4px 9px;border-radius:var(--r-md);color:var(--c-ink-3);text-align:left;transition:color var(--dur-1) var(--ease-out),background var(--dur-1) var(--ease-out)}.tcr-demo .gr-stage:hover{color:var(--c-ink-2);background:rgba(174,200,239,.05)}.tcr-demo .gr-stage.is-done{color:var(--c-ink-2)}.tcr-demo .gr-stage.is-current{color:var(--c-ink-display);background:var(--c-surface);box-shadow:inset 0 0 0 1px var(--c-accent-edge)}.tcr-demo .gr-stage-n{display:inline-grid;place-items:center;min-width:18px;height:16px;color:var(--c-ink-3);font:500 12px/1 var(--font-label,var(--pl-mono));letter-spacing:.04em}.tcr-demo .gr-stage.is-current .gr-stage-n{color:var(--c-accent-text)}.tcr-demo .gr-stage.is-done .gr-stage-n{color:var(--c-accent)}.tcr-demo .gr-stage-n svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.tcr-demo .gr-stage-label{font:500 13px/1.2 var(--font-display,var(--pl-sans));letter-spacing:-.005em;white-space:nowrap}.tcr-demo .gr-ticks{grid-column:1/-1;display:flex;gap:3px;margin-top:5px}.tcr-demo .gr-tick{position:relative;flex:1 1;min-width:8px;height:3px;border-radius:2px;background:var(--line);overflow:hidden}.tcr-demo .gr-tick.is-done{background:var(--c-accent-edge)}.tcr-demo .gr-stage.is-current .gr-tick.is-done,.tcr-demo .gr-stage.is-done .gr-tick.is-done{background:#3a5487}.tcr-demo .gr-tick.is-active{background:var(--line-strong)}.tcr-demo .gr-tick-fill{position:absolute;inset:0;background:var(--c-signal);transform-origin:left center;transform:scaleX(0);animation-name:gr-fill;animation-timing-function:linear;animation-fill-mode:forwards;animation-play-state:paused}.tcr-demo .gr-tick-fill.is-running{animation-play-state:running}.tcr-demo .demo-wsrow.gr[data-reduced=true] .gr-tick.is-active{background:var(--c-signal)}.tcr-demo .demo-wsrow.gr[data-reduced=true] .gr-tick-fill{display:none}@keyframes gr-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.tcr-demo .gr-say{grid-area:say;display:flex;align-items:center;gap:14px;min-width:0}.tcr-demo .gr-caption{display:-webkit-box;min-width:0;max-width:80ch;margin:0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;color:var(--c-ink-2);font:400 12.5px/1.4 var(--font-display,var(--pl-sans));letter-spacing:-.003em;text-wrap:pretty}.tcr-demo .gr-title{margin-right:7px;color:var(--c-ink-display);font-weight:600}.tcr-demo .gr-text{color:var(--c-ink-body)}.tcr-demo .gr-kicker{display:none}.tcr-demo .gr-controls{grid-area:controls;display:flex;align-items:center;gap:6px}.tcr-demo .gr-btn{display:grid;place-items:center;width:32px;height:32px;flex:none;border-radius:50%;border:1px solid var(--line-strong);color:var(--c-ink);transition:background-color var(--dur-1) var(--ease-out),border-color var(--dur-1) var(--ease-out),transform var(--dur-1) var(--ease-out)}.tcr-demo .gr-btn svg,.tcr-demo .gr-cta svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.tcr-demo .gr-btn svg.is-fill{fill:currentColor;stroke:none}.tcr-demo .gr-btn:not(.is-play):hover:not([aria-disabled=true]){background:rgba(174,200,239,.08);border-color:rgba(174,200,239,.5)}.tcr-demo .gr-btn:not(.is-play):active:not([aria-disabled=true]){background:rgba(174,200,239,.14)}.tcr-demo .gr-btn.is-play{width:36px;height:36px;border-color:transparent;background:var(--c-accent);color:var(--c-accent-ink)}.tcr-demo .gr-btn.is-play:hover{background:var(--c-accent-hover)}.tcr-demo .gr-btn.is-play:active{background:var(--c-accent-press);transform:scale(.96)}.tcr-demo .gr-btn[aria-disabled=true]{cursor:default;border-color:rgba(174,200,239,.12)}.tcr-demo .gr-btn[aria-disabled=true] svg{opacity:.35}.tcr-demo .gr-count{margin:0 0 0 6px;color:var(--c-ink);font:500 12px/1 var(--font-label,var(--pl-mono));letter-spacing:.04em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.tcr-demo .gr-count-of{color:var(--c-ink-3)}.tcr-demo .gr-link{display:inline-flex;align-items:center;flex:none;min-height:30px;padding:0 4px;border-radius:var(--r-control);color:var(--c-accent-text);font:600 13px/1 var(--font-display,var(--pl-sans));white-space:nowrap;text-decoration:underline;-webkit-text-decoration-color:rgba(155,185,230,.4);text-decoration-color:rgba(155,185,230,.4);text-underline-offset:3px;transition:color var(--dur-1) var(--ease-out),-webkit-text-decoration-color var(--dur-1) var(--ease-out);transition:color var(--dur-1) var(--ease-out),text-decoration-color var(--dur-1) var(--ease-out);transition:color var(--dur-1) var(--ease-out),text-decoration-color var(--dur-1) var(--ease-out),-webkit-text-decoration-color var(--dur-1) var(--ease-out)}.tcr-demo .gr-link:hover{color:var(--c-ink-display);-webkit-text-decoration-color:currentColor;text-decoration-color:currentColor}.tcr-demo .gr-link.gr-end{margin-left:4px}.tcr-demo .gr-link.gr-book{margin-left:6px}.tcr-demo .demo-wsrow.gr.is-offer{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"say acts"}.tcr-demo .demo-wsrow.gr.is-offer .gr-caption{grid-area:say}.tcr-demo .gr-offer-acts{grid-area:acts;display:flex;align-items:center;gap:12px}.tcr-demo .gr-cta{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 16px 0 13px;border-radius:var(--r-pill);background:var(--c-accent);color:var(--c-accent-ink);font:600 13px/1 var(--font-display,var(--pl-sans));white-space:nowrap;transition:background var(--dur-1) var(--ease-out)}.tcr-demo .gr-cta:hover{background:var(--c-accent-hover)}.tcr-demo .gr-cta:active{background:var(--c-accent-press)}@media (max-width:1279px){.tcr-demo .demo-wsrow.gr{column-gap:18px}.tcr-demo .gr-stage{padding:4px 8px;column-gap:6px}.tcr-demo .gr-stage:not(.is-current) .gr-stage-label{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.tcr-demo .gr-stage:not(.is-current){grid-template-columns:auto}}@media (min-width:900px) and (max-width:1099px){.tcr-demo .gr-link.gr-end{display:none}.tcr-demo .gr-link.gr-book{margin-left:4px}}@media (max-width:1099px){.tcr-demo .gr-count{position:absolute;width:1px;height:1px;margin:0;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}}.tcr-demo .gr-progress{display:none}@media (min-width:601px) and (max-width:899px){.tcr-demo .demo-wsrow.gr{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"stages controls" "say say";align-content:center}.tcr-demo .gr-caption{max-width:none}.tcr-demo .demo-wsrow.gr.is-offer{grid-template-columns:minmax(0,1fr);grid-template-areas:"say" "acts"}}@media (max-width:600px){.tcr-demo .demo-wsrow.gr{position:relative;display:block;padding:6px 0 0}.tcr-demo .gr-stages{display:none}.tcr-demo .gr-controls{float:right;gap:4px;height:34px;margin:0 0 0 10px}.tcr-demo .gr-btn{width:32px;height:32px}.tcr-demo .gr-btn.is-play{width:34px;height:34px}.tcr-demo .gr-say{display:block}.tcr-demo .gr-caption{display:block;max-height:calc(3 * 17px);overflow:clip;-webkit-line-clamp:unset;line-clamp:none;font-size:12.5px;line-height:17px}.tcr-demo .gr-kicker{display:inline;margin-right:6px;color:var(--c-accent-text);font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tcr-demo .gr-kicker-stage{color:var(--c-ink-display)}.tcr-demo .gr-caption .gr-title{position:absolute;width:1px;height:1px;margin:0;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.tcr-demo .demo-wsrow.gr[data-status=ended] .gr-caption .gr-title{position:static;width:auto;height:auto;overflow:visible;-webkit-clip-path:none;clip-path:none;white-space:normal;margin-right:5px}.tcr-demo .demo-wsrow.gr[data-status=ended] .gr-btn:not(.is-play),.tcr-demo .gr-link.gr-end{display:none}.tcr-demo .gr-link.gr-book{min-height:32px;margin-left:2px}.tcr-demo .gr-progress{position:absolute;left:0;right:0;bottom:6px;display:flex;gap:6px;pointer-events:none}.tcr-demo .gr-progress-stage{display:flex;flex:1 1;gap:2px;min-width:0}.tcr-demo .gr-progress .gr-tick{min-width:0;height:3px}.tcr-demo .gr-progress .gr-tick.is-done{background:#3a5487}.tcr-demo .gr-offer-acts{float:right;gap:8px;height:34px;margin:0 0 0 12px}.tcr-demo .gr-offer-acts .gr-link{display:none}.tcr-demo .gr-cta{height:32px;padding:0 14px 0 11px}}@media (pointer:coarse){.tcr-demo .gr-btn{width:36px;height:36px}.tcr-demo .gr-btn.is-play{width:38px;height:38px}.tcr-demo .gr-link{min-height:40px}.tcr-demo .gr-cta{height:40px}}@media (max-width:400px){.tcr-demo .gr-caption{font-size:12px}}@media (max-width:360px){.tcr-demo .gr-caption{max-height:calc(4 * 17px)}}@media (pointer:coarse) and (max-width:600px){.tcr-demo .gr-btn{width:32px;height:32px}.tcr-demo .gr-btn.is-play{width:34px;height:34px}.tcr-demo .gr-link{min-height:34px}.tcr-demo .gr-cta{height:34px}}@media (prefers-reduced-motion:reduce){.tcr-demo .gr-tick-fill{display:none}.tcr-demo .gr-tick.is-active{background:var(--c-signal)}.tcr-demo .gr-btn.is-play:active{transform:none}}.tcr-demo.demo-root.is-workspace{background:radial-gradient(1100px 620px at 60% 38%,rgba(51,78,172,.13),transparent 70%),var(--c-bg-deep);color:var(--c-ink);--ws-gutter:24px;--ws-bar-h:48px;--ws-row-h:50px;--ws-tabs-h:0px;--ws-stage-pt:14px;--ws-stage-pb:10px;--ws-link-w:24px;--ws-above:var(--ws-stage-top,calc(var(--ws-bar-h) + var(--ws-row-h) + var(--ws-tabs-h)));--ws-pane-h:clamp(560px,calc(100dvh - var(--ws-above) - var(--ws-stage-pt) - var(--ws-stage-pb) - var(--ws-below, 0px)),900px);--ws-phone-w:390px;--ws-phone-h:821px}.tcr-demo .demo-ws{flex:1 1 auto;display:flex;flex-direction:column;min-width:0;font-family:var(--pl-sans)}.tcr-demo .demo-ws :is(.demo-wsbar,.demo-ws-rows,.demo-ws-tabs) :focus-visible{outline:2px solid var(--focus);outline-offset:2px}.tcr-demo .demo-wsbar{position:relative;z-index:20;background:rgba(6,10,20,.78);border-bottom:1px solid var(--line)}.tcr-demo .demo-wsbar-in{display:flex;align-items:center;gap:14px;min-height:calc(var(--ws-bar-h) - 1px);padding:0 var(--ws-gutter)}.tcr-demo .demo-wsbar-back{display:inline-flex;align-items:center;gap:10px;min-height:36px;padding:4px 10px 4px 4px;margin-left:-4px;border-radius:var(--r-control);color:var(--c-ink-2);font-size:13px;font-weight:500;text-decoration:none;white-space:nowrap;transition:color var(--dur-1) var(--ease-out),background var(--dur-1) var(--ease-out)}.tcr-demo .demo-wsbar-back:hover{color:var(--c-ink);background:var(--c-surface)}.tcr-demo .demo-wsbar-mark{width:20px;height:22px;flex:0 0 20px;color:var(--c-accent-text)}.tcr-demo .demo-wsbar-rule{width:1px;height:20px;background:var(--line-strong);flex:none}.tcr-demo .demo-wsbar-title{flex:none;margin:0;color:var(--c-ink-display);font-family:var(--font-display,var(--pl-sans));font-size:15px;font-weight:600;line-height:inherit;letter-spacing:-.01em;white-space:nowrap}.tcr-demo .demo-wsbar .demo-wsbar-notice{flex:1 1 auto;min-width:0;container:ws-notice/inline-size;justify-content:flex-start;flex-wrap:nowrap;gap:7px;margin:0;padding:0 0 0 4px;border:0;color:var(--c-ink-3);font-size:12px;line-height:1.3;text-align:left}.tcr-demo .demo-wsbar .demo-wsbar-notice svg{flex:none;color:var(--c-ink-3)}.tcr-demo .demo-wsbar .demo-wsbar-notice>span{text-wrap:balance}.tcr-demo .demo-wsbar .demo-wsbar-notice b{color:var(--c-ink-2);font-weight:500}@container ws-notice (max-width: 62.4em){.tcr-demo .demo-wsbar .demo-wsbar-notice svg{display:none}}.tcr-demo .demo-wsbar-end{display:flex;flex:none;align-items:center;gap:10px;margin-left:auto}.tcr-demo .demo-wsbar-mode{display:inline-flex;padding:3px;border-radius:var(--r-pill);background:var(--c-bg-raised);border:1px solid var(--line)}.tcr-demo .demo-wsbar-mode button{height:30px;padding:0 14px;border-radius:var(--r-pill);color:var(--c-ink-3);font-size:13px;font-weight:600;white-space:nowrap;transition:color var(--dur-1) var(--ease-out),background var(--dur-1) var(--ease-out)}.tcr-demo .demo-wsbar-mode button:hover{color:var(--c-ink-2)}.tcr-demo .demo-wsbar-mode button[aria-pressed=true]{background:var(--c-surface-hover);color:var(--c-ink-display);box-shadow:inset 0 0 0 1px var(--c-accent-edge),0 1px 0 rgba(255,255,255,.04)}.tcr-demo .demo-wsbar-reset{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 14px 0 12px;border-radius:var(--r-pill);border:1px solid var(--line-strong);color:var(--c-ink-2);font-size:13px;font-weight:600;white-space:nowrap;transition:color var(--dur-1) var(--ease-out),background var(--dur-1) var(--ease-out)}.tcr-demo .demo-wsbar-reset:hover{background:var(--c-surface);color:var(--c-ink)}.tcr-demo .demo-ws-rows{padding:0 var(--ws-gutter)}.tcr-demo .demo-wsrow{display:flex;align-items:center;gap:8px 20px;height:var(--ws-row-h);border-bottom:1px solid var(--line-subtle)}.tcr-demo .demo-wsrow-help{display:flex;align-items:baseline;gap:12px;min-width:0;flex:1 1 auto;margin:0;color:var(--c-ink-3);font-size:12.5px;line-height:1.4}.tcr-demo .demo-wsrow-k{flex:none;color:var(--c-accent-text);font-family:var(--font-mono,var(--pl-mono));font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.tcr-demo .demo-wsrow-tx{display:-webkit-box;min-width:0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.tcr-demo .demo-wsrow-acts{display:flex;align-items:center;gap:8px;flex:none}.tcr-demo .demo-wsbtn{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 12px;border-radius:var(--r-pill);border:1px solid var(--line);color:var(--c-ink-2);font-size:13px;font-weight:500;text-decoration:none;white-space:nowrap;transition:color var(--dur-1) var(--ease-out),background var(--dur-1) var(--ease-out),border-color var(--dur-1) var(--ease-out)}.tcr-demo .demo-wsbtn:hover{background:var(--c-surface);color:var(--c-ink);border-color:var(--line-strong)}.tcr-demo .demo-wsbtn.is-accent{background:var(--c-accent-wash);border-color:var(--c-accent-edge);color:var(--c-accent-text)}.tcr-demo .demo-wsbtn.is-accent:hover{background:#1a2a4a;color:var(--c-ink-display)}.tcr-demo .demo-wsbtn .pv-badge{min-width:18px;height:18px;padding:0 5px;font-size:12px;background:var(--c-accent);border-color:transparent;color:var(--c-accent-ink)}.tcr-demo .demo-wsbtn .pv-badge.zero{background:transparent;border-color:var(--line-strong);color:var(--c-ink-3)}.tcr-demo .demo-wsbtn .pv-badge.unknown{background:transparent;border-color:var(--line-control);color:var(--c-ink-3)}.tcr-demo .demo-wsbtn-glyph{width:13px;height:13px;flex:none;fill:currentColor}.tcr-demo .demo-ws-tabs{display:none}.tcr-demo .demo-ws-tab{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:34px;min-width:132px;padding:0 18px;border-radius:var(--r-pill);color:var(--c-ink-3);font-size:14px;font-weight:600;white-space:nowrap;transition:color var(--dur-1) var(--ease-out),background var(--dur-1) var(--ease-out)}.tcr-demo .demo-ws-tab:hover{color:var(--c-ink-2)}.tcr-demo .demo-ws-tab[aria-selected=true]{background:var(--c-surface-hover);color:var(--c-ink-display);box-shadow:inset 0 0 0 1px var(--c-accent-edge)}.tcr-demo .demo-ws-tab-dot{width:7px;height:7px;border-radius:50%;background:var(--c-signal);box-shadow:var(--glow-signal)}.tcr-demo .demo-ws-stage{flex:1 1 auto;display:flex;justify-content:center;align-items:flex-start;min-width:0;padding:var(--ws-stage-pt) var(--ws-gutter) var(--ws-stage-pb);outline:none}.tcr-demo .demo-ws-pane{position:relative;display:flex;flex-direction:column;min-width:0}.tcr-demo .demo-ws-pane.is-phone{flex:0 0 auto;align-items:center}.tcr-demo .demo-ws-pane.is-browser{flex:1 1 auto}.tcr-demo .demo-ws-caption{position:absolute;top:-11px;z-index:5;display:inline-flex;align-items:center;gap:7px;height:22px;margin:0;padding:0 11px 0 9px;border:1px solid var(--line-strong);border-radius:var(--r-pill);background:var(--c-bg-deep);color:var(--c-ink-2);font-family:var(--font-mono,var(--pl-mono));font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;pointer-events:none}.tcr-demo .demo-ws-pane.is-phone .demo-ws-caption{left:50%;transform:translateX(-50%)}.tcr-demo .demo-ws-pane.is-browser .demo-ws-caption{right:18px}.tcr-demo .demo-ws-caption-dot{width:6px;height:6px;border-radius:50%;background:var(--c-accent)}@media (min-width:601px){.tcr-demo .demo-ws .demo-device{--demo-status-h:52px;--demo-home-h:30px}.tcr-demo .demo-ws .demo-phone{width:var(--ws-phone-w);height:var(--ws-phone-h);padding:10px;border-radius:60px;background:linear-gradient(150deg,#2c3446,#111624 42%,#1c2334);box-shadow:inset 0 0 0 1px rgba(255,255,255,.09),0 0 0 1px #02040a,var(--shadow-stage),var(--glow-stage)}.tcr-demo .demo-ws .demo-phone-glass{border-radius:50px}.tcr-demo .demo-ws .demo-phone-status{padding:2px 30px 0 44px;font-size:16px}.tcr-demo .demo-ws .demo-phone-island{top:20px;width:118px;height:35px;background:#000}.tcr-demo .demo-ws .demo-phone-homezone{place-items:end center;padding-bottom:8px}.tcr-demo .demo-ws .demo-phone-home{width:134px}@supports (zoom:tan(atan2(1px,1px))){.tcr-demo .demo-ws .demo-phone{zoom:min(1,tan(atan2(var(--ws-pane-h),var(--ws-phone-h))))}}@supports not (zoom:tan(atan2(1px,1px))){.tcr-demo .demo-ws .demo-phone{zoom:.66}@media (min-height:760px){.tcr-demo .demo-ws .demo-phone{zoom:.71}}@media (min-height:820px){.tcr-demo .demo-ws .demo-phone{zoom:.78}}@media (min-height:880px){.tcr-demo .demo-ws .demo-phone{zoom:.85}}@media (min-height:940px){.tcr-demo .demo-ws .demo-phone{zoom:.92}}@media (min-height:1001px){.tcr-demo .demo-ws .demo-phone{zoom:1}}}}@media (min-width:1280px){.tcr-demo .demo-ws-pane.is-phone{flex:0 0 var(--ws-phone-w);margin-top:max(0px,(var(--ws-pane-h) - var(--ws-phone-h))/2)}}.tcr-demo .demo-ws .demo-browser{height:var(--ws-pane-h);border:0;border-radius:14px;box-shadow:0 0 0 1px rgba(174,200,239,.2),var(--shadow-stage),var(--glow-stage)}.tcr-demo .demo-ws .demo-browser-bar{flex-basis:36px;height:36px}.tcr-demo .demo-ws-link{position:relative;flex:0 0 var(--ws-link-w);align-self:stretch;pointer-events:none}.tcr-demo .demo-ws-link-line{position:absolute;top:18%;bottom:18%;left:50%;width:1px;transform:translateX(-50%);background:linear-gradient(180deg,transparent,var(--line-strong) 30%,var(--line-strong) 70%,transparent)}.tcr-demo .demo-ws-link-node{position:absolute;top:50%;left:50%;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;border-radius:50%;background:var(--c-bg-deep);box-shadow:0 0 0 1px var(--line-control)}.tcr-demo .demo-ws-link-node.is-pulse{animation:demo-ws-pulse .32s var(--ease-out) both}@keyframes demo-ws-pulse{0%{background:var(--c-signal);box-shadow:0 0 0 1px var(--c-signal),0 0 0 0 rgba(90,162,255,.55)}60%{background:var(--c-signal);box-shadow:0 0 0 1px var(--c-signal),0 0 0 8px rgba(90,162,255,0)}to{background:var(--c-bg-deep);box-shadow:0 0 0 1px var(--line-control),0 0 0 8px rgba(90,162,255,0)}}@media (min-width:1280px){.tcr-demo .demo-ws .demo-ws-pane.is-browser .demo-browser-body{container:console-pane/inline-size;contain:layout}.tcr-demo .demo-ws .demo-ws-pane.is-browser .pv-dialog{max-height:calc(var(--ws-pane-h) - 36px - 2 * var(--pl-4))}.tcr-demo .demo-ws .demo-ws-pane.is-browser .rd-menu{max-height:calc(var(--ws-pane-h) - 36px - 100px)}}.tcr-demo .demo-ws .demo-ws-guide{position:absolute;z-index:80;overflow:hidden;pointer-events:none}.tcr-demo .demo-ws .demo-ws-guide [hidden],.tcr-demo .demo-ws .demo-ws-guide[hidden]{display:none}.tcr-demo .demo-ws .demo-ws-guide-frame,.tcr-demo .demo-ws .demo-ws-guide-ring{position:absolute;box-sizing:border-box}.tcr-demo .demo-ws .demo-ws-guide-ring{border:2px solid rgba(90,162,255,.95);box-shadow:0 0 0 4px rgba(90,162,255,.2),0 0 20px 4px rgba(90,162,255,.42);animation:demo-ws-guide-in .22s var(--ease-out) both}.tcr-demo .demo-ws .demo-ws-guide-frame{border:1.5px solid rgba(90,162,255,.5);background:rgba(90,162,255,.05)}.tcr-demo .demo-ws .demo-ws-guide-tag{position:absolute;top:0;right:12px;transform:translateY(-55%);padding:3px 8px;border-radius:var(--r-pill);background:#334eac;box-shadow:0 2px 8px rgba(8,31,92,.35);color:#fff;font:600 12px/1 var(--font-display,var(--pl-sans));letter-spacing:.01em;white-space:nowrap}.tcr-demo .demo-ws .demo-ws-guide-tag.is-below{top:auto;bottom:0;transform:translateY(55%)}@keyframes demo-ws-guide-in{0%{opacity:0;transform:scale(1.04)}to{opacity:1;transform:none}}.tcr-demo.is-workspace>.demo-fiction{padding:10px var(--ws-gutter) 14px;border-top:1px solid var(--line-subtle);color:var(--c-ink-3);font-size:12px}.tcr-demo.is-workspace>.demo-fiction b{color:var(--c-ink-2)}@media (min-width:1150px){.tcr-demo.is-workspace>.demo-fiction{display:none}}@media (max-width:1149px){.tcr-demo .demo-wsbar .demo-wsbar-notice{display:none}}@media (min-width:840px) and (max-width:1149px){.tcr-demo.demo-root.is-workspace{--ws-notice-h:48px}.tcr-demo.is-workspace>.demo-fiction{display:block;height:var(--ws-notice-h);padding:8px var(--ws-gutter) 7px;line-height:16px;text-wrap:balance}.tcr-demo.is-workspace>.demo-fiction svg{display:inline-block;margin-right:6px;vertical-align:middle}}@media (min-width:761px){.tcr-demo .demo-ws [data-pane=browser] .pv-toast-layer{position:absolute;left:auto;right:20px;bottom:20px;width:max-content;max-width:min(380px,calc(100% - 40px));align-items:flex-end}.tcr-demo .demo-ws [data-pane=browser] .pv-toast{max-width:100%}}@media (min-width:601px){.tcr-demo .demo-ws [data-pane=phone] .pv-toast-layer{position:absolute;left:12px;right:12px;bottom:calc(var(--demo-home-h) + 12px);z-index:70;align-items:stretch}.tcr-demo .demo-ws [data-pane=phone] .demo-phone-glass:has(.tph-app.is-tabs) .pv-toast-layer{bottom:calc(var(--demo-home-h) + var(--ws-phone-tabbar) + 10px)}}.tcr-demo .demo-ws [data-pane=phone]{--ws-phone-tabbar:66px}.tcr-demo .demo-ws [data-pane=phone] .pv-toast{max-width:none}@media (max-width:600px){.tcr-demo .demo-ws [data-pane=phone] .pv-toast-layer{position:absolute;left:12px;right:12px;bottom:12px;z-index:70;align-items:stretch}.tcr-demo .demo-ws [data-pane=phone] .demo-phone-glass:has(.tph-app.is-tabs) .pv-toast-layer{bottom:calc(var(--ws-phone-tabbar) + 10px)}}html[data-demo-resume="1"] .demo-ws:not([data-ready]) :is(.demo-phone-screen,.demo-browser-body,[data-ws-live],.demo-ws-rows){visibility:hidden}@media (max-width:1279px){.tcr-demo.demo-root.is-workspace{--ws-tabs-h:38px;--ws-stage-pt:8px;--ws-stage-pb:8px;--ws-pane-h:clamp(493px,calc(100dvh - var(--ws-above) - var(--ws-stage-pt) - var(--ws-stage-pb) - var(--ws-below, var(--ws-notice-h, 0px))),900px)}@media (max-height:28em){.tcr-demo.demo-root.is-workspace{--ws-pane-h:clamp(360px,calc(100dvh - var(--ws-above) - var(--ws-stage-pt) - var(--ws-stage-pb) - var(--ws-below, var(--ws-notice-h, 0px))),900px)}}.tcr-demo .demo-wsbar-rule{display:none}.tcr-demo .demo-wsbar-title{position:absolute;width:1px;height:1px;margin:0;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.tcr-demo .demo-ws-tabs{display:flex;justify-content:center;gap:3px;width:max-content;max-width:calc(100% - 2 * var(--ws-gutter));margin:6px auto 0;padding:2px;border-radius:var(--r-pill);background:var(--c-bg-raised);border:1px solid var(--line)}.tcr-demo .demo-ws-tab{height:26px;font-size:13px}.tcr-demo .demo-ws-stage{display:block}.tcr-demo .demo-ws-caption,.tcr-demo .demo-ws-link,.tcr-demo .demo-ws[data-tab=browser] .demo-ws-pane.is-phone,.tcr-demo .demo-ws[data-tab=phone] .demo-ws-pane.is-browser{display:none}.tcr-demo .demo-ws-pane.is-browser{max-width:1180px;margin:0 auto}.tcr-demo .demo-wsrow-lead{display:none}}@media (max-width:1099px){.tcr-demo .demo-wsbar-back{padding-right:4px}.tcr-demo .demo-wsbar-back-tx{display:none}}@media (min-width:1150px) and (max-width:1404px){.tcr-demo .demo-wsbar-back{padding-right:4px}.tcr-demo .demo-wsbar-back-tx{display:none}}@media (min-width:900px) and (max-width:1099px){.tcr-demo .demo-wsrow.is-explore .demo-wsrow-help{display:none}.tcr-demo .demo-wsrow.is-explore .demo-wsrow-acts{flex:1 1 auto;justify-content:flex-end}}@media (min-width:1100px) and (max-width:1365px){.tcr-demo .demo-wsrow.is-explore:has(.demo-wsbtn.is-accent) .demo-wsrow-k{display:none}}@media (min-width:1100px) and (max-width:1279px){.tcr-demo .demo-wsrow.is-explore:has(.demo-wsbtn.is-accent) .demo-wsrow-tx{-webkit-line-clamp:3;line-clamp:3;line-height:15.5px}}@media (min-width:601px) and (max-width:899px){.tcr-demo.demo-root.is-workspace{--ws-row-h:92px}.tcr-demo .demo-wsrow.is-explore{flex-wrap:wrap;align-content:center;padding:8px 0}.tcr-demo .demo-wsrow.is-explore .demo-wsrow-help{flex:1 1 100%}.tcr-demo .demo-wsrow.is-explore .demo-wsrow-tx{-webkit-line-clamp:2;line-clamp:2}.tcr-demo .demo-wsrow-acts{flex:1 1 100%;min-width:0}.tcr-demo .demo-wsrow.is-explore .demo-wsrow-acts{position:relative;flex-wrap:nowrap;margin:0 calc(-1 * var(--ws-gutter));padding:2px 36px 2px var(--ws-gutter);overflow-x:auto;overscroll-behavior-x:contain;scroll-padding:0 36px 0 var(--ws-gutter);scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}.tcr-demo .demo-wsrow.is-explore .demo-wsrow-acts::-webkit-scrollbar{display:none}.tcr-demo .demo-wsrow.is-explore .demo-wsbtn{flex:none}.tcr-demo .demo-wsbar-reset{width:36px;padding:0;justify-content:center}.tcr-demo .demo-wsbar-reset span{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}}@media (max-width:760px){.tcr-demo.demo-root.is-workspace{--ws-fit-h:max(240px,calc(100dvh - var(--ws-stage-top, 200px) - var(--ws-stage-pt) - var(--ws-stage-pb) - var(--ws-below, 0px)))}.tcr-demo .demo-ws .demo-browser{height:var(--ws-fit-h);box-shadow:none;border-radius:0}.tcr-demo .demo-ws .demo-ws-stage{padding-left:0;padding-right:0}.tcr-demo .demo-ws .demo-ws-pane.is-phone{padding:0 var(--ws-gutter)}}@media (max-width:600px){.tcr-demo.demo-root.is-workspace{--ws-gutter:16px;--ws-bar-h:44px;--ws-row-h:70px;--ws-stage-pt:6px;--ws-stage-pb:0px}.tcr-demo .demo-ws .demo-ws-pane.is-phone{padding:0}.tcr-demo .demo-ws .demo-phone{height:var(--ws-fit-h);min-height:0}.tcr-demo .demo-ws .demo-phone-glass{display:flex;height:100%;min-height:0;overflow:hidden}.tcr-demo .demo-ws .demo-phone-screen{height:auto;min-height:0;overflow:auto}.tcr-demo .demo-wsrow.is-explore{flex-wrap:nowrap;padding:7px 0;gap:0}.tcr-demo .demo-wsrow.is-explore .demo-wsrow-help{display:none}.tcr-demo .demo-wsrow.is-explore .demo-wsrow-acts{position:relative;flex:1 1 auto;flex-wrap:nowrap;gap:6px;min-width:0;margin:0 calc(-1 * var(--ws-gutter));padding:2px 36px 2px var(--ws-gutter);overflow-x:auto;overscroll-behavior-x:contain;scroll-padding:0 36px 0 var(--ws-gutter);scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}.tcr-demo .demo-wsrow.is-explore .demo-wsrow-acts::-webkit-scrollbar{display:none}.tcr-demo .demo-wsbtn{flex:none;padding:0 11px;font-size:12.5px;gap:6px}.tcr-demo .demo-wsbar-in{gap:8px}.tcr-demo .demo-wsbar-back{padding-right:4px}.tcr-demo .demo-wsbar-back-tx{display:none}.tcr-demo .demo-wsbar-end{gap:6px}.tcr-demo .demo-wsbar-mode button{padding:0 10px;font-size:12.5px}.tcr-demo .demo-wsbar-reset{width:36px;padding:0;justify-content:center}.tcr-demo .demo-wsbar-reset span{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.tcr-demo .demo-ws-tab{min-width:0;flex:1 1 auto;height:auto;min-height:34px;padding:2px 10px;font-size:13.5px;line-height:15px;white-space:normal;text-align:center}.tcr-demo .demo-ws-tab>span:first-child{min-width:0}.tcr-demo .demo-ws-tabs{width:auto;margin:5px var(--ws-gutter) 0}.tcr-demo.is-workspace>.demo-fiction{padding:8px var(--ws-gutter) 10px;line-height:16px}.tcr-demo.is-workspace>.demo-fiction .demo-fiction-more{display:none}}@media (max-width:360px){.tcr-demo.demo-root.is-workspace{--ws-row-h:87px}.tcr-demo .demo-wsbar-mode button{padding:0 8px;font-size:12px}.tcr-demo .demo-ws-tab{padding:2px 8px}}@media (min-width:601px) and (max-width:899px) and (pointer:coarse){.tcr-demo.demo-root.is-workspace{--ws-row-h:100px}}@media (pointer:coarse){.tcr-demo .demo-wsbar-mode button,.tcr-demo .demo-wsbtn{min-height:40px}.tcr-demo .demo-ws-tab,.tcr-demo .demo-wsbar-back,.tcr-demo .demo-wsbar-reset{min-height:44px}.tcr-demo .demo-wsbar-reset{min-width:44px}}@media (pointer:coarse) and (max-width:600px){.tcr-demo .demo-wsbar-mode button{min-height:34px}.tcr-demo .demo-wsbar-back,.tcr-demo .demo-wsbar-reset{min-height:40px}.tcr-demo .demo-wsbar-reset{min-width:40px}.tcr-demo .demo-wsbtn{min-height:36px}.tcr-demo .demo-ws-tab{min-height:34px}}@media (prefers-reduced-motion:reduce){.tcr-demo .demo-ws .demo-ws-guide-ring,.tcr-demo .demo-ws-link-node.is-pulse{animation:none}}