:root{--acl-skeleton-base: var(--line);--acl-skeleton-highlight: #ffffff0d;--terminal-viewport-height: 24rem;--terminal-heading-height: 4.25rem;--terminal-controls-height: 4.8125rem;--session-details-height: 14rem;--local-picker-height: 7.375rem;--host-card-height: 31rem;--live-history-height: 6.25rem}body[data-viewer-mode=demo]{--terminal-viewport-height: 16rem;--terminal-heading-height: 4.25rem;--terminal-controls-height: 8.625rem}body[data-viewer-mode=live]{--terminal-controls-height: 0rem}.homepage-demo-shell{container:demo / inline-size}tbt-demo{display:flow-root}.homepage-demo-shell>.viewer-loading-shell{width:100%;margin-inline:auto}.homepage-demo{margin-bottom:0}.homepage-demo-shell>.demo-caption{max-width:none;margin:var(--space-4) auto var(--space-6)}acl-boundary:not(:defined)>[slot=fallback]{display:none}#boot-status{position:fixed;z-index:90;inset:auto var(--page-gutter) var(--space-4);width:fit-content;max-width:calc(100% - var(--page-gutter) * 2);margin:0;padding:var(--space-3) var(--space-4);border:1px solid var(--line);border-radius:var(--radius-control);background:var(--header);box-shadow:0 .5rem 2rem #0004}.player .terminal-window:not(.is-floating):not(:fullscreen)>.terminal-scroll{position:relative;height:var(--terminal-viewport-height)}.player{display:flow-root}.player .terminal-surface{min-height:0}.player .terminal-title{height:var(--terminal-heading-height);min-height:var(--terminal-heading-height)}.player .terminal-actions{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}.player .terminal-actions>button{flex-shrink:0}.player .terminal-title [role=status]{flex:1}.player .playback-bar{height:var(--terminal-controls-height)}.player .recording-context{margin-block:var(--space-5)}.player .recording-context>.metadata-card,.player .recording-context>.uploader-card{height:var(--session-details-height);overflow:auto}.player .recording-context>.metadata-card{scrollbar-width:thin}.player .metadata-card>[x-show]{min-width:0}.terminal-content-skeleton{position:absolute;inset:0;display:grid;align-content:start;gap:var(--space-5);padding:var(--space-6) var(--space-5);background:var(--terminal-bg);pointer-events:none}.terminal-content-skeleton span,.metadata-skeleton span,.host-data-skeleton span{display:block;height:.75rem;width:70%;border-radius:var(--space-1);background:linear-gradient(100deg,var(--line) 30%,#ffffff12 50%,var(--line) 70%);background-size:200% 100%;animation:loading-shimmer 1.5s linear infinite}.terminal-content-skeleton span:nth-child(2){width:45%}.terminal-content-skeleton span:nth-child(3){width:85%}.terminal-content-skeleton span:nth-child(4){width:55%}.metadata-skeleton{display:grid;gap:var(--space-5);padding-block:var(--space-2)}.metadata-skeleton span:first-child{height:1.25rem;width:55%}.metadata-skeleton span:nth-child(3){width:90%}.viewer-loading-shell{--picker-reservation: 0rem;--profile-reservation: 0rem;--history-reservation: 0rem;--viewer-height: calc( var(--picker-reservation) + var(--terminal-heading-height) + var(--terminal-viewport-height) + var(--terminal-controls-height) + 2px + var(--space-5) * 2 + var(--session-details-height) + var(--profile-reservation) + var(--history-reservation) );display:flow-root;position:relative;height:var(--viewer-height);min-height:var(--viewer-height)}body[data-viewer-mode=local] .viewer-loading-shell{--picker-reservation: var(--local-picker-height)}body[data-viewer-mode=live] .viewer-loading-shell{--history-reservation: var(--live-history-height)}.live-history-slot{height:var(--live-history-height)}.live-history-slot>.live-history{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:44px 20px;gap:var(--space-2) var(--space-3);height:100%;margin:0;padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--header)}.live-history-slot label{display:flex;align-items:center;gap:var(--space-2);min-width:0;font-size:var(--control-font)}.live-history-slot input{min-width:0;width:100%}.live-history-slot output{grid-column:1 / -1;text-align:right;font-size:.75rem}.viewer-loading-shell[data-loading-state=loading]>:is(tbt-demo,acl-boundary),.host-loading-shell[data-loading-state=loading]>tbt-host{visibility:hidden}.viewer-loading-shell[data-loading-state=error]>:is(tbt-demo,acl-boundary),.host-loading-shell[data-loading-state=error]>tbt-host{display:none}.viewer-placeholder{position:absolute;inset:0;overflow:hidden;pointer-events:none;border-radius:var(--radius-panel);background:linear-gradient(var(--surface),var(--surface)) top / 100% max(0px,calc(var(--picker-reservation) - var(--space-5))) no-repeat}.viewer-placeholder:before{content:"";position:absolute;inset:var(--picker-reservation) 0 auto;height:calc(var(--terminal-heading-height) + var(--terminal-viewport-height) + var(--terminal-controls-height) + 2px);border:1px solid var(--line);border-radius:var(--radius-panel);background:linear-gradient(var(--line),var(--line)) var(--space-5) var(--space-5) / 30% .75rem no-repeat,linear-gradient(var(--line),var(--line)) var(--space-5) calc(var(--terminal-heading-height) + var(--space-5)) / 60% .75rem no-repeat,linear-gradient(var(--line),var(--line)) var(--space-5) calc(var(--terminal-heading-height) + var(--space-7)) / 40% .75rem no-repeat,linear-gradient(var(--line),var(--line)) var(--space-5) calc(var(--terminal-heading-height) + var(--space-7) + var(--space-5)) / 70% .75rem no-repeat,linear-gradient(var(--header),var(--header)) top / 100% var(--terminal-heading-height) no-repeat,linear-gradient(var(--header),var(--header)) bottom / 100% var(--terminal-controls-height) no-repeat,var(--terminal-bg)}.viewer-placeholder:after{content:"";position:absolute;inset:calc(var(--picker-reservation) + var(--terminal-heading-height) + var(--terminal-viewport-height) + var(--terminal-controls-height) + 2px + var(--space-5)) 0 auto;height:calc(var(--session-details-height) + var(--profile-reservation) + var(--history-reservation));border:1px solid var(--line);border-radius:var(--radius-panel);background:linear-gradient(var(--line),var(--line)) var(--space-5) var(--space-5) / 30% 1.25rem no-repeat,linear-gradient(var(--line),var(--line)) var(--space-5) 4.5rem / 70% .75rem no-repeat,linear-gradient(var(--line),var(--line)) var(--space-5) 6rem / 55% .75rem no-repeat,var(--surface)}[data-loading-shell]>.viewer-load-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);width:100%;height:100%;margin:0;text-align:center}.viewer-load-error>p{max-width:32rem}.host-card{min-height:var(--host-card-height)}.host-loading-shell{position:relative;height:var(--host-card-height);min-height:var(--host-card-height)}.host-placeholder{position:absolute;inset:0;padding:var(--panel-padding);border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--surface);pointer-events:none}.host-data-skeleton{display:grid;gap:var(--space-5);padding-block:var(--space-5)}.host-data-skeleton span:nth-child(2){height:var(--control-height);width:60%}.host-data-skeleton span:nth-child(4){height:var(--control-height);width:80%}.host-card>[role=status]{min-height:1.65em}.host-panel .host-controls>[role=status]{min-height:1.65em}tbt-release{min-height:2.375rem}@keyframes loading-shimmer{to{background-position:-200% 0}}@container terminal (max-width: 900px){.player .terminal-title{height:7.25rem;min-height:7.25rem;flex-wrap:wrap}.player .terminal-actions{width:100%;margin:0}.player .playback-bar{height:8.625rem}}.homepage-demo .terminal-title{height:var(--terminal-heading-height);min-height:var(--terminal-heading-height);flex-wrap:nowrap}.homepage-demo .terminal-actions{width:auto;margin-left:auto;justify-content:flex-end}@container terminal (max-width: 620px){.homepage-demo .terminal-title{height:7.25rem;min-height:7.25rem;flex-wrap:wrap}.homepage-demo .terminal-actions{width:100%;margin:0}.player .playback-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:44px 44px 44px 20px;gap:var(--space-2);padding:var(--space-3);height:12.5625rem}.player .seek-label{grid-column:1 / -1;grid-row:1}.player .transport-controls{grid-column:1 / -1;grid-row:2}.player .loop-controls{grid-column:1;grid-row:3;margin:0}.player .playback-speed{grid-column:2;grid-row:3;margin:0}.player .time{grid-column:1 / -1;grid-row:4;margin:0;text-align:right}}@media(max-width:980px){:root{--terminal-heading-height: 7.25rem;--terminal-controls-height: 8.625rem}}@media(max-width:900px){body[data-viewer-mode=shared] .viewer-loading-shell{--profile-reservation: calc(var(--space-5) + var(--session-details-height))}}@media(max-width:680px){:root{--terminal-viewport-height: 18rem;--session-details-height: 20rem;--local-picker-height: 6.375rem;--host-card-height: 40rem;--live-history-height: 9.375rem}body[data-viewer-mode=shared] .viewer-loading-shell{--profile-reservation: calc(var(--space-5) + var(--session-details-height))}.live-history-slot>.live-history{grid-template-columns:1fr 1fr;grid-template-rows:44px 44px 20px}.live-history-slot label{grid-column:1 / -1;grid-row:2}.live-history-slot [data-live]{grid-column:2;grid-row:1}}@media(max-width:676px){:root,body[data-viewer-mode=demo]{--terminal-controls-height: 12.5625rem}body[data-viewer-mode=demo]{--terminal-heading-height: 7.25rem}}@media(prefers-reduced-motion:reduce){.terminal-content-skeleton span,.metadata-skeleton span,.host-data-skeleton span,.viewer-placeholder:before,.viewer-placeholder:after{animation:none}}.repository-browser[data-state=loading] .repository-feedback,.repository-browser[data-state=error] .repository-feedback,.repository-browser[data-state=partial] .repository-feedback{position:fixed;z-index:60;inset:auto var(--page-gutter) var(--space-4);width:fit-content;max-width:calc(100% - var(--page-gutter) * 2);margin:0;padding:var(--space-3) var(--space-4);border:1px solid var(--line);border-radius:var(--radius-control);background:var(--header);box-shadow:0 .5rem 2rem #0004}.repository-list.is-loading li{position:relative}.repository-list.is-loading li>*{visibility:hidden}.repository-list.is-loading li:after{content:"";position:absolute;inset:var(--space-4) var(--panel-padding);border-radius:var(--radius-control);background:linear-gradient(100deg,var(--header) 30%,var(--line) 50%,var(--header) 70%);background-size:200% 100%;animation:loading-shimmer 1.5s linear infinite}.repository-browser[data-state=error] .repository-list.is-loading li:after{animation:none}@media(prefers-reduced-motion:reduce){.repository-list.is-loading li:after{animation:none}}