@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:wrap;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:wrap;align-items:center;gap:.55rem;display:flex}.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-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;min-height:2.5rem;padding:.5rem .8rem;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{white-space:nowrap}.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:62ch;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-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-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-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-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}.demo-context-stage{min-height:0;padding:.5rem}}}lt-player{width:100%}.demo-context-pair>lt-player{width:min(30rem,100%);display:block}