body{background:var(--base)}.afterframe-symbol{filter:grayscale()brightness(1.45)}html .workspace{background:var(--base)}html .workspace>.topbar{background:#141416f2;border-color:#333336;box-shadow:0 5px 24px #0004}html .workspace>.projectbar{background:#1b1b1e;border-color:#333336}html .workspace :is(.timeline-section,.stage,.recent,.project-card,.job-row,.experimental-inspector){background-color:#19191b;border-color:#38383c}html .workspace :is(.studio-canvas,.mobile-results-page,.motion-mobile-canvas){background-color:var(--base)}html .workspace :is(.model-trigger,.provider-trigger,.generation-settings-trigger,.mobile-duration-trigger,.mobile-ratio-trigger,.mobile-frame-trigger,.mobile-settings-trigger,.character-quality-trigger,.motion-preset-trigger){color:#f2f2f3;background:#252527;border-color:#39393d}html :is(.workspace,.dialog-shell) :is(input,textarea,.mention-input){color:var(--text);background-color:#1b1b1d;border-color:#38383c}html :is(.workspace,.dialog-shell) :is(input,textarea,.mention-input)::placeholder{color:#88888f}html .workspace :is(.generate,.primary),html .dialog-shell .primary,html .mobile-settings-footer .primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}html .workspace :is(.generate,.primary):hover:not(:disabled),html .dialog-shell .primary:hover:not(:disabled){background:#d4d4d8;border-color:#d4d4d8}html .workspace .wallet-badge{color:#ededf0;background:0 0;border-color:#444448}html .workspace :is(.upload-face-tile,.upload-tile,.character-add-reference,.character-empty-add,.character-photo-guide,.asset-tile-pending .asset-pending-image){color:#dedee3;background-color:#252527;border-color:#444449}html .workspace .topbar nav .nav-active{color:#fff;background:#303034;box-shadow:inset 0 -2px #ddd}html .workspace .topbar nav button:hover{color:#eee;background:#29292d}html .workspace .topbar nav button{color:#b8b8be}html .workspace .topbar :is(.admin-link,.profile-avatar){color:#c8c8cf;border-color:#3c3c42}html :is(.model-menu,.model-submenu,.provider-menu,.settings-panel,.mobile-settings-sheet,.reference-role-menu,.asset-menu,.shot-menu){color:#eee;background:#1c1c1f;border-color:#414146}html :is(.model-option,.provider-option,.settings-select,.mobile-ratio-row)[aria-selected=true],html :is(.model-option,.provider-option)[aria-checked=true]{color:#fff;background:#303034}html :is(.dialog-shell .modal,.dialog-shell .asset-library-modal,.mobile-result-prompt-dialog,.mobile-result-player,.mobile-navigation-panel){color:#eee;background:#19191b;border-color:#3d3d42}html .asset-library-modal :is(.library-head,.library-toolbar,.library-bottom-actions){background:#19191b;border-color:#333338}html .asset-library-modal :is(.library-search,.library-upload-tile){color:#ddd;background:#262629;border-color:#3d3d42}html .asset-library-modal .library-filters button[aria-pressed=true]{color:#111;background:#efeff1}html .asset-library-modal :is(.library-tile.is-selected,.asset-card.is-selected){border-color:#eee}html .mobile-navigation-panel .mobile-navigation-links>button[aria-current=page]{color:#fff;background:#2e2e32}html .mobile-navigation-panel .mobile-navigation-links>button>svg{color:#bdbdc3}html .mobile-navigation-panel :is(.mobile-menu-credits,.mobile-menu-secondary,.mobile-navigation-content){color:#ccc;border-color:#36363b}html .mobile-settings-footer{background:linear-gradient(#1c1c1f00,#1c1c1f 16px)}html .mobile-result-actions>button{color:#bcbcc3}html .mobile-result-actions>button:hover:not(:disabled){color:#fff;background:#2b2b30}html .mobile-result-prompt-dialog>pre{color:#ddd}html .character-mobile-preview.is-empty .character-empty-upload{background:radial-gradient(at 50% 36%,#303034 0%,#1b1b1e 72%);border-color:#414146}html .character-photo-guide{color:#babac1;background:#1c1c20;border-color:#414146}html .character-photo-guide svg{color:#babac1}html .character-photo-guide span{color:#aaaab2}html .character-mobile-views>button[aria-pressed=true]{color:#fff;background:#303035}html .character-mobile-inputs :is(.character-quality-trigger,.character-mobile-settings),html .character-reference-strip{background-color:#252528;border-color:#39393f}html .character-mobile-preview :is(.character-mobile-empty,.character-preview-stage){background-color:#1d1d20}html .workspace .is-mobile-composer .clip-prompt .mention-editor .mention-input{background:#1b1b1d;border-color:#38383d}html .workspace .is-mobile-composer .generation-settings .compact-output-control{color:#efeff2;background:#252527;border-color:#39393e}html .workspace .is-mobile-composer .clip-prompt .mention-editor{animation:7s ease-in-out infinite alternate neutral-prompt-glow}html .workspace :is(.mobile-results-trigger,.mobile-editor-trigger),html .workspace :is(.mobile-results-trigger,.mobile-editor-trigger)>svg{color:#c5c5cc}html .mobile-editor-screen .clip-prompt{filter:none}html .mobile-editor-screen .clip-prompt:before,html .mobile-editor-screen .clip-prompt:after{background:0 0;box-shadow:0 0 16px #ffffff08}@media (max-width:760px){html .workspace>.topbar{background:var(--base);box-shadow:none}html .workspace .studio-canvas>.timeline-section.is-mobile-composer{background:0 0;border:0}}@keyframes neutral-prompt-glow{0%{box-shadow:0 0 7px #ffffff05}to{box-shadow:0 0 14px 1px #ffffff10}}@media (prefers-reduced-motion:reduce){html .workspace .is-mobile-composer .clip-prompt .mention-editor{animation:none}}:root{--control-face:linear-gradient(155deg,#35353b 0%,#26262c 58%,#222228 100%);--control-edge:#45454f;--panel-face:linear-gradient(145deg,#29292f,#1c1c21 65%)}html .workspace .wallet-badge{color:#f1f1f5;font-variant-numeric:tabular-nums;background:linear-gradient(145deg,#36363c,#222227);border:1px solid #51515b;border-radius:12px;flex:none;justify-content:center;align-items:center;gap:8px;min-height:34px;padding:6px 12px;font-size:13px;font-weight:650;display:inline-flex;box-shadow:inset 0 1px #ffffff17,inset 0 -1px #0004,0 3px 7px #0004}html .workspace .wallet-badge svg{color:#c7c7d3;flex:none}html .workspace .generation-panel{background:linear-gradient(#242429,#1d1d22);border-color:#393940;box-shadow:inset 0 1px #ffffff06}html .workspace .generation-controls :is(.model-trigger,.provider-trigger,.compact-output-control,.generation-settings-trigger){border:1px solid var(--control-edge);background:var(--control-face);color:#e0e0e8;transition:background .16s,border-color .16s,box-shadow .16s,transform .16s;box-shadow:inset 0 1px #ffffff0d,inset 0 -1px #0004,0 2px 4px #0003}html .workspace .generation-controls :is(.model-trigger,.provider-trigger,.compact-output-control,.generation-settings-trigger):hover:not(:disabled){background:linear-gradient(155deg,#404048,#2d2d34);border-color:#666674;transform:translateY(-1px);box-shadow:inset 0 1px #ffffff18,0 4px 8px #0004}html .workspace .generation-controls :is(.model-trigger,.provider-trigger,.compact-output-control,.generation-settings-trigger):active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 1px 4px #0005}html .workspace .generation-controls .generate{color:#19191f;background:linear-gradient(165deg,#fff,#e6e6eb 66%,#d7d7df);border-color:#fff;box-shadow:inset 0 1px #fff,0 3px #9b9ba5,0 6px 12px #0004}html .workspace .generation-controls .generate:hover:not(:disabled){background:linear-gradient(160deg,#fff,#ededf3);border-color:#fff;box-shadow:inset 0 1px #fff,0 3px #aaaab5,0 8px 17px #0005}html .workspace .generation-controls .generate:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #a5a5af,0 3px 8px #0003}html .workspace .generation-controls .control-label{color:#93939f}html :is(.settings-popover,.model-menu,.model-submenu,.provider-menu,.reference-role-menu,.shot-mode-menu,.voice-add-menu){background:var(--panel-face);color:#ebebf1;border:1px solid #4d4d58;border-radius:15px;box-shadow:inset 0 1px #ffffff10,0 0 0 1px #0005,0 12px 28px #0007,0 32px 70px #0006}html .settings-popover-title{color:#ededf5;border-color:#41414a}html :is(.settings-tiles,.settings-audio-options)>button{color:#bdbdca;background:linear-gradient(150deg,#303037,#24242a);border-color:#464650;border-radius:11px;box-shadow:inset 0 1px #ffffff08,0 2px 4px #0002}html :is(.settings-tiles,.settings-audio-options)>button.is-selected{color:#fff;background:linear-gradient(150deg,#494952,#33333c);border-color:#a2a2b5;box-shadow:inset 0 1px #ffffff13,0 0 0 1px #aaaabb18}html .settings-tiles .ratio-shape{border-color:currentColor}html :is(.settings-model-note,.settings-range-ends,.settings-duration-ticks){color:#9696a5}html :is(.settings-group,.settings-audio-options){border-color:#41414a}html .settings-group input{accent-color:#c9c9d6}html .workspace :is(.timeline-overview,.timeline-heading,.advanced-shell,.video-lane,.voice-timeline,.timeline-ruler){border-color:#3c3c46}html .workspace :is(.timeline-overview,.timeline-heading,.advanced-shell){background-color:#0000}html .workspace :is(.voice-collapsed-add,.empty-slot-add,.shot-mode-menu button,.timeline-tools button,.zoom-controls button){color:#c7c7d4;background-color:#2b2b32;border-color:#45454f}html .workspace .empty-slot-add:hover,html .workspace .voice-collapsed-add:hover{color:#fff;background:#37373f;border-color:#a8a8ba}html .workspace :is(.video-lane-label,.voice-label){color:#aaaab8}html .workspace .shot{background:#25252d;border-color:#454550;box-shadow:inset 0 1px #ffffff05}html .workspace .shot.selected{border-color:#aab;box-shadow:0 0 0 1px #aaaabb25}html .workspace .shot-header{color:#e6e6ef;background:#303039;border-color:#464651}html .workspace .timeline-prompt-panel{background:#222228;border-color:#3e3e49}html .workspace :is(.hint,.reference-role-summary){color:#a5a5b1}html .workspace .material-bar .asset-tile{background:#25252b;border-color:#454550}html .workspace .material-bar .asset-reference-token{color:#eeeef7;background:#24242ee8;border-color:#555562}html .workspace .mobile-result-player{background:var(--panel-face);border-radius:18px;width:min(1000px,100vw - 40px);max-height:90dvh;padding:16px}html .workspace .mobile-result-player video{object-fit:contain;background:#111113;border-radius:10px;width:100%;max-height:73dvh}@media (max-width:760px){html .workspace .wallet-badge{border-radius:12px;min-height:32px;padding:5px 10px}html .settings-popover.mobile-settings-sheet{border-radius:22px 22px 0 0}}@media (prefers-reduced-motion:reduce){html .workspace .generation-controls :is(.model-trigger,.provider-trigger,.compact-output-control,.generation-settings-trigger){transition:none;transform:none!important}}html body .workspace .studio-canvas .timeline-section>.generation-panel{background:linear-gradient(#27272d,#202026);border-color:#41414a}html body .settings-popover .settings-tiles>button,html body .settings-popover .settings-audio-options>button{color:#bebecb;background:linear-gradient(150deg,#34343c,#27272e);border-color:#494953}html body .settings-popover .settings-tiles>button.is-selected,html body .settings-popover .settings-audio-options>button.is-selected{color:#f6f6ff;background:linear-gradient(145deg,#4d4d59,#34343f);border-color:#b0b0c1;box-shadow:inset 0 1px #ffffff16,0 0 0 1px #b5b5c21a}html body .settings-popover .settings-tiles>button:hover{color:#fff;background:linear-gradient(145deg,#45454f,#34343f)}html body .workspace .timeline-section :is(.lane-icon,.voice-lane-icon,.voice-collapsed-add){color:#c6c6d5;background:linear-gradient(155deg,#34343c,#26262d);border-color:#494953}html body .workspace .timeline-section :is(.track,.voice-track){background-color:#161619;border-color:#3e3e48}html body .workspace .timeline-section :is(.ruler,.voice-ruler){color:#90909e;border-color:#3e3e48}html body .workspace .timeline-section .shot :is(.mention-input,textarea)::placeholder{color:#9595a4}html body :is(.floating-story-preview,.workspace .story-preview-stage){background:#1b1b20;border-color:#494953}html body :is(.floating-story-preview,.workspace .story-preview-stage) :is(.panel-heading,.story-image-grid,.story-caption,.text-only .story-caption){background:#222229;border-color:#3f3f49}html body :is(.floating-story-preview,.workspace .story-preview-stage) .story-caption p{color:#d7d7e1}html body :is(.floating-story-preview,.workspace .story-preview-stage) .story-audio-preview{color:#b9b9ce;background:#2b2b36;border-color:#494954}html body .workspace .mention-input :is(.mention-chip,.mention-chip-image,.mention-chip-video,.mention-chip-audio){color:#e0e0f1;background:#34343f;border-color:#555565}html body .workspace .timeline-section .studio-icon-button{color:#cecedc}html body .workspace .timeline-section .mention-input:empty:before{color:#9595a4}html body .workspace .wallet-badge{color:#e3efb7;background:linear-gradient(145deg,#3a4230,#272e22);border-color:#666e4e;box-shadow:inset 0 1px #ffffff12,0 2px 6px #0003}html body .workspace .wallet-badge svg{color:#c6e879}html body .workspace .timeline-section .video-lane-icon{color:#a9dcc1;background:linear-gradient(155deg,#2d4d3e,#23382e);border-color:#466959}html body .workspace .timeline-section :is(.voice-lane-icon,.voice-collapsed-add){color:#b0c9ed;background:linear-gradient(155deg,#2b405c,#223149);border-color:#415e82}html body .workspace .timeline-section .empty-slot-add{color:#b7d9c0;background:linear-gradient(145deg,#35513f,#293e31);border-color:#4c6d5b}html body .workspace .timeline-section .shot{--shot-accent:#8998b8;border-color:color-mix(in srgb,var(--shot-accent) 50%,#292930);background:color-mix(in srgb,var(--shot-accent) 9%,#1b1b22)}html body .workspace .timeline-section .shot-mode-text{--shot-accent:#9b96cd}html body .workspace .timeline-section :is(.shot-mode-images,.shot-mode-first-frame,.shot-mode-first-last){--shot-accent:#cca878}html body .workspace .timeline-section :is(.shot-mode-video,.shot-mode-video-edit){--shot-accent:#76b79b}html body .workspace .timeline-section .shot-mode-motion-copy{--shot-accent:#82a8d5}html body .workspace .timeline-section .shot-header{background:color-mix(in srgb,var(--shot-accent) 22%,#24242d);color:#ececf3;border-color:color-mix(in srgb,var(--shot-accent) 40%,#33333c)}html body .workspace .timeline-section .shot.selected{border-color:var(--shot-accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--shot-accent) 25%,transparent)}html body .workspace .motion-composer .shift-mode-switch>button{justify-content:center;width:40px;min-width:40px;height:36px;padding:8px}html body .workspace .motion-composer .shift-mode-switch>button[aria-label=Zadání]{color:#c9bce6}html body .workspace .motion-composer .shift-mode-switch>button[aria-label=Časová\ osa]{color:#b3d4c2}@media (min-width:761px){html .workspace:not(.image-workspace):not(.audio-workspace)>.studio-canvas{width:min(1520px,100% - 64px);margin-inline:auto}html .workspace>.studio-canvas:has(.is-experimental){width:100%}}@media (min-width:761px) and (max-width:1100px){html .workspace>.topbar{gap:12px;min-width:0;padding-inline:18px}html .workspace>.topbar>.brand{flex:none;min-width:0}html .workspace>.topbar .brand :is(.afterframe-wordmark,.private-label){display:none}html .workspace>.topbar .brand .afterframe-symbol{width:48px}html .workspace>.topbar>nav{flex:1;justify-content:center;gap:2px;min-width:0}html .workspace>.topbar>nav>button{padding:9px 10px;font-size:12px}html .workspace>.topbar .top-right{gap:6px;min-width:0}html .workspace>.topbar .top-right :is(.profile-avatar,.test-badge){display:none}html .workspace>.topbar .admin-link{padding:7px;font-size:11px}}
.workspace-loading{color:#f2f3f1;background:#101010;flex-direction:column;justify-content:center;align-items:center;gap:28px;min-height:100svh;padding:32px 24px;display:flex}.workspace-loading-identity{justify-items:center;gap:30px;display:grid}.workspace-loading .afterframe-logo.is-animated{gap:0;height:36px}.workspace-loading .afterframe-symbol{z-index:1;width:64px;position:relative}.workspace-loading .afterframe-wordmark-window{align-items:center;width:0;height:36px;animation:.65s cubic-bezier(.22,1,.36,1) .18s forwards workspace-loading-reveal;display:flex;overflow:hidden}.workspace-loading .afterframe-wordmark{opacity:0;flex:none;padding-left:11px;font-size:17px;animation:.65s cubic-bezier(.22,1,.36,1) .18s forwards workspace-loading-wordmark;display:block;transform:translate(-100%)}.workspace-loading-spinner{border:2px solid #ffffff24;border-top-color:#eef0e9;border-radius:50%;width:24px;height:24px;animation:.85s linear infinite workspace-loading-spin}.workspace-loading-error{text-align:center;width:min(100%,380px)}.workspace-loading-error p{color:#d6b6b4;margin:0 0 18px;font-size:14px;line-height:1.6}.workspace-loading-error button{color:#f0f0f2;min-height:44px;font:inherit;background:#252529;border:1px solid #ffffff30;border-radius:10px;padding:10px 18px;font-size:13px}.workspace-loading-error button:focus-visible{outline-offset:4px;outline:2px solid #d3dfc1}@keyframes workspace-loading-reveal{to{width:130px}}@keyframes workspace-loading-wordmark{to{opacity:1;transform:translate(0)}}@keyframes workspace-loading-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.workspace-loading .afterframe-wordmark-window{width:130px;animation:none}.workspace-loading .afterframe-wordmark{opacity:1;animation:none;transform:none}.workspace-loading-spinner{animation:none}}
:is(html:has(.pwa-install-sheet),body:has(.pwa-install-sheet)){overflow:hidden}.dialog-shell:has(>.pwa-install-sheet){width:min(540px,100vw - 32px);max-width:none;max-height:none;margin:0 auto;position:fixed;inset:auto 0 16px;overflow:visible}.dialog-shell:has(>.pwa-install-sheet)::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#080a0b8f;animation:.26s both pwa-install-backdrop-in}.dialog-shell:has(>.pwa-install-sheet.is-closing)::backdrop{animation:.18s both pwa-install-backdrop-out}.pwa-install-sheet{color:#f2f3f1;width:100%;min-width:0;height:clamp(360px,58dvh,560px);max-height:calc(100dvh - 32px);font-family:var(--font-ui,Arial),sans-serif;background:linear-gradient(150deg,#232527,#191b1c 60%);border:1px solid #ffffff17;border-radius:26px;flex-direction:column;animation:.36s cubic-bezier(.22,1,.36,1) both pwa-install-sheet-in;display:flex;overflow:hidden;box-shadow:0 -12px 80px #0003,0 24px 80px #0008,inset 0 1px #ffffff06}.pwa-install-sheet.is-closing{pointer-events:none;animation:.18s ease-in both pwa-install-sheet-out}.pwa-install-handle{background:#ffffff29;border-radius:8px;flex:none;width:32px;height:4px;margin:10px auto 0;display:none}.pwa-install-header{flex:none;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:20px 24px 8px;display:flex}.pwa-install-brand{align-items:center;gap:8px;min-width:0;display:flex}.pwa-install-brand .afterframe-logo{gap:0}.pwa-install-brand .afterframe-symbol{z-index:1;width:48px;position:relative}.pwa-install-brand .afterframe-wordmark-window{flex:none;align-items:center;width:0;height:30px;animation:.6s cubic-bezier(.22,1,.36,1) .2s forwards pwa-install-brand-reveal;display:flex;overflow:hidden}.pwa-install-brand .afterframe-wordmark{letter-spacing:-.025em;opacity:0;flex:none;padding-left:9px;font-size:15px;font-weight:700;animation:.6s cubic-bezier(.22,1,.36,1) .2s forwards pwa-install-wordmark-in;display:block;transform:translate(-100%)}.pwa-install-brand-tag{color:#c4cebd;letter-spacing:.07em;opacity:0;background:#bfc7b80b;border:1px solid #bfc7b831;border-radius:5px;flex:none;padding:4px 5px;font-size:9px;font-weight:550;line-height:1;animation:.28s .6s both pwa-install-tag-in;display:block}.pwa-install-sheet .pwa-install-close{color:#c8cdca;background:#ffffff05;border:1px solid #ffffff0f;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;min-height:44px;padding:0;display:grid}.pwa-install-sheet .pwa-install-close:hover:not(:disabled){background:#ffffff0d;border-color:#ffffff26}.pwa-install-intro{flex:none;padding:6px 24px 16px}.pwa-install-intro h2{letter-spacing:-.045em;margin:0;font-size:24px;font-weight:550;line-height:1.2}.pwa-install-intro>p{color:#a0a5a4;margin:8px 0 0;font-size:13px;line-height:1.5}.pwa-install-content{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#4a4e4c transparent;flex:auto;min-height:0;padding:4px 24px 18px;overflow-y:auto}.pwa-install-steps{gap:16px;margin:0;padding:0;list-style:none;display:grid}.pwa-install-steps>li{align-items:flex-start;gap:12px;min-width:0;animation:.36s cubic-bezier(.22,1,.36,1) .2s both pwa-install-step-in;display:flex}.pwa-install-steps>li:nth-child(2){animation-delay:.28s}.pwa-install-steps>li:nth-child(3){animation-delay:.36s}.pwa-install-step-icon{color:#cbd4c4;background:#ffffff04;border:1px solid #ffffff10;border-radius:12px;flex:none;place-items:center;width:40px;height:40px;display:grid}.pwa-install-steps>li>div{flex:1;min-width:0;padding-top:1px}.pwa-install-step-number{color:#778074;font-variant-numeric:tabular-nums;margin-right:7px;font-size:11px;display:inline}.pwa-install-steps strong{font-size:13px;font-weight:550;line-height:1.45}.pwa-install-steps p{color:#a0a5a4;overflow-wrap:anywhere;margin:4px 0 0;font-size:12px;line-height:1.5}.pwa-install-browser-note{color:#c8d1c0;background:#bfccb209;border:1px solid #bfccb218;border-radius:12px;align-items:flex-start;gap:9px;margin:0 0 16px;padding:12px;font-size:12px;line-height:1.5;display:flex}.pwa-install-browser-note>svg{flex:none;margin-top:1px}.pwa-install-actions{background:#191b1c;border-top:1px solid #ffffff09;flex:none;justify-content:flex-end;align-items:center;gap:10px;padding:16px 24px 20px;display:flex}.pwa-install-sheet .pwa-install-actions>button{border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:11px 16px;font-size:13px;line-height:1.4;display:inline-flex}.pwa-install-sheet .pwa-install-primary{color:#191d16;background:#edf0e8;flex:1;font-weight:600}.pwa-install-sheet .pwa-install-primary:hover:not(:disabled){background:#fff}.pwa-install-sheet .pwa-install-primary:disabled{opacity:.65;cursor:wait}.pwa-install-sheet .pwa-install-later{color:#b4bbb7;background:0 0}.pwa-install-sheet .pwa-install-later:hover:not(:disabled){color:#f2f3f1;background:#ffffff08}.pwa-install-sheet :is(button,a):focus-visible{outline-offset:3px;outline:2px solid #cfdfc0}.pwa-install-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;flex:none;width:16px;height:16px;animation:.75s linear infinite pwa-install-spin}@keyframes pwa-install-sheet-in{0%{opacity:0;transform:translateY(44px)}to{opacity:1;transform:translateY(0)}}@keyframes pwa-install-sheet-out{to{opacity:0;transform:translateY(28px)}}@keyframes pwa-install-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes pwa-install-backdrop-out{to{opacity:0}}@keyframes pwa-install-brand-reveal{to{width:116px}}@keyframes pwa-install-wordmark-in{to{opacity:1;transform:translate(0)}}@keyframes pwa-install-tag-in{0%{opacity:0;transform:translate(-5px)}to{opacity:1;transform:translate(0)}}@keyframes pwa-install-step-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes pwa-install-spin{to{transform:rotate(360deg)}}@media (max-width:760px){.dialog-shell:has(>.pwa-install-sheet){width:100%;inset:auto 0 0}.pwa-install-sheet{max-height:calc(100dvh - env(safe-area-inset-top,0px) - 10px);border-bottom:0;border-radius:26px 26px 0 0}.pwa-install-handle{display:block}.pwa-install-header{padding:10px 20px 8px}.pwa-install-intro{padding:4px 20px 16px}.pwa-install-intro h2{font-size:23px}.pwa-install-content{padding:2px 20px 18px}.pwa-install-actions{padding:14px 20px calc(16px + env(safe-area-inset-bottom,0px))}}@media (max-width:360px){.pwa-install-header,.pwa-install-intro,.pwa-install-content,.pwa-install-actions{padding-inline:16px}.pwa-install-intro h2{font-size:21px}.pwa-install-brand .afterframe-symbol{width:44px}.pwa-install-sheet .pwa-install-actions>button{padding-inline:11px;font-size:12px}}@media (max-height:480px){.pwa-install-header{padding-block:8px 0}.pwa-install-intro{padding-block:4px 10px}.pwa-install-intro h2{font-size:21px}.pwa-install-intro>p{margin-top:5px}.pwa-install-actions{padding-block:8px calc(8px + env(safe-area-inset-bottom,0px))}}@media (prefers-reduced-motion:reduce){.pwa-install-sheet,.pwa-install-sheet.is-closing,.pwa-install-brand .afterframe-wordmark-window,.pwa-install-brand .afterframe-wordmark,.pwa-install-brand-tag,.pwa-install-steps>li,.pwa-install-spinner{animation:none}.dialog-shell:has(>.pwa-install-sheet)::backdrop{animation:none}.dialog-shell:has(>.pwa-install-sheet.is-closing)::backdrop{animation:none}.pwa-install-brand .afterframe-wordmark-window{width:116px}.pwa-install-brand .afterframe-wordmark,.pwa-install-brand-tag{opacity:1;transform:none}}