.bottom-nav{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:center;padding:var(--space-8) var(--space-16);padding-bottom:max(var(--inset-bottom),var(--nav-gap));pointer-events:none}.bottom-nav__island{pointer-events:auto;height:var(--nav-height);max-width:100%;display:flex;align-items:center;gap:24px;padding:0 var(--space-12);border-radius:var(--radius-pill);background:var(--color-bg-card);box-shadow:var(--shadow-island)}.bottom-nav__item{flex:0 0 auto;height:100%;display:flex;align-items:center;justify-content:center;text-decoration:none;color:var(--color-hint);transition:color var(--transition-fade)}.bottom-nav__pill{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-16);border-radius:var(--radius-pill);background:transparent;transition:background-color var(--transition-fade)}.bottom-nav__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.bottom-nav__item--active{color:var(--color-accent)}.bottom-nav__item--active .bottom-nav__pill{background:color-mix(in srgb,var(--color-accent) 15%,transparent)}.bottom-nav__main-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-round);background:var(--color-bg-inset);color:var(--color-hint);transition:transform var(--transition-press),background-color var(--transition-fade),color var(--transition-fade)}.bottom-nav__item--main.bottom-nav__item--active .bottom-nav__main-icon{background:var(--color-accent);color:var(--color-on-accent)}.bottom-nav__item--main:active .bottom-nav__main-icon{transform:scale(.94)}.ui-screen{flex:1 1 auto;width:100%;min-width:0;display:flex;flex-direction:column;align-items:center;gap:var(--space-16);padding:var(--screen-padding)}.ui-screen--center{justify-content:center;text-align:center}.ui-screen__title{width:100%;margin:0;text-align:left;font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-tight)}.ui-screen__placeholder{margin:0;font-size:var(--font-size-lg);color:var(--color-hint)}.ui-screen--top{justify-content:flex-start;text-align:left}.ui-spinner{animation:ui-spin 1s linear infinite}@keyframes ui-spin{to{transform:rotate(360deg)}}.ui-tag{flex:0 0 auto;padding:var(--space-2) var(--space-8);border-radius:var(--radius-pill);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:1.5;white-space:nowrap}.ui-tag--soon{background:var(--palette-green-soft);color:var(--palette-green)}.ui-tag--pro{background:var(--palette-orange-soft);color:var(--palette-orange)}.create-grid{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-12)}.create-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--color-separator);outline:none;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-10);padding:var(--space-16);border-radius:var(--radius-2xl);background:var(--color-bg-card);color:var(--color-text);text-align:left;cursor:pointer;transition:transform var(--transition-press),opacity var(--transition-fade)}.create-card:active{transform:scale(.97);opacity:.85}.create-card--disabled{cursor:default}.create-card--disabled:active{transform:none;opacity:1}.create-card--disabled .create-card__icon{background:var(--color-bg-inset);color:var(--color-hint)}.create-card--disabled .create-card__title{color:var(--color-hint)}.create-card--video{--icon-bg: var(--palette-purple-soft);--icon-color: var(--palette-purple)}.create-card--model{--icon-bg: var(--palette-pink-soft);--icon-color: var(--palette-pink)}.create-card--text{--icon-bg: var(--palette-blue-soft);--icon-color: var(--palette-blue)}.create-card__header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-8)}.create-card__icon{flex:0 0 auto;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--icon-bg);color:var(--icon-color)}.create-card__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:1.3}.create-card__description{margin:0;font-size:var(--font-size-sm);line-height:1.4;color:var(--color-hint)}.ui-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;width:100%;max-width:var(--button-max-width);padding:var(--space-14) var(--space-24);border-radius:var(--radius-md);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-tight);text-decoration:none;cursor:pointer;transition:transform var(--transition-press),opacity var(--transition-fade)}.ui-button:active{transform:scale(.97);opacity:.85}.ui-button:disabled{opacity:.6;cursor:default;transform:none}.ui-button--primary{background:var(--color-accent);color:var(--color-on-accent)}.ui-button--plain{max-width:none;width:auto;padding:var(--space-8);background:transparent;font-size:var(--font-size-base);color:var(--color-link)}.ui-button--busy,.ui-button[href]{display:flex;align-items:center;justify-content:center;gap:var(--space-8)}.ui-status{margin:0;min-height:20px;font-size:var(--font-size-base);display:flex;align-items:center;justify-content:center;gap:var(--space-6)}.ui-status--hint{color:var(--color-hint)}.ui-status--ok{color:var(--color-success)}.ui-status--error{color:var(--color-danger)}.ui-status__dot{flex:0 0 auto;width:8px;height:8px;border-radius:var(--radius-round);background:currentColor}.login__title{margin:0;text-align:center;font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-tight)}.login__hint{margin:0;max-width:280px;text-align:center;font-size:var(--font-size-base);color:var(--color-hint)}.settings-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-16);padding:var(--space-14) var(--space-16);border:1px solid var(--color-separator);border-radius:var(--radius-lg);background:var(--color-bg-card)}.settings-row__label{display:flex;align-items:center;gap:var(--space-10);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium)}.settings-row__icon{flex:0 0 auto;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xs);background:var(--palette-mint);color:var(--palette-white)}.language-switch{display:flex;gap:var(--space-2);padding:4px;border-radius:var(--radius-sm);background:var(--color-bg-inset)}.language-switch__option{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;padding:var(--space-6) var(--space-12);border-radius:var(--radius-xs);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-hint);background:transparent;cursor:pointer}.language-switch__option--active{color:var(--color-on-accent);background:var(--color-accent)}.settings-row__icon--account{background:var(--palette-purple)}.settings-row__action{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;padding:var(--space-6) var(--space-12);border-radius:var(--radius-xs);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-danger);background:var(--color-danger-soft);cursor:pointer}.video-intro__text{width:100%;margin:0;font-size:var(--font-size-lg);line-height:1.45;color:var(--color-text)}.video-create__frames{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-12)}.frame-picker{display:flex;flex-direction:column;align-items:center;gap:var(--space-8);min-width:0}.frame-picker__label{max-width:100%;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);text-align:center}.frame-picker__slot{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;width:100%;min-width:0;max-width:100%;aspect-ratio:3 / 4;padding:0;overflow:hidden;display:flex;align-items:center;justify-content:center;border:1px dashed var(--color-separator);border-radius:var(--radius-xl);background:var(--color-bg-card);cursor:pointer;transition:transform var(--transition-press),opacity var(--transition-fade)}.frame-picker__slot:active{transform:scale(.97)}.frame-picker__slot:disabled{opacity:.6;cursor:default;transform:none}.frame-picker__empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-hint)}.frame-picker__preview{display:block;width:100%;height:100%;object-fit:contain}.frame-picker__filename{max-width:100%;font-size:var(--font-size-xs);color:var(--color-hint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-create__actions{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-10)}.video-create__duration{margin:0;font-size:var(--font-size-md);color:var(--color-hint);text-align:center}.video-result{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-12)}.video-result__label{align-self:flex-start;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.video-result__player{width:100%;border-radius:var(--radius-xl);background:var(--color-video-bg)}.app{width:100%;max-width:var(--app-max-width);height:100%;overflow:hidden;position:relative;background:var(--color-bg);color:var(--color-text);display:flex;flex-direction:column}.app__header{flex:0 0 auto;height:var(--header-height);display:grid;grid-template-columns:var(--header-slot) 1fr var(--header-slot);align-items:center;padding:0 calc(var(--screen-padding) - var(--space-6));background:var(--color-bg-header);border-bottom:.5px solid var(--color-separator);z-index:1}.app__header-slot{display:flex;align-items:center}.app__header-slot--end{justify-content:flex-end}.app__header-action{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;padding:var(--space-6);display:flex;align-items:center;background:transparent;color:var(--color-link);cursor:pointer}.app__title{margin:0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-tight);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app__body{padding-top:var(--inset-top);flex:1 1 auto;min-height:0;min-width:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column}.app__body--with-nav{padding-bottom:var(--nav-space)}:root{--palette-red: #e53935;--palette-pink: #e0367a;--palette-purple: #7c3aed;--palette-blue: #0984e3;--palette-mint: #24cc94;--palette-green: #31b545;--palette-orange: #f0932b;--palette-black: #000000;--palette-white: #ffffff;--palette-graphite: #17181a;--palette-red-soft: color-mix(in srgb, var(--palette-red) 14%, var(--color-bg-card));--palette-pink-soft: color-mix(in srgb, var(--palette-pink) 14%, var(--color-bg-card));--palette-purple-soft: color-mix(in srgb, var(--palette-purple) 14%, var(--color-bg-card));--palette-blue-soft: color-mix(in srgb, var(--palette-blue) 14%, var(--color-bg-card));--palette-mint-soft: color-mix(in srgb, var(--palette-mint) 14%, var(--color-bg-card));--palette-green-soft: color-mix(in srgb, var(--palette-green) 14%, var(--color-bg-card));--palette-orange-soft: color-mix(in srgb, var(--palette-orange) 14%, var(--color-bg-card));--color-bg: #f2f2f7;--color-bg-inset: #e6e6eb;--color-bg-card: #ffffff;--color-bg-header: #f9f9fb;--color-separator: #d6d6db;--color-text: #000000;--color-hint: #8a8a8f;--color-link: #2481cc;--color-accent: #2481cc;--color-on-accent: #ffffff;--color-success: var(--palette-green);--color-success-soft: var(--palette-green-soft);--color-danger: var(--palette-red);--color-danger-soft: var(--palette-red-soft);--color-warning: var(--palette-orange);--color-warning-soft: var(--palette-orange-soft);--color-backdrop: var(--palette-graphite);--color-video-bg: var(--palette-black);--font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-md: 13px;--font-size-base: 14px;--font-size-lg: 15px;--font-size-xl: 16px;--font-size-2xl: 17px;--font-weight-medium: 500;--font-weight-semibold: 600;--letter-spacing-tight: -.2px;--radius-xs: 8px;--radius-sm: 10px;--radius-md: 12px;--radius-lg: 14px;--radius-xl: 16px;--radius-2xl: 18px;--radius-round: 50%;--radius-pill: 999px;--shadow-island: 0 4px 16px rgba(0, 0, 0, .12);--space-2: 2px;--space-6: 6px;--space-8: 8px;--space-10: 10px;--space-12: 12px;--space-14: 14px;--space-16: 16px;--space-24: 24px;--app-max-width: 480px;--screen-padding: var(--space-24);--header-height: 56px;--header-slot: 44px;--nav-height: 64px;--nav-gap: 16px;--nav-space: calc(var(--nav-height) + var(--space-8) + max(var(--inset-bottom), var(--nav-gap)));--button-max-width: 280px;--app-height: 100vh;--app-height: 100dvh;--inset-top: 0px;--inset-bottom: 0px;--transition-press: .08s ease;--transition-fade: .15s ease;color-scheme:light}:root[data-theme=dark]{--color-bg: #121315;--color-bg-inset: #2c2f34;--color-bg-card: #1e2023;--color-bg-header: #17181a;--color-separator: #2e3035;--color-text: #ffffff;--color-hint: #8b8d93;--color-link: #62b0f0;--color-accent: #3f92d8;--color-on-accent: #ffffff;color-scheme:dark}html.tg{--app-height: var(--tg-viewport-stable-height, 100dvh);--inset-top: calc( var(--tg-safe-area-inset-top, 0px) + var(--tg-content-safe-area-inset-top, 0px) );--inset-bottom: calc( var(--tg-safe-area-inset-bottom, 0px) + var(--tg-content-safe-area-inset-bottom, 0px) )}*{box-sizing:border-box}html{-webkit-tap-highlight-color:transparent}button,a,label,[role=button]{touch-action:manipulation}body{margin:0;overflow:hidden;background:var(--color-bg-header);font-family:var(--font-family);-webkit-font-smoothing:antialiased}@media (min-width: 520px){body{background:var(--color-backdrop)}}#root{height:var(--app-height);display:flex;justify-content:center}