:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#e8ebf4;background:radial-gradient(circle at top left,rgba(77,160,255,.18),transparent 28%),radial-gradient(circle at top right,rgba(22,214,179,.12),transparent 22%),#090c15;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,textarea{font:inherit}button{border:0;border-radius:.8rem;padding:.7rem 1rem;background:linear-gradient(135deg,#4da0ff,#16d6b3);color:#071019;font-weight:700;cursor:pointer}button.secondary{background:#ffffff14;color:#eef2ff}button.danger{background:#ff6b6b24;color:#ffd8d8}button:disabled{opacity:.6;cursor:not-allowed}input,textarea{width:100%;border:1px solid rgba(255,255,255,.12);border-radius:.8rem;background:#090d18eb;color:#f8fbff;padding:.8rem .9rem}textarea{resize:vertical}label{display:grid;gap:.4rem;font-size:.92rem;color:#b9c1d8}h1,h2,h3,p{margin:0}#app{min-height:100vh}.app-shell{max-width:1500px;margin:0 auto;padding:1.15rem 1.25rem 1.25rem;display:grid;gap:.85rem}.hero{display:flex;flex-direction:column;gap:.25rem;padding:.6rem 1rem .7rem;border-radius:1.1rem;background:linear-gradient(135deg,#0a1120f5,#11192ceb);border:1px solid rgba(255,255,255,.08);box-shadow:0 16px 48px #00000047}.hero-top-bar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-width:0}.hero-top-right{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.hero-locale-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;margin:0;padding:.22rem 1.55rem .22rem .45rem;font-size:.7rem;font-weight:600;line-height:1.25;color:#dbe2f5;background-color:#ffffff12;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%239aacd4' d='M2.5 4h7L6 9z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .35rem center;background-size:.5rem;border:1px solid rgba(255,255,255,.14);border-radius:.4rem;cursor:pointer;flex-shrink:0}.hero-locale-select:hover{border-color:#4da0ff59;background-color:#4da0ff1a}.hero-locale-select:focus{outline:none;box-shadow:0 0 0 2px #4da0ff59}.eyebrow{font-size:.68rem;text-transform:uppercase;letter-spacing:.18em;color:#6cb6ff;margin:0;white-space:nowrap}.hero-title-row{display:flex;align-items:center;gap:.5rem}.hero .hero-title{font-size:clamp(1.3rem,2.5vw,1.85rem);line-height:1.1;margin:0;flex:1;min-width:0}.hero-info-btn{flex-shrink:0;width:1.75rem;height:1.75rem;display:grid;place-items:center;padding:0;margin:.12rem 0 0;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.14);color:#9aacd4;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.hero-info-btn:hover{background:#4da0ff24;border-color:#4da0ff59;color:#eef2ff}.hero-info-btn-mark{font-size:.82rem;font-weight:700;font-style:italic;line-height:1;margin-top:.05rem}.hero-info-overlay-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3030;display:flex;align-items:center;justify-content:center;padding:1.25rem;background:#050912c7;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.hero-info-overlay-panel{position:relative;display:flex;flex-direction:column;width:100%;max-width:28rem;max-height:min(88vh,40rem);padding:1.35rem 1.25rem 1.1rem;border-radius:1rem;background:#090d18fa;border:1px solid rgba(255,255,255,.1);box-shadow:0 24px 64px #00000073}.hero-info-overlay-close{position:absolute;top:.55rem;right:.55rem;width:2rem;height:2rem;display:grid;place-items:center;margin:0;padding:0;font-size:1.35rem;line-height:1;color:#9aacd4;background:transparent;border:none;border-radius:.4rem;cursor:pointer;transition:color .15s ease,background .15s ease}.hero-info-overlay-close:hover{color:#eef2ff;background:#ffffff0f}.hero-info-overlay-title{margin:0 2rem .55rem 0;flex-shrink:0;font-size:1.2rem;font-weight:600;color:#eef2ff;line-height:1.28}.hero-info-overlay-scroll{flex:1;min-height:0;overflow-y:auto;padding-right:.35rem;margin-right:-.1rem}.hero-info-overlay-lead{margin:0 0 .65rem;font-size:1.02rem;line-height:1.48;color:#dbe2f5;font-weight:500}.hero-info-overlay-body{margin:0 0 .95rem;font-size:.98rem;line-height:1.5;color:#b5bfd9}.hero-info-overlay-examples-heading{margin:0 0 .45rem;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#8da0c6}.hero-info-overlay-examples{margin:0;padding-left:1.25rem;display:grid;gap:.5rem;font-size:.96rem;line-height:1.46;color:#c3cbe0}.hero-info-overlay-examples li{padding-left:.15rem}.hero-info-overlay-examples li::marker{color:#16d6b38c}.hero-metrics{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:0;min-width:0}.hero-metrics .metric{padding:.1rem 0;background:transparent;border:none;border-radius:0;display:inline-flex;flex-direction:row;align-items:baseline;gap:.32rem}.hero-metrics .metric+.metric{margin-left:.65rem;padding-left:.65rem;border-left:1px solid rgba(255,255,255,.12)}.hero-metrics .metric-label{display:inline;font-size:.58rem;margin-bottom:0;text-transform:uppercase;color:#8da0c6}.hero-metrics .metric strong{font-size:.78rem;font-weight:600}.page-nav{display:grid;gap:.6rem;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.page-link{display:grid;gap:.22rem;text-align:left;min-width:0;width:100%;padding:.65rem .85rem}.page-link.active{box-shadow:0 16px 36px #16d6b32e}.page-link-label{font-size:.92rem;font-weight:700}.page-link-detail{font-size:.75rem;line-height:1.32;opacity:.82}.panel{display:grid;gap:.8rem;padding:1rem 1.1rem;border-radius:1.1rem;background:#090d18e0;border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 40px #0003}.demo-sync-block{display:grid;gap:.45rem;padding:.55rem .85rem;border-radius:.85rem;background:#090d18bf;border:1px solid rgba(255,255,255,.06)}.demo-sync-hint{margin:0;font-size:.72rem;line-height:1.35;color:#8a9ab8}.demo-sync-toolbar{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.demo-sync-locale-note{margin:0;font-size:.68rem;line-height:1.35;color:#c9a227}.demo-controls-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem .85rem;border-radius:.85rem;background:#090d18eb;border:1px solid rgba(255,255,255,.08);box-shadow:0 6px 24px #0000002e}.demo-controls-left{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;min-width:0}.demo-controls-buttons{display:flex;gap:.4rem;flex-shrink:0}.demo-btn{padding:.42rem .85rem;font-size:.78rem;font-weight:600;border:none;border-radius:.55rem;cursor:pointer;white-space:nowrap;transition:background .15s,opacity .15s}.demo-btn--connect{background:linear-gradient(135deg,#16d6b3,#0fb89a);color:#021a14}.demo-btn--connect:hover{background:linear-gradient(135deg,#1ee6c1,#12c8a6)}.demo-btn--disconnect{background:#ff6b6b2e;color:#ffb3b3;border:1px solid rgba(255,107,107,.28)}.demo-btn--disconnect:hover{background:#ff6b6b47}.demo-btn--secondary{background:#ffffff12;color:#c3cbe0;border:1px solid rgba(255,255,255,.1)}.demo-btn--secondary:hover{background:#ffffff1f}.demo-btn:disabled{opacity:.5;cursor:not-allowed}.demo-controls-pills{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.demo-pill{font-size:.68rem;font-weight:500;padding:.18rem .5rem;border-radius:999px;background:#ffffff0f;color:#9aacd4;white-space:nowrap}.demo-pill--active{background:#16d6b324;color:#8eecd8}.demo-screen-count{display:flex;align-items:center;gap:.45rem;flex-shrink:0;font-size:.72rem;color:#9aacd4;white-space:nowrap}.demo-screen-count-label{flex-shrink:0}.demo-screen-count-trigger{display:inline-flex;align-items:center;justify-content:center;gap:.2rem;min-width:3.6rem;padding:.32rem .45rem .32rem .55rem;font-size:.78rem;font-weight:600;line-height:1.2;text-align:center;border-radius:.5rem;background:#ffffff12;border:1px solid rgba(255,255,255,.14);color:#eef2ff;cursor:pointer;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.demo-screen-count-trigger:hover:not(:disabled){background:#4da0ff1f;border-color:#4da0ff59}.demo-screen-count-value{min-width:1.25rem}.demo-screen-count-chevron{font-size:.62rem;opacity:.75;margin-top:.06rem}.demo-screen-count.disabled .demo-screen-count-trigger:disabled{opacity:.45;cursor:not-allowed}.screen-count-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3020;display:flex;align-items:center;justify-content:center;padding:1.25rem;background:#050912c7;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.screen-count-modal{position:relative;width:100%;max-width:17.5rem;padding:1.35rem 1.25rem 1.25rem;border-radius:1rem;background:#090d18fa;border:1px solid rgba(255,255,255,.1);box-shadow:0 24px 64px #00000073}.screen-count-modal-close{position:absolute;top:.55rem;right:.55rem;width:2rem;height:2rem;display:grid;place-items:center;margin:0;padding:0;font-size:1.35rem;line-height:1;color:#9aacd4;background:transparent;border:none;border-radius:.4rem;cursor:pointer;transition:color .15s ease,background .15s ease}.screen-count-modal-close:hover{color:#eef2ff;background:#ffffff0f}.screen-count-modal-title{margin:0 2rem .85rem 0;font-size:1rem;font-weight:600;color:#eef2ff;line-height:1.3}.screen-count-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem}.screen-count-option{min-height:2.45rem;padding:.35rem .25rem;font-size:.88rem;font-weight:600;color:#d4dbea;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease}.screen-count-option:hover{background:#4da0ff24;border-color:#4da0ff59;color:#eef2ff}.screen-count-option--current{background:#16d6b324;border-color:#16d6b373;color:#bffff1;box-shadow:0 0 0 1px #16d6b31f}.screen-count-more-btn{width:100%;margin-top:.65rem;padding:.45rem .65rem;font-size:.78rem;font-weight:600;color:#9aacd4;background:#ffffff0a;border:1px dashed rgba(255,255,255,.14);border-radius:.55rem;cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease}.screen-count-more-btn:hover{color:#c7d1e8;background:#4da0ff1a;border-color:#4da0ff47}.screen-count-extended-label{margin:.85rem 0 .45rem;font-size:.68rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#7a8ab0}.panel-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.content-library-header{align-items:center}.content-maintenance-toolbar{display:flex;flex-wrap:wrap;gap:.65rem;margin-bottom:1rem}.content-maintenance-hint{margin-top:-.35rem;margin-bottom:1rem}.content-import{position:relative;flex-shrink:0}.content-import-file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.content-import-button{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem .9rem;font-size:.85rem;font-weight:600;border-radius:.65rem}.content-import-spinner{width:1rem;height:1rem;border:2px solid rgba(7,16,25,.35);border-top-color:#071019;border-radius:50%;animation:content-import-spin .65s linear infinite}@keyframes content-import-spin{to{transform:rotate(360deg)}}.import-queue-panel{margin-bottom:1.25rem;padding:.9rem 1rem;border-radius:1rem;background:#090d188c;border:1px solid rgba(255,255,255,.1)}.import-queue-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.65rem;margin-bottom:.65rem}.import-queue-title{margin:0;font-size:.95rem;font-weight:600;color:#eef2ff}.import-queue-clear{padding:.45rem .75rem;font-size:.82rem}.import-queue-list{margin:0;padding:0;list-style:none;display:grid;gap:.45rem;max-height:min(40vh,16rem);overflow-y:auto}.import-queue-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.35rem .75rem;align-items:center;padding:.5rem .65rem;border-radius:.65rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);font-size:.84rem}.import-queue-progress-track{grid-column:1 / -1;height:4px;border-radius:999px;background:#ffffff14;overflow:hidden;position:relative}.import-queue-progress-fill{position:absolute;inset:0 auto 0 0;height:100%;width:0%;border-radius:inherit;background:#ffffff38;transition:width .12s ease-out;pointer-events:none}.import-queue-progress-fill.import-queue-progress-fill--indeterminate{width:38%!important;transition:none;animation:sync-local-indeterminate 1.1s ease-in-out infinite alternate;opacity:.85}.import-queue-pct{font-size:.72rem;font-weight:600;color:#b8c9f0;font-variant-numeric:tabular-nums}.import-queue-error{grid-column:1 / -1;color:#ffb3b3;font-size:.8rem;line-height:1.35}.import-queue-meta{display:inline-flex;align-items:center;justify-content:flex-end;gap:.45rem;flex-shrink:0;min-width:0}.import-queue-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#dce3f5}.import-queue-pill{flex-shrink:0;font-size:.72rem}.import-queue-status-queued .import-queue-pill{background:#ffffff0f;color:#c8d2ec}.import-queue-status-uploading .import-queue-pill,.import-queue-status-syncing .import-queue-pill{background:#4da0ff33;color:#cfe6ff}.import-queue-status-done .import-queue-pill{background:#16d6b329;color:#bffff1}.import-queue-status-error .import-queue-pill{background:#ff6b6b24;color:#ffd0d0}.panel-header p,.helper,.field-note,.description{color:#aeb7d0}.panel-actions{display:flex;flex-wrap:wrap;gap:.75rem}.config-grid,.upload-grid{display:grid;gap:1rem;grid-template-columns:repeat(4,minmax(0,1fr))}.config-grid .wide,.upload-grid .wide{grid-column:span 2}.notice{padding:.5rem .85rem;border-radius:.75rem;font-size:.86rem;line-height:1.35}.notice.info{background:#4da0ff1f;color:#cfe6ff}.notice.error{background:#ff6b6b24;color:#ffd0d0}.two-column{display:grid;gap:1.5rem;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)}.demo-grid{display:grid;gap:.75rem;grid-template-columns:minmax(0,17rem) minmax(0,1fr);align-items:start;min-height:0;--demo-compact-screen-stage-h: 10.6875rem ;--demo-compact-screen-card-h: calc( .58rem + 1.85rem + .22rem + var(--demo-compact-screen-stage-h) + .22rem + 1.45rem );--demo-two-compact-screen-rows: calc(var(--demo-compact-screen-card-h) * 2 + .3rem)}.transcript-log{display:grid;gap:.55rem}.video-card,.screen-card{padding:1rem;border-radius:1rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.screen-card{display:grid;gap:.9rem}.video-tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,17.5rem),1fr));gap:1.25rem;align-items:stretch}.video-tile-grid>.empty-state{grid-column:1 / -1;text-align:center;padding:2.5rem 1rem;font-style:normal}.video-tile-grid .video-card{display:flex;flex-direction:column;padding:0;overflow:hidden;min-height:0;height:100%;transition:border-color .2s ease,box-shadow .2s ease,transform .18s ease}.video-tile-grid .video-card:hover{border-color:#4da0ff52;box-shadow:0 0 0 1px #4da0ff1f,0 16px 48px #00000061;transform:translateY(-2px)}.video-tile-grid .video-card.video-card--synced-local{border-color:#16d6b366;background:#ffffff09;box-shadow:0 0 0 1px #16d6b31a}.video-tile-grid .video-card.video-card--synced-local:hover{border-color:#16d6b385;box-shadow:0 0 0 1px #16d6b32e,0 16px 48px #00000061;transform:translateY(-2px)}.video-tile-grid .video-card-layout{display:flex;flex-direction:column;flex:1;min-height:0;gap:0}.video-tile-grid .video-card-media{width:100%;max-width:none;aspect-ratio:16 / 9;background:linear-gradient(160deg,#0a1020,#050810);flex-shrink:0}.video-tile-grid .video-thumb{display:block;width:100%;height:100%;max-height:none;min-height:0;object-fit:cover;border-radius:0;background:#000}.video-tile-grid .video-card-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:.65rem;padding:.85rem .95rem 1rem}.video-tile-grid .video-card-top{flex-direction:column;align-items:stretch;gap:.45rem}.video-tile-grid .video-card-top>div:first-child h3{font-size:1.02rem;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-tile-grid .video-card-top>div:first-child p{margin-top:.2rem;font-size:.78rem;color:#8b96b5;line-height:1.4}.video-tile-grid .status-stack{display:flex;flex-direction:row;flex-wrap:wrap;gap:.35rem;justify-content:flex-start;justify-items:initial}.video-tile-grid .description{font-size:.84rem;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.video-tile-grid .transcript-details{padding:.55rem .65rem}.video-tile-grid .transcript-details pre{max-height:9rem;font-size:.76rem;line-height:1.5}.video-tile-grid .field-note{font-size:.8rem}.video-tile-grid .card-actions{margin-top:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;padding-top:.15rem}.video-tile-grid .card-actions button{padding:.5rem .55rem;font-size:.8rem;font-weight:600;border-radius:.65rem}.video-tile-grid .sync-local-btn,.content-import-button.sync-local-btn{position:relative;overflow:hidden}.video-tile-grid .sync-local-btn__fill,.content-import-button.sync-local-btn__fill{position:absolute;inset:0 auto 0 0;width:0%;min-height:100%;background:#ffffff24;border-radius:inherit;transition:width .14s ease-out;pointer-events:none;z-index:0}.video-tile-grid .sync-local-btn__fill--indeterminate,.content-import-button.sync-local-btn__fill--indeterminate{width:42%!important;transition:none;animation:sync-local-indeterminate 1.1s ease-in-out infinite alternate;opacity:.85}@keyframes sync-local-indeterminate{0%{transform:translate(-100%);opacity:.35}to{transform:translate(240%);opacity:.55}}.video-tile-grid .sync-local-btn__label,.content-import-button.sync-local-btn__label{position:relative;z-index:1}.video-tile-grid .sync-local-btn.sync-local-btn--done{background:#16d6b31f;color:#c6fff0;border:1px solid rgba(22,214,179,.28)}.video-tile-grid .card-actions .danger{grid-column:1 / -1}.video-tile-grid .video-card-edit{display:grid;gap:.65rem;min-width:0}.video-tile-grid .video-card-edit-title{margin:0 0 .1rem;font-size:.95rem;font-weight:600;color:#eef2ff}.video-tile-grid .video-card-edit label{font-size:.82rem;gap:.35rem}.video-tile-grid .video-card-edit input,.video-tile-grid .video-card-edit textarea{padding:.55rem .65rem;font-size:.85rem;border-radius:.65rem}.video-tile-grid .video-card-edit-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}@media(max-width:420px){.video-tile-grid .video-card-edit-row{grid-template-columns:1fr}}.video-tile-grid .video-card-edit-actions{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.2rem}.video-tile-grid .video-card-edit-actions button{flex:1;min-width:min(100%,6.5rem);padding:.5rem .65rem;font-size:.82rem;font-weight:600;border-radius:.65rem}.video-tile-grid .video-card-edit-transcript-label{min-width:0}.video-tile-grid .video-card-edit-transcript{min-height:8rem;max-height:min(40vh,18rem);resize:vertical;font:.78rem/1.45 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.video-tile-grid .video-card-edit-transcript-hint{margin:0;font-size:.8rem}.transcript-details{display:grid;gap:.7rem;padding:.85rem .95rem;border-radius:.9rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08)}.transcript-details summary{cursor:pointer;font-weight:600;color:#eef2ff}.transcript-details pre{margin:0;white-space:pre-wrap;word-break:break-word;font:.9rem/1.55 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:#c7d1e8;max-height:18rem;overflow:auto}.video-card-top,.screen-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.status-stack{display:grid;gap:.45rem;justify-items:end}.pill{display:inline-flex;align-items:center;padding:.25rem .6rem;border-radius:999px;background:#ffffff14;color:#eef2ff;font-size:.78rem}.pill.ready{background:#16d6b329;color:#bffff1}.pill.failed{background:#ff6b6b24;color:#ffd0d0}.pill.pill--synced-local{background:#16d6b32e;color:#c6fff0;border:1px solid rgba(22,214,179,.35)}.card-actions{display:flex;flex-wrap:wrap;gap:.65rem}.error-text{color:#ffb3b3}.transcript-panel{grid-template-rows:auto minmax(0,1fr);width:100%;max-width:17rem;height:min(calc(2rem + 2.5rem + .8rem + var(--demo-two-compact-screen-rows)),calc(100vh - 13.5rem));min-height:13rem;overflow:hidden;transition:border-color .45s ease,box-shadow .45s ease}.transcript-panel.transcript-panel--live{border-color:#16d6b361;animation:transcript-panel-live-pulse 2.8s ease-in-out infinite}@keyframes transcript-panel-live-pulse{0%,to{box-shadow:0 0 0 1px #16d6b338,0 16px 48px #00000038,0 0 28px #16d6b312}50%{box-shadow:0 0 0 1px #16d6b373,0 18px 52px #00000042,0 0 44px #16d6b329}}.transcript-panel-header{align-items:center}.transcript-panel-header h2{font-size:1rem}.transcript-panel .empty-state{font-size:.78rem;line-height:1.4}.transcript-live-badge{display:inline-flex;align-items:center;gap:.45rem;flex-shrink:0;padding:.38rem .8rem;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#bffff1;background:#16d6b324;border:1px solid rgba(22,214,179,.4);box-shadow:0 0 20px #16d6b31f}.transcript-live-dot{width:.5rem;height:.5rem;border-radius:50%;background:#16d6b3;box-shadow:0 0 10px #16d6b3e6;animation:transcript-live-dot-pulse 1.15s ease-in-out infinite}@keyframes transcript-live-dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.65;transform:scale(.88)}}.transcript-log{align-content:start;min-height:0;overflow-y:auto;padding-right:.35rem}.transcript-panel .message{gap:.22rem;padding:.45rem .55rem;border-radius:.55rem}.transcript-panel .message .role{font-size:.65rem;letter-spacing:.1em}.transcript-panel .message .text{font-size:.76rem;line-height:1.42;color:#d4dbea}.message{display:grid;gap:.35rem;padding:.9rem;border-radius:.9rem;background:#ffffff0a}.message.user{border-left:3px solid #4da0ff}.message.assistant{border-left:3px solid #16d6b3}.role{font-size:.76rem;text-transform:uppercase;letter-spacing:.12em;color:#8da0c6}.screens-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(560px,1fr))}.screens-panel{padding:.72rem .85rem;gap:.5rem}.screens-grid--compact{gap:.3rem;grid-template-columns:repeat(auto-fill,minmax(19rem,1fr))}.screen-card--compact{padding:.3rem .35rem .28rem;gap:.22rem;border-radius:.55rem}.screen-header--compact{gap:.25rem;align-items:flex-start}.screen-header--compact h3{font-size:.78rem;font-weight:600;margin:0;line-height:1.2}.screen-playback-line{margin:.05rem 0 0;font-size:.62rem;line-height:1.3;color:#8b96b5}.pill--compact{font-size:.62rem;padding:.12rem .38rem;flex-shrink:0}.screen-stage{aspect-ratio:16 / 9;border-radius:1rem;overflow:hidden;background:linear-gradient(135deg,#16d6b31f,#4da0ff1a),#050912eb;border:1px solid rgba(255,255,255,.08)}.screen-card--compact .screen-stage{border-radius:.38rem}.screen-stage video{width:100%;height:100%;object-fit:cover;display:block;background:#000}.screen-placeholder{height:100%;display:grid;place-items:center;text-align:center;gap:.4rem;padding:1.5rem;color:#b9c1d8}.screen-placeholder--compact{gap:.2rem;padding:.35rem .28rem;font-size:.62rem}.screen-placeholder--compact strong{font-size:.68rem;line-height:1.25}.screen-actions-panel{margin:0;border-radius:.4rem;border:1px solid rgba(255,255,255,.07);background:#0003}.screen-actions-summary{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;min-height:1.35rem;padding:.12rem .35rem;cursor:pointer;list-style:none;font-size:.68rem;line-height:1.25;color:#9aacd4;-webkit-user-select:none;user-select:none}.screen-actions-summary-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;text-align:center;font-weight:600;color:#c5d0e8}.screen-actions-summary::-webkit-details-marker{display:none}.screen-actions-summary:hover{color:#d4ddf0;background:#ffffff0d}.screen-actions-summary:hover .screen-actions-summary-title{color:#e8eef8}.screen-actions-inner{display:grid;gap:.4rem;padding:0 .35rem .35rem;border-top:1px solid rgba(255,255,255,.06)}.screen-meta--compact{gap:.3rem}.screen-meta--compact strong{font-size:.72rem}.screen-meta--compact p{margin:0;font-size:.68rem;line-height:1.35;color:#a8b4cf}.card-actions--compact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.3rem}.card-actions--compact button{padding:.32rem .4rem;font-size:.68rem;font-weight:600;border-radius:.4rem}.screen-meta{display:grid;gap:.45rem}.empty-state{color:#93a0c0;font-style:italic}@media(max-width:1200px){.config-grid,.upload-grid,.two-column,.demo-grid,.screens-grid{grid-template-columns:1fr}.transcript-panel{max-width:none}.config-grid .wide,.upload-grid .wide{grid-column:auto}}@media(max-width:720px){.app-shell{padding:.75rem;gap:.65rem}.panel-header,.video-card-top,.screen-header{flex-direction:column}.hero{padding:.55rem .75rem .6rem;border-radius:.95rem;gap:.18rem}.hero-top-bar{gap:.4rem}.hero-top-right{gap:.5rem}.hero .hero-title{font-size:clamp(1.15rem,5.2vw,1.35rem)}.eyebrow{font-size:.6rem}.hero-info-btn{width:1.5rem;height:1.5rem;margin-top:0}.hero-info-btn-mark{font-size:.72rem}.hero-locale-select{font-size:.65rem;padding:.2rem 1.35rem .2rem .38rem}.hero-metrics .metric+.metric{margin-left:.5rem;padding-left:.5rem}.hero-metrics .metric-label{font-size:.54rem}.hero-metrics .metric strong{font-size:.72rem;line-height:1.15;word-break:break-word}.page-nav{gap:.45rem}.page-link{padding:.52rem .7rem}.page-link-label{font-size:.86rem}.page-link-detail{font-size:.7rem;line-height:1.28}.transcript-panel{height:min(calc(2rem + 2.5rem + .8rem + var(--demo-two-compact-screen-rows)),calc(100vh - 11rem));min-height:12rem}.demo-controls-bar{flex-wrap:wrap}}.connect-voice-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#050912c7;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.connect-voice-overlay-inner{display:flex;flex-direction:column;align-items:center;gap:1rem;max-width:22rem;padding:1.75rem 2rem;border-radius:1.1rem;background:#090d18f5;border:1px solid rgba(255,255,255,.1);box-shadow:0 24px 64px #00000073;text-align:center}.connect-voice-overlay-text{margin:0;font-size:.95rem;font-weight:600;color:#eef2ff}.connect-voice-spinner{width:2.5rem;height:2.5rem;border:3px solid rgba(255,255,255,.12);border-top-color:#4da0ff;border-radius:50%;animation:connect-voice-spin .7s linear infinite}@keyframes connect-voice-spin{to{transform:rotate(360deg)}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:radial-gradient(circle at top left,rgba(77,160,255,.18),transparent 28%),radial-gradient(circle at top right,rgba(22,214,179,.12),transparent 22%),#090c15}.login-card{width:100%;max-width:22rem;padding:1.5rem 1.35rem;border-radius:1rem;background:#090d18eb;border:1px solid rgba(255,255,255,.1);box-shadow:0 24px 64px #00000073}.login-card-header{text-align:center;margin-bottom:1.25rem}.login-title{margin:0;font-size:1.15rem;font-weight:600;color:#eef2ff;line-height:1.25}.login-subtitle{margin:.35rem 0 0;font-size:.82rem;color:#8da0c6;line-height:1.35}.login-form{display:grid;gap:.65rem}.login-label{font-size:.78rem;color:#b9c1d8}.login-input{width:100%;padding:.55rem .65rem;font-size:.88rem;border-radius:.65rem;background:#090d18eb;border:1px solid rgba(255,255,255,.12);color:#f8fbff}.login-input:disabled{opacity:.55;cursor:not-allowed}.login-notice{margin:0}.login-attempts{margin:.35rem 0 0;font-size:.72rem;color:#ffb3b3}.login-submit{margin-top:.25rem;padding:.55rem 1rem;font-size:.88rem;font-weight:600;border-radius:.65rem;cursor:pointer;border:none;background:linear-gradient(135deg,#4da0ff,#16d6b3);color:#071019}.login-submit:disabled{opacity:.55;cursor:not-allowed}.museum-sign-out{margin:.75rem 0 0;display:flex;justify-content:flex-end}.museum-sign-out-btn{padding:.35rem .65rem;font-size:.72rem;font-weight:600;border-radius:.5rem}.demo-ui-hidden-fullscreen{display:none}.demo-grid-wrap--fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4000;background:#000;display:flex;flex-direction:column;min-height:0;overflow:hidden}.demo-grid-wrap--fullscreen .demo-grid--fullscreen{flex:1;min-height:0;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;gap:0;align-items:stretch;align-content:stretch;height:100%}.demo-grid-wrap--fullscreen .transcript-panel--fullscreen-hidden{display:none!important}.demo-grid-wrap--fullscreen .screens-panel--fullscreen{padding:0;gap:0;border-radius:0;border:none;background:#000;box-shadow:none;min-height:0;flex:1;display:flex;flex-direction:column;overflow:hidden}.demo-grid-wrap--fullscreen .screens-panel-header--fullscreen-hidden{display:none}.demo-grid-wrap--fullscreen .screens-grid--fullscreen{flex:1;min-height:0;gap:0;grid-template-columns:repeat(var(--fs-cols, 1),1fr);grid-template-rows:repeat(var(--fs-rows, 1),1fr);align-content:stretch}.demo-grid-wrap--fullscreen .screen-card--fullscreen{padding:0;gap:0;border-radius:0;border:none;min-height:0;min-width:0;height:100%;display:flex;flex-direction:column;overflow:hidden}.demo-grid-wrap--fullscreen .screen-header--fullscreen-hidden,.demo-grid-wrap--fullscreen .screen-actions-panel--fullscreen-hidden{display:none}.demo-grid-wrap--fullscreen .screen-stage--fullscreen{position:relative;flex:1;min-height:0;aspect-ratio:unset;border-radius:0;border:none}.demo-grid-wrap--fullscreen .screen-stage--fullscreen video{object-fit:contain}.screen-stage-fs-label{display:none}.demo-grid-wrap--fullscreen .screen-stage-fs-label{display:flex;position:absolute;top:0;left:0;right:0;z-index:1;align-items:center;gap:.4rem;padding:.3rem .55rem;background:linear-gradient(180deg,rgba(0,0,0,.72) 0%,transparent 100%);pointer-events:none}.fs-cell-number{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:1.4rem;height:1.4rem;border-radius:.35rem;background:#ffffff2e;font-size:.72rem;font-weight:700;color:#fff;line-height:1}.fs-cell-title{font-size:clamp(.6rem,1.1vw,.82rem);font-weight:600;color:#ffffffeb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;text-shadow:0 1px 3px rgba(0,0,0,.6)}.fs-exit-btn{position:fixed;top:.65rem;right:.65rem;z-index:4010;padding:.4rem .85rem;font-size:.78rem;font-weight:600;border-radius:.5rem;background:#000000a6;border:1px solid rgba(255,255,255,.2);color:#eef2ff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.demo-controls-right{display:flex;align-items:center;gap:.4rem;flex-shrink:0}@media(max-width:720px){.fs-cell-number{width:1.15rem;height:1.15rem;font-size:.62rem;border-radius:.25rem}.demo-grid-wrap--fullscreen .screen-stage-fs-label{padding:.2rem .35rem;gap:.25rem}.fs-exit-btn{top:.35rem;right:.35rem;padding:.32rem .65rem;font-size:.7rem}}@media(prefers-reduced-motion:reduce){.transcript-panel.transcript-panel--live,.transcript-live-dot{animation:none}}