@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,300..600,0..1,0&display=swap";@font-face{font-family:Silka;src:url(/fonts/Silka-Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Silka;src:url(/fonts/Silka-Medium.otf) format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Silka;src:url(/fonts/Silka-SemiBold.otf) format("opentype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Silka;src:url(/fonts/Silka-Bold.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}:root{color-scheme:light;--blue-300: #0536a8;--blue-400: #0644cc;--blue-500: #0855ff;--grey-000: #030303;--grey-300: #636363;--grey-500: #bdbdbd;--grey-600: #cacaca;--grey-700: #e4e4e4;--grey-800: #f1f1f1;--grey-900: #fefefe;--dark-grey-800: #f0f0f8;--dark-grey-900: #f5f5fb;--color-background: var(--dark-grey-900);--color-surface: var(--grey-900);--color-surface-selected: var(--dark-grey-800);--color-text: var(--grey-000);--color-text-subtle: var(--grey-300);--color-text-inverse: var(--grey-900);--color-primary: var(--blue-500);--color-primary-hover: var(--blue-400);--color-primary-active: var(--blue-300);--color-border: var(--grey-700);--color-border-strong: var(--grey-500);--color-disabled-text: var(--grey-600);--font-sans: "Silka", ui-sans-serif, system-ui, -apple-system, sans-serif;--text-12: .75rem;--text-13: .8125rem;--text-14: .875rem;--text-16: 1rem;--text-18: 1.125rem;--leading-body: 1.5;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--radius-xs: 8px;--radius-sm: 12px;--shadow-surface: 0 5px 20px rgb(3 3 3 / .05);--focus-ring: 0 0 0 3px rgb(8 85 255 / .18);--ease-out: cubic-bezier(.23, 1, .32, 1);--duration-fast: .12s;--duration-base: .18s}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--color-background)}body{margin:0;min-width:320px;min-height:100vh;background:var(--color-background);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-14);line-height:var(--leading-body);-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{border:0}.material-symbols-rounded{direction:ltr;display:inline-block;flex:0 0 auto;width:1em;height:1em;overflow:hidden;font-family:Material Symbols Rounded;font-feature-settings:"liga";font-style:normal;font-weight:400;font-variation-settings:"FILL" var(--material-symbol-fill, 0),"wght" var(--material-symbol-weight, 300),"GRAD" 0,"opsz" 24;letter-spacing:normal!important;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4,strong{font-weight:600}:focus-visible{outline:none;box-shadow:var(--focus-ring)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ui-icon-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-subtle);cursor:pointer;transition:transform var(--duration-fast) var(--ease-out),border-color var(--duration-base) var(--ease-out),color var(--duration-base) var(--ease-out),background-color var(--duration-base) var(--ease-out)}.ui-icon-button:active{transform:scale(.96)}.ui-field{display:grid;align-self:start;gap:12px}.ui-field__label-row{display:flex;justify-content:space-between;gap:var(--space-3)}.ui-field__label{color:var(--color-text);font-size:var(--text-14);font-weight:500;line-height:16px}.ui-field__optional,.ui-field__hint{color:var(--color-text-subtle);font-size:var(--text-13);line-height:16px}.ui-field__control{display:flex;align-items:center;gap:var(--space-2);min-height:48px;padding:0 12px 0 16px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);transition:border-color var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out),background-color var(--duration-base) var(--ease-out)}.ui-field__control:focus-within{border-color:var(--color-primary);box-shadow:var(--focus-ring)}.ui-field__control--md{min-height:40px;padding:0 12px 0 8px}.ui-select{position:relative;z-index:1}.ui-select.is-open{z-index:80}.ui-select__trigger{width:100%;justify-content:space-between;cursor:pointer;font:500 var(--text-16)/20px var(--font-sans);text-align:left}.ui-field--md .ui-select__trigger{font-size:var(--text-14);line-height:16px}.ui-select__value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-select__value.is-placeholder{color:var(--color-text-subtle)}.ui-select__chevron{flex:0 0 16px;color:var(--color-text-subtle);transition:transform var(--duration-base) var(--ease-out)}.ui-select.is-open .ui-select__trigger{border-color:var(--color-primary);box-shadow:var(--focus-ring)}.ui-select.is-open .ui-select__chevron{transform:rotate(180deg);color:var(--color-primary)}.ui-select.is-disabled{opacity:.72}.ui-select.is-disabled .ui-select__trigger{cursor:not-allowed;background:var(--color-background);color:var(--color-disabled-text)}.ui-select__menu{position:absolute;top:calc(100% + 6px);right:0;left:0;display:flex;max-height:240px;overflow-x:hidden;overflow-y:auto;flex-direction:column;padding:0;border:0;border-radius:var(--radius-xs);background:var(--color-surface);box-shadow:var(--shadow-surface)}.ui-select__option{display:flex;align-items:center;gap:8px;width:100%;min-height:48px;padding:0 16px;border:0;border-top:1px solid var(--color-border);border-radius:0;background:var(--color-surface);color:var(--color-text);font:400 var(--text-16)/22px var(--font-sans);text-align:left;cursor:pointer}.ui-select__option:first-child{border-top:0}.ui-field--md .ui-select__option{min-height:40px;padding:0 12px;font-size:var(--text-14);line-height:16px}.ui-select__option:hover,.ui-select__option:focus-visible{color:var(--color-text-inverse);background:var(--color-primary-hover);outline:0}.ui-select__option.is-selected{color:var(--color-text-inverse);background:var(--color-primary-active)}@media(hover:hover)and (pointer:fine){.ui-icon-button:hover{border-color:var(--color-primary);background:var(--color-surface-selected);color:var(--color-primary)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}html,body,#root{width:100%;min-width:1024px;min-height:100%}body{overflow:hidden;background:var(--color-surface)}.demo-page{display:grid;grid-template-columns:320px minmax(0,1fr);width:100%;height:100vh;min-height:720px;overflow:hidden;background:var(--color-surface)}.flight-sidebar{position:relative;z-index:4;min-width:0;height:100%;overflow-y:auto;background:var(--color-surface);border-right:1px solid var(--color-border)}.brand-header{display:flex;align-items:center;justify-content:center;height:78px;padding:24px 16px 12px}.brand-header img{display:block;width:126.32px;height:42.31px;object-fit:contain}.sidebar-content{padding:12px 16px 24px}.flight-controls{display:grid;gap:var(--space-4);padding-bottom:var(--space-2)}.flight-controls h1{display:flex;align-items:center;height:48px;font-size:20px;font-weight:600;line-height:26px}.sidebar-select{position:relative}.sidebar-select .ui-field__label-row{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sidebar-select .ui-select__trigger{width:100%;padding-left:40px;border-color:var(--color-primary);color:var(--color-primary);box-shadow:none}.sidebar-select .ui-select__value{flex:1;color:var(--color-primary);font-size:var(--text-14);font-weight:500;text-align:left}.sidebar-select .ui-select__chevron,.sidebar-select__icon{color:var(--color-primary)}.sidebar-select__icon{position:absolute;z-index:3;top:12px;left:12px;pointer-events:none}.sidebar-select .ui-select.is-disabled .ui-select__trigger{color:var(--color-text-subtle);background:var(--color-surface-selected);border-color:var(--color-border)}.sidebar-select .ui-select.is-disabled .ui-select__value,.sidebar-select .ui-select.is-disabled .ui-select__chevron,.sidebar-select:has(.ui-select.is-disabled) .sidebar-select__icon{color:var(--color-text-subtle)}.format-count{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--space-4);align-items:center;color:var(--color-text-subtle)}.format-count span{height:1px;background:var(--color-border)}.format-count strong{font-size:var(--text-13);font-weight:500;line-height:16px}.format-navigation{display:grid;gap:var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid var(--color-border)}.format-navigation h2{font-size:var(--text-14);font-weight:600;line-height:18px}.format-list{display:grid;gap:var(--space-4)}.format-card{width:100%;min-height:40px;padding:11px 12px;color:var(--color-text);font-size:var(--text-13);font-weight:400;line-height:16px;text-align:left;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out),color var(--duration-base) var(--ease-out)}.format-card:hover{border-color:var(--color-border-strong)}.format-card.is-active{color:var(--color-primary);font-weight:500;background:var(--color-surface-selected);border-color:var(--color-primary)}.format-card:focus-visible{box-shadow:var(--focus-ring)}.preview-workspace{position:relative;min-width:0;height:100%;padding:88px 24px 24px;background:var(--color-surface)}.preview-metadata{position:absolute;top:24px;right:24px;display:flex;align-items:center;justify-content:flex-end;gap:12px;height:40px;color:var(--color-text-subtle);font-size:var(--text-18);font-weight:500;line-height:24px}.preview-canvas{position:relative;display:grid;place-items:center;width:100%;height:100%;min-height:608px;padding:48px;overflow:hidden;background:var(--grey-800);border-radius:var(--radius-sm)}.preview-actions{position:absolute;top:24px;right:24px;left:24px;z-index:3;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.preview-actions .ui-icon-button,.preview-actions__share{pointer-events:auto}.preview-actions__share{position:relative}.preview-actions__status{position:absolute;top:calc(100% + 8px);right:0;min-width:max-content;color:var(--color-text-subtle);font-size:var(--text-12);font-weight:500}.vast-frame-shell{width:min(960px,100%);aspect-ratio:16 / 9;overflow:hidden;background:#080808}.vast-frame{display:block;width:100%;height:100%;background:#080808;border:0}@media(max-height:820px){.preview-canvas{padding:32px}.vast-frame-shell{width:min(820px,100%)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}