.app{background:#101114;flex-direction:column;height:100%;display:flex;overflow-y:auto}.choices-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem 1.5rem;padding:.75rem;display:flex}.picker{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.picker-label{color:#7d828e;text-transform:uppercase;letter-spacing:.06em;font-size:.8125rem}.picker button,.transport{font:inherit;color:#c8ccd4;cursor:pointer;background:#1e2026;border:1px solid #3a3d44;border-radius:.375rem;padding:.375rem .875rem}.picker button[aria-pressed=true]{color:#fff;background:#34384a;border-color:#5a5f75}.transport{inline-size:5rem}.export-control{color:#c8ccd4;align-items:center;gap:.75rem;font-size:.875rem;display:flex}.export-button{font:inherit;color:#fff;cursor:pointer;background:#3d5afe;border:1px solid #5a72ff;border-radius:.375rem;padding:.375rem .875rem}.export-button:disabled{opacity:.4;cursor:default}.export-progress{align-items:center;gap:.5rem;display:flex}.export-control [role=alert]{color:#e8c88a;align-items:baseline;gap:.5rem;display:flex}.export-control [role=alert] button{font:inherit;color:#c8ccd4;cursor:pointer;background:#1e2026;border:1px solid #3a3d44;border-radius:.375rem;padding:.125rem .5rem;font-size:.8125rem}.device-notice,.ingest-notice{color:#e8c88a;justify-content:center;align-items:baseline;gap:.75rem;margin:0;padding:.375rem .75rem;font-size:.875rem;display:flex}.ingest-notice button{font:inherit;color:#c8ccd4;cursor:pointer;background:#1e2026;border:1px solid #3a3d44;border-radius:.375rem;padding:.125rem .5rem;font-size:.8125rem}.stage{flex:1;place-items:center;min-height:12rem;display:grid;container-type:size}.stage>*{grid-area:1/1}.drop-hint{color:#c8ccd4;pointer-events:none;background:#10111499;border:2px dashed #5a5f75;border-radius:.5rem;place-self:stretch stretch;place-items:center;margin:.5rem;font-size:1rem;display:grid;position:relative}.frame{width:min(100cqw, calc(100cqh * var(--aspect)));aspect-ratio:var(--aspect);background:radial-gradient(circle at 50% 40%,#3a3d44,#1b1d22 75%)}.dev-seek{color:#c8ccd4;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;display:flex}.dev-seek input[type=range]{width:min(24rem,40vw)}.dev-seek input[type=number]{width:4rem;font:inherit;color:inherit;background:#1e2026;border:1px solid #3a3d44;border-radius:.25rem;padding:.125rem .25rem}.dev-seek button{font:inherit;color:#c8ccd4;cursor:pointer;background:#1e2026;border:1px solid #3a3d44;border-radius:.375rem;padding:.25rem .625rem}.dev-seek button:disabled{opacity:.4;cursor:default}.dev-export{color:#c8ccd4;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;padding:0 .75rem .5rem;font-size:.875rem;display:flex}.dev-export input[type=number]{width:4rem;font:inherit;color:inherit;background:#1e2026;border:1px solid #3a3d44;border-radius:.25rem;padding:.125rem .25rem}.dev-export button{font:inherit;color:#c8ccd4;cursor:pointer;background:#1e2026;border:1px solid #3a3d44;border-radius:.375rem;padding:.25rem .625rem}.dev-export button:disabled{opacity:.4;cursor:default}.dev-export-frames{flex-basis:100%;gap:.25rem;margin:0;padding:0 0 .25rem;list-style:none;display:flex;overflow-x:auto}.dev-export-frames img{border:1px solid #3a3d44;height:4.5rem;display:block}.drop-cue{color:#c8ccd4;text-align:center;pointer-events:none;background:#101114b3;border-radius:.375rem;place-self:end center;max-width:34rem;margin:0 0 .75rem;padding:.375rem .75rem;font-size:.875rem;position:relative}.dev-gallery{color:#c8ccd4;flex-direction:column;gap:.5rem;padding:0 .75rem .75rem;font-size:.875rem;display:flex}.dev-gallery-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.dev-gallery-controls button{font:inherit;color:#c8ccd4;cursor:pointer;background:#1e2026;border:1px solid #3a3d44;border-radius:.375rem;padding:.25rem .625rem}.dev-gallery-controls button:disabled{opacity:.4;cursor:default}.dev-gallery-cards{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.dev-gallery-review{flex-wrap:wrap;justify-content:center;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.dev-gallery-review li{color:#7d828e;flex-direction:column;align-items:center;gap:.25rem;font-size:.75rem;display:flex}.dev-gallery-review img{border:1px solid #3a3d44;height:9rem;display:block}.device-card{width:15rem;font:inherit;color:#c8ccd4;text-align:left;cursor:pointer;background:#1e2026;border:1px solid #3a3d44;border-radius:.5rem;grid-template-rows:auto auto;grid-template-columns:2fr 1fr;gap:.375rem;padding:.5rem;display:grid}.device-card[aria-pressed=true]{color:#fff;background:#34384a;border-color:#5a5f75}.device-card-hero,.device-card-cue{aspect-ratio:1;background:#101114;border-radius:.375rem;place-items:center;display:grid;overflow:hidden}.device-card-hero img,.device-card-cue img{object-fit:cover;width:100%;height:100%;display:block}.device-card-cue{align-self:end}.device-card-pending{color:#7d828e;font-size:.75rem}.device-card-name{grid-column:1/-1;font-size:.875rem}.device-card-finish{color:#7d828e;grid-column:1/-1;margin-top:-.25rem;font-size:.75rem}.device-card[aria-pressed=true] .device-card-finish{color:#c8ccd4}.landing{color:#c8ccd4;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.25rem 1rem;padding:.75rem .75rem 0;display:flex}.landing-name{color:#fff;letter-spacing:.02em;margin:0;font-size:1.125rem}.landing-promise{color:#7d828e;margin:0;font-size:.875rem}.landing-steps{counter-reset:landing-step;flex-wrap:wrap;gap:.25rem 1rem;margin:0;padding:0;font-size:.875rem;list-style:none;display:flex}.landing-steps li{counter-increment:landing-step}.landing-steps li:before{content:counter(landing-step) ". ";color:#7d828e}.unsupported{color:#c8ccd4;background:#101114;flex-direction:column;height:100%;display:flex}.unsupported-body{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.75rem;padding:1.5rem;display:flex}.unsupported .landing-name{font-size:1.75rem}.unsupported-reason{color:#e8c88a;max-width:34rem;margin:0}