@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=Source+Serif+4:wght@400;600&display=swap";@layer demo{:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#edf5f6;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#63ffcf2e,#0000 30%),radial-gradient(circle at 100% 0,#ffae5e2e,#0000 26%),linear-gradient(#08131c 0%,#091019 50%,#05080d 100%);font-family:Space Grotesk,system-ui,sans-serif;line-height:1.5}:root[data-site-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#10242b;background:radial-gradient(circle at 0 0,#1fb88926,#0000 30%),radial-gradient(circle at 100% 0,#f59e422e,#0000 26%),linear-gradient(#f8faf7 0%,#eef3f1 50%,#e5ebe8 100%)}*{box-sizing:border-box}body{background:inherit;min-height:100vh;margin:0}a{color:inherit}button{font:inherit;cursor:pointer}.demo-page{min-height:100vh;padding:2rem 0 4rem}.demo-shell{gap:1.5rem;width:min(86.25rem,100vw - 2rem);margin:0 auto;display:grid}.demo-card{border:1px solid #ffffff24;border-radius:1.5rem}.site-header{z-index:20;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.9rem 1rem;display:flex;position:relative}.site-header-brand{align-items:center;gap:.85rem;text-decoration:none;display:inline-flex}.site-header-logo{width:auto;height:1.25rem;display:block}.site-header-logo--light{display:none}.site-header-copy{gap:.1rem;display:grid}.site-header-copy strong{font-size:.98rem;line-height:1.1}.site-header-copy span{color:#edf5f6ad;font-size:.82rem;line-height:1.1}.site-header-actions{flex-wrap:nowrap;align-items:center;gap:.55rem;display:flex}.site-nav-menu{--site-nav-menu-gap:.65rem;position:relative}.site-nav-menu summary{color:#edf5f6db;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:.55rem;min-height:2.5rem;padding:.5rem .8rem;font-size:.84rem;font-weight:500;line-height:1;list-style:none;transition:border-color .16s,background-color .16s,color .16s,transform .16s;display:inline-flex}.site-nav-menu summary::-webkit-details-marker{display:none}.site-nav-menu summary:hover,.site-nav-menu summary:focus-visible,.site-nav-menu[open] summary{color:#f4fcfd;background:#7af7c51a;border-color:#7af7c561;outline:none;transform:translateY(-1px)}.site-nav-current{color:#7af7c5;text-overflow:ellipsis;white-space:nowrap;border-inline-start:1px solid #edf5f633;max-width:9rem;padding-inline-start:.55rem;overflow:hidden}.site-nav-chevron{border-bottom:1.5px solid;border-right:1.5px solid;width:.45rem;height:.45rem;margin:-.2rem .1rem 0 0;transition:transform .16s;transform:rotate(45deg)}.site-nav-menu[open] .site-nav-chevron{margin-top:.2rem;transform:rotate(225deg)}.site-nav-menu__panel{z-index:30;background:#08131cfa;border:1px solid #ffffff29;border-radius:1rem;width:min(22rem,100vw - 2rem);padding:.65rem;position:absolute;inset-block-start:calc(100% + var(--site-nav-menu-gap));inset-inline-end:0;box-shadow:0 1.25rem 3rem #00000061}.site-nav-menu__panel:before{height:var(--site-nav-menu-gap);content:"";position:absolute;inset-block-end:100%;inset-inline:0}.site-nav-menu__links{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;display:grid}.site-nav-link{color:#edf5f6c2;background:#ffffff08;border:1px solid #ffffff14;border-radius:999px;justify-content:center;align-items:center;min-height:2.4rem;padding:.55rem .95rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:border-color .16s,background-color .16s,color .16s,transform .16s;display:inline-flex}.site-nav-menu__links .site-nav-link{text-align:start;justify-content:flex-start;min-width:0}.site-nav-link[aria-current=page]{color:#f4fcfd;background:#7af7c524;border-color:#7af7c56b}.site-nav-link:hover,.site-nav-link:focus-visible{color:#f4fcfd;background:#7af7c514;border-color:#7af7c552;outline:none;transform:translateY(-1px)}.site-theme-toggle{color:#edf5f6db;background:#ffffff0f;border:1px solid #ffffff24;border-radius:999px;justify-content:center;align-items:center;gap:.55rem;width:2.5rem;min-height:2.5rem;padding:0;font-size:.84rem;font-weight:500;line-height:1;transition:border-color .16s,background-color .16s,color .16s,transform .16s;display:inline-flex}.site-theme-toggle:hover,.site-theme-toggle:focus-visible{color:#f4fcfd;background:#7af7c51a;border-color:#7af7c561;outline:none;transform:translateY(-1px)}.site-theme-toggle-icon{justify-content:center;align-items:center;width:1.15rem;height:1.15rem;font-size:1rem;display:inline-flex}.site-theme-toggle-label{display:none}.demo-hero{gap:1.5rem;display:grid}.demo-hero-copy{padding:clamp(1.4rem,3vw,2rem)}.demo-eyebrow{color:#7af7c5;letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:700}.demo-hero-copy h1{letter-spacing:-.04em;margin:.45rem 0 0;font-size:clamp(2.7rem,5vw,5rem);line-height:.94}.demo-lead{color:#edf5f6bd;max-width:120ch;margin:1rem 0 0;font-family:"Source Serif 4",Georgia,serif;font-size:1.05rem}.demo-lead code{font-size:.95em}.demo-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;display:grid}.demo-link-card{align-content:start;gap:.65rem;min-height:10rem;padding:1.2rem;text-decoration:none;transition:border-color .16s,background-color .16s,transform .16s;display:grid}.demo-link-card h2,.demo-link-card p{margin:0}.demo-link-card h2{letter-spacing:-.02em}.demo-link-card>p:not(.demo-eyebrow){color:#edf5f6bd}a.demo-link-card:hover,a.demo-link-card:focus-visible{background:#ffffff1c;border-color:#7af7c557;outline:none;transform:translateY(-2px)}.demo-status{color:#edf5f68c;letter-spacing:.08em;text-transform:uppercase;border:1px solid #edf5f62e;border-radius:999px;justify-self:start;margin-top:auto;padding:.3rem .7rem;font-size:.72rem;font-weight:600}.demo-status--live{color:#7af7c5;background:#7af7c51f;border-color:#7af7c573}.demo-player-frame{resize:both;flex-direction:column;gap:.9rem;padding:clamp(1rem,2.5vw,1.5rem);scroll-margin-top:1.5rem;display:flex;overflow:auto}.demo-player-frame--portrait{width:min(30rem,100%)}.demo-resize-size{color:#eafcf3;font-variant-numeric:tabular-nums;background:#071112d1;border-radius:999px;justify-self:start;width:fit-content;padding:.2rem .6rem;font-size:.8rem}.demo-context-stage .demo-resize-size{margin-top:.75rem}.demo-video-details{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;display:grid}.demo-video-details h2{min-width:0;margin:0;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.2}.demo-page-share{color:#071112;min-height:2.75rem;font:inherit;cursor:pointer;background:#dfe33d;border:0;border-radius:999px;padding-inline:1.1rem;font-weight:700}.demo-page-share:hover{background:#f2f568}.demo-page-share:focus-visible{outline-offset:3px;outline:3px solid #7af7c5}.demo-context-stage{resize:both;min-height:54rem;padding:2rem;overflow:auto}.demo-context-pair{width:min(100%,82.25rem);margin-inline:auto}.demo-mpe-pair{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:1.25rem;display:flex}.demo-mpe-pair .demo-player-frame--portrait{resize:none;width:min(24rem,100%)}.demo-mpe-date{letter-spacing:0;opacity:.74;white-space:nowrap;margin-left:.35em;font-size:.45em;font-weight:400;display:inline-block}.demo-mpe-label{align-items:flex-start;min-height:2.6em;margin:0;font-size:1.05rem;line-height:1.3;display:flex}.demo-mpe-note{opacity:.74;margin:0;font-size:.9rem}.demo-mpe-clamp{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.demo-mpe-clamp.is-expanded{display:block;overflow:visible}.demo-mpe-more{color:inherit;font:inherit;cursor:pointer;opacity:.74;background:0 0;border:0;margin-top:.6rem;padding:0;font-size:.9rem;text-decoration:underline}.demo-mpe-more:hover,.demo-mpe-more:focus-visible{opacity:1}.demo-mpe-timings{gap:.9rem;padding:clamp(1rem,2.5vw,1.5rem);display:grid;overflow-x:auto}.demo-mpe-timings h2{margin:0;font-size:1.15rem}.demo-mpe-timings table{border-collapse:collapse;width:100%;font-size:.9rem}.demo-mpe-timings th,.demo-mpe-timings td{text-align:left;white-space:nowrap;border-bottom:1px solid #ffffff1a;padding:.45rem .6rem}.demo-mpe-timings th[scope=col]{opacity:.74;font-weight:600}.demo-mpe-timings tfoot th,.demo-mpe-timings tfoot td{border-bottom:0;font-weight:700}.demo-mpe-timings td:nth-child(n+4),.demo-mpe-timings th:nth-child(n+4),.demo-mpe-timings tfoot td{text-align:right}.demo-player-header{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:.5rem 1rem;margin:0;display:flex}.demo-player-header h2{letter-spacing:-.02em;margin:.35rem 0 0;font-size:clamp(1.2rem,2vw,1.55rem);line-height:1.08}.demo-player-note{color:#edf5f6ad;margin:0;font-size:.9rem}.demo-layout-harness{gap:2rem;width:max-content;max-width:100%;margin-top:2rem;display:grid}.demo-layout-harness>h2{margin:0;font-size:1.5rem}.demo-layout-harness--portrait{border-top:1px solid #edf5f63d;padding-top:2rem}.demo-layout-harness__case{gap:.75rem;display:grid}.demo-layout-harness__controls{justify-content:space-between;align-items:center;display:flex}.demo-layout-harness__controls button{color:inherit;cursor:pointer;background:#edf5f61a;border:1px solid #edf5f63d;border-radius:.5rem;padding:.5rem .8rem}.demo-layout-harness--portrait [data-ltp-portrait-region]{outline-offset:-1px;outline:1px dashed #63ffcf8c}.demo-layout-harness--portrait [data-ltp-portrait-region]:before{color:#08131c;content:attr(data-ltp-portrait-region);background:#63ffcfbf;padding:1px 3px;font-size:9px;line-height:1;position:absolute;top:0;left:0}.demo-icon-inventory-mount{min-width:0}.demo-icon-inventory{gap:2rem;padding:clamp(1rem,2.5vw,1.75rem);display:grid}.demo-icon-inventory__header{gap:.45rem;display:grid}.demo-icon-inventory__header h2,.demo-icon-inventory__header p,.demo-icon-inventory__group h3{margin:0}.demo-icon-inventory__header>p:last-child{color:#edf5f6ad}.demo-icon-inventory__group{gap:.75rem;display:grid}.demo-icon-inventory__grid{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.demo-icon-inventory__sample{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:.75rem;grid-template-columns:2.5rem minmax(0,1fr);align-items:center;gap:.15rem .75rem;min-width:0;padding:.75rem;display:grid}.demo-icon-inventory__sample .ltp-icon{grid-row:1/span 2;width:2rem;height:2rem}.demo-icon-inventory__sample span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.demo-icon-inventory__sample code,.demo-icon-inventory__logo code{color:#edf5f694;overflow-wrap:anywhere;font-size:.72rem}.demo-icon-inventory__logo{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:.75rem;justify-items:start;gap:.5rem;width:fit-content;padding:1rem;display:grid}.demo-icon-inventory__logo .ltp-logo{width:min(12rem,100%)}:root[data-site-theme=light] .demo-card{background:#fff;border-color:#10242b29;box-shadow:0 18px 48px #1f393e14}:root[data-site-theme=light] .site-header-logo--dark{display:none}:root[data-site-theme=light] .site-header-logo--light{display:block}:root[data-site-theme=light] .site-header-copy span,:root[data-site-theme=light] .demo-lead,:root[data-site-theme=light] .demo-link-card>p:not(.demo-eyebrow),:root[data-site-theme=light] .demo-player-note,:root[data-site-theme=light] .demo-icon-inventory__header>p:last-child{color:#10242be6}:root[data-site-theme=light] .demo-icon-inventory__sample,:root[data-site-theme=light] .demo-icon-inventory__logo{background:#10242b0a;border-color:#10242b24}:root[data-site-theme=light] .demo-icon-inventory__sample code,:root[data-site-theme=light] .demo-icon-inventory__logo code{color:#10242ba8}:root[data-site-theme=light] .demo-eyebrow{color:#032b22}:root[data-site-theme=light] .site-nav-link{color:#10242bc2;background:#ffffff94;border-color:#10242b26}:root[data-site-theme=light] .site-nav-menu summary{color:#10242bd1;background:#ffffffb3;border-color:#10242b2e}:root[data-site-theme=light] .site-nav-menu__panel{background:#fffffffa;border-color:#10242b29;box-shadow:0 1.25rem 3rem #1f393e29}:root[data-site-theme=light] .site-nav-current{color:#08765e;border-color:#10242b2e}:root[data-site-theme=light] .site-theme-toggle{color:#10242bd1;background:#ffffffb3;border-color:#10242b2e}:root[data-site-theme=light] .site-nav-link:hover,:root[data-site-theme=light] .site-nav-link:focus-visible,:root[data-site-theme=light] .site-nav-link[aria-current=page],:root[data-site-theme=light] .site-nav-menu summary:hover,:root[data-site-theme=light] .site-nav-menu summary:focus-visible,:root[data-site-theme=light] .site-nav-menu[open] summary,:root[data-site-theme=light] .site-theme-toggle:hover,:root[data-site-theme=light] .site-theme-toggle:focus-visible,:root[data-site-theme=light] a.demo-link-card:hover,:root[data-site-theme=light] a.demo-link-card:focus-visible{color:#0b332b;background:#08765e14;border-color:#08765e4d}:root[data-site-theme=light] .demo-status{color:#10242b9e;border-color:#10242b38}:root[data-site-theme=light] .demo-mpe-timings th,:root[data-site-theme=light] .demo-mpe-timings td{border-bottom-color:#0000001a}:root[data-site-theme=light] .demo-status--live{color:#08765e;background:#08765e1a;border-color:#08765e57}@media (width<=48rem){.demo-hub-grid{grid-template-columns:1fr}}@media (width<=40rem){.demo-page{padding-top:1rem}.demo-shell{width:min(100vw - 1rem,86.25rem)}.demo-card{border-radius:1.15rem}.site-header{padding:.7rem .75rem}.site-header-brand{gap:.6rem}.site-header-copy>span{display:none}.site-nav-menu{--site-nav-menu-gap:.5rem;position:static}.site-nav-current{display:none}.site-header-actions>.site-nav-link{min-height:2.5rem;padding:.5rem .65rem;font-size:.84rem}.site-nav-menu__panel{width:auto;inset-block-start:calc(100% + var(--site-nav-menu-gap));inset-inline:1rem}.demo-context-stage{min-height:0;padding:.5rem}}@media (width<=27rem){.site-header{gap:.4rem}.site-header-brand{gap:0}.site-header-copy{display:none}.site-header-actions{gap:.3rem}.site-header-actions>.site-nav-link{padding-inline:.4rem}.site-nav-menu summary{gap:.35rem;padding-inline:.5rem}.site-nav-menu__links{grid-template-columns:1fr}}}lt-player{width:100%}.demo-context-pair>lt-player{width:min(30rem,100%);display:block}