@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";.language-picker{position:relative;display:inline-grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:4px;border-radius:var(--radius-segmented-track);background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.language-picker-disabled{opacity:.52}.language-picker-indicator{position:absolute;top:4px;left:4px;bottom:4px;width:calc(50% - 4px);border-radius:var(--radius-control);background:#ffffff1a;transition:transform .18s var(--ease-fast)}.language-picker-indicator-ro{transform:translate(100%)}.language-picker-option{position:relative;z-index:1;min-height:38px;min-width:78px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:var(--radius-control);background:transparent;color:var(--text-muted);cursor:pointer}.language-picker-option-active{color:var(--text-main)}.language-picker-flag{width:16px;height:16px;border-radius:999px}.language-picker-code{font-size:.82rem;font-weight:700;letter-spacing:.06em}.sidebar-shell{position:relative;isolation:isolate;padding:18px;display:flex;flex-direction:column;gap:14px;border-radius:var(--surface-radius-current, var(--radius-shell));border:1px solid rgba(255,255,255,.08);background:var(--surface-card-header);box-shadow:var(--shadow-soft)}.sidebar-shell:before{content:"";position:absolute;inset:0;z-index:0;opacity:var(--noise-opacity-surface);pointer-events:none;background-image:var(--noise-image);background-repeat:repeat}.sidebar-shell>*{position:relative;z-index:1}.sidebar-panel{padding:0;border-radius:0;border:none;background:transparent;box-shadow:none}.sidebar-panel:before{display:none}.sidebar-panel-brand{display:grid;gap:16px;padding-top:8px}.sidebar-brand{display:flex;align-items:flex-start;justify-content:center;gap:0;min-height:92px;min-width:0}.sidebar-logo-box{position:relative;width:108px;height:92px;flex:0 0 108px;padding:4px 0;display:flex;align-items:center;justify-content:center;border-radius:min(var(--surface-radius-current, 18px),18px);background:transparent;border:none}.sidebar-logo{width:100%;height:100%;object-fit:contain}.sidebar-beta-badge{position:absolute;top:6px;right:-6px;min-height:24px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid rgba(var(--accent-rgb),.26);background:linear-gradient(135deg,rgba(var(--accent-rgb),.2),#3b82f63d);color:#f6fbfff5;font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;box-shadow:0 10px 24px #0000002e}.sidebar-brand-copy-wrap{display:grid;gap:4px;min-width:0}.sidebar-brand-label{font-family:var(--font-display);font-size:1.2rem;letter-spacing:-.04em}.sidebar-brand-copy{color:var(--text-muted);font-size:.95rem;line-height:1.45}.sidebar-panel-title{color:var(--text-muted);font-size:.82rem;text-transform:uppercase;letter-spacing:.12em}.sidebar-panel-nav{display:grid;gap:14px}.sidebar-nav{display:grid;gap:10px}.sidebar-item{width:100%;min-height:56px;padding:10px 14px;display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:10px;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-control);background:#ffffff08;cursor:pointer;text-align:left;transition:transform .16s var(--ease-fast),border-color .16s var(--ease-fast),background-color .16s var(--ease-fast),box-shadow .16s var(--ease-fast)}.sidebar-item:hover{transform:translateY(-1px);border-color:#ffffff1f;background:#ffffff0f}.sidebar-item-active{border-color:#ffffff24;background:#ffffff14;box-shadow:0 14px 28px #00000029}.sidebar-item-icon{width:24px;height:24px;flex:0 0 24px;display:inline-flex;align-items:center;justify-content:center;line-height:0;color:#f3eee6f5}.sidebar-item-label{font-family:var(--font-display);font-size:1rem;letter-spacing:-.02em;white-space:nowrap}.sidebar-svg-icon{width:100%;height:100%;display:block;flex:0 0 auto;overflow:visible}.sidebar-panel-account{display:grid;gap:14px;margin-top:auto}.sidebar-account-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.sidebar-auth-title{color:var(--text-muted);font-size:.82rem;text-transform:uppercase;letter-spacing:.12em}.sidebar-auth-link,.sidebar-profile-button{padding:0;border:none;background:transparent;cursor:pointer}.sidebar-auth-link{margin-top:5px;text-align:left}.sidebar-auth-link.is-active .sidebar-auth-status,.sidebar-profile-button.is-active{color:var(--text-main)}.sidebar-auth-status{color:var(--text-main);font-size:.98rem;font-weight:600}.sidebar-profile-button{min-height:36px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:var(--radius-control);border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:var(--text-muted);transition:border-color .16s var(--ease-fast),background-color .16s var(--ease-fast)}.sidebar-profile-button:hover{border-color:#ffffff29;background:#ffffff14}.sidebar-profile-button-icon{width:18px;height:18px;flex:0 0 18px;display:inline-flex;align-items:center;justify-content:center;opacity:.84;line-height:0;color:#f3eee6eb}.sidebar-profile-button-label{font-weight:600;white-space:nowrap}.sidebar-balance-card{width:100%;padding:16px;position:relative;display:grid;gap:10px;border-radius:var(--radius-control);border:1px solid rgba(255,255,255,.08);background:var(--surface-card);cursor:pointer;text-align:left;transition:transform .16s var(--ease-fast),border-color .16s var(--ease-fast),box-shadow .16s var(--ease-fast)}.sidebar-balance-card:hover{transform:translateY(-1px);border-color:#ffffff29}.sidebar-balance-card.is-active{border-color:#ffffff24;box-shadow:0 14px 28px #00000029}.sidebar-balance-head{display:inline-flex;align-items:center;gap:12px}.sidebar-balance-icon-wrap{position:relative;width:30px;height:30px;flex:0 0 30px;display:inline-flex;align-items:center;justify-content:center;overflow:visible}.sidebar-balance-icon{width:30px;height:30px;flex:0 0 30px;display:inline-flex;align-items:center;justify-content:center;opacity:.92;line-height:0;color:#f3eee6f5}.sidebar-balance-coin-icon{width:100%;height:100%;display:block;flex:0 0 auto}.sidebar-balance-copy{min-width:0;display:grid;gap:4px}.sidebar-balance-label{color:var(--text-muted);font-size:.82rem;text-transform:uppercase;letter-spacing:.12em}.sidebar-credit-summary{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:1.16rem;letter-spacing:-.03em}.sidebar-credit-amount{display:inline-block;font-size:1.16rem}.sidebar-balance-compact-value{display:none;pointer-events:none}.sidebar-credit-note{color:var(--text-muted);font-size:.86rem;line-height:1.4}.sidebar-auth-actions{display:grid;gap:10px}.sidebar-auth-button{min-height:48px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:var(--radius-control);border:1px solid rgba(255,255,255,.08);cursor:pointer;transition:transform .16s var(--ease-fast),border-color .16s var(--ease-fast),background-color .16s var(--ease-fast)}.sidebar-auth-button:hover:not(:disabled){transform:translateY(-1px)}.sidebar-auth-button:disabled{opacity:.55;cursor:not-allowed}.sidebar-auth-button-primary{background:var(--button-accent-bg);color:var(--button-accent-text);border-color:#ffffff2e}.sidebar-auth-button-secondary,.sidebar-auth-button-logout{background:#ffffff0a}.sidebar-auth-button-secondary:hover:not(:disabled),.sidebar-auth-button-logout:hover:not(:disabled){background:#ffffff14;border-color:#ffffff24}.sidebar-auth-button-icon{width:16px;height:16px;flex:0 0 16px;display:inline-flex;align-items:center;justify-content:center;opacity:.82;line-height:0;color:#f3eee6e6}.sidebar-auth-button-label{font-weight:600}.sidebar-language{display:grid;gap:10px}@media(min-width:1081px){.sidebar-shell{position:fixed;top:0;left:0;z-index:24;width:var(--sidebar-collapsed-width);height:100dvh;padding:18px 4px;overflow-x:clip;overflow-y:auto;border-top:none;border-right:1px solid rgba(255,255,255,.08);border-bottom:none;border-left:none;border-radius:0 30px 30px 0;transition:width .22s var(--ease-smooth),padding .22s var(--ease-smooth)}.sidebar-shell-collapsed{padding-inline:6px}.sidebar-shell-expanded{width:var(--sidebar-expanded-width);padding-inline:18px}.sidebar-panel{min-width:calc(var(--sidebar-expanded-width) - 36px)}.sidebar-brand-copy-wrap,.sidebar-panel-title,.sidebar-item-label,.sidebar-account-heading>div,.sidebar-profile-button-label,.sidebar-balance-copy,.sidebar-credit-note,.sidebar-auth-button-label,.sidebar-language .sidebar-panel-title{transition:opacity .16s var(--ease-fast),transform .18s var(--ease-fast),max-width .18s var(--ease-fast),max-height .18s var(--ease-fast)}.sidebar-shell-collapsed .sidebar-panel{width:100%;min-width:0}.sidebar-shell-collapsed .sidebar-brand{width:100%;align-items:center;justify-content:center}.sidebar-shell-collapsed .sidebar-logo-box{width:100%;max-width:none;height:92px;flex:0 0 auto}.sidebar-shell-collapsed .sidebar-beta-badge{right:2px}.sidebar-shell-collapsed .sidebar-logo{transform:scale(1.08);transform-origin:center}.sidebar-shell-collapsed .sidebar-brand-copy-wrap,.sidebar-shell-collapsed .sidebar-panel-title,.sidebar-shell-collapsed .sidebar-item-label,.sidebar-shell-collapsed .sidebar-account-heading>div,.sidebar-shell-collapsed .sidebar-profile-button-label,.sidebar-shell-collapsed .sidebar-balance-copy,.sidebar-shell-collapsed .sidebar-credit-note,.sidebar-shell-collapsed .sidebar-auth-button-label,.sidebar-shell-collapsed .sidebar-language .sidebar-panel-title{opacity:0;transform:translate(-6px);pointer-events:none;max-width:0;max-height:0;overflow:hidden}.sidebar-shell-collapsed .sidebar-panel-title{visibility:hidden;transform:none;max-width:none;max-height:none;overflow:visible}.sidebar-shell-collapsed .sidebar-panel-brand,.sidebar-shell-collapsed .sidebar-panel-nav,.sidebar-shell-collapsed .sidebar-panel-account,.sidebar-shell-collapsed .sidebar-language{justify-items:stretch}.sidebar-shell-collapsed .sidebar-nav{justify-items:start}.sidebar-shell-collapsed .sidebar-item{width:min(100%,56px);min-height:56px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-control);background:#ffffff0d;border-color:#ffffff17;box-shadow:none;transform:none;justify-self:start}.sidebar-shell-collapsed .sidebar-item-icon{width:24px;height:24px;flex:0 0 24px;transform:translate(5px)}.sidebar-shell-collapsed .sidebar-item-icon .sidebar-svg-icon,.sidebar-shell-collapsed .sidebar-profile-button-icon .sidebar-svg-icon,.sidebar-shell-collapsed .sidebar-auth-button-icon .sidebar-svg-icon{width:24px;height:24px}.sidebar-shell-collapsed .sidebar-svg-icon-generate{transform:none}.sidebar-shell-collapsed .sidebar-item-active{background:#ffffff14;border-color:#ffffff24;box-shadow:0 10px 24px #00000024}.sidebar-shell-collapsed .sidebar-item-active .sidebar-item-icon{color:#f3eee6f5}.sidebar-shell-collapsed .sidebar-account-heading{width:100%;min-height:56px;align-items:center;justify-content:center}.sidebar-shell-collapsed .sidebar-account-heading>div{display:none}.sidebar-shell-collapsed .sidebar-profile-button{width:min(100%,56px);min-height:56px;padding:0;gap:0;justify-content:center;align-self:center;background:#ffffff0d;border-color:#ffffff17;box-shadow:none}.sidebar-shell-collapsed .sidebar-profile-button-icon,.sidebar-shell-collapsed .sidebar-auth-button-icon{width:24px;height:24px;flex:0 0 24px}.sidebar-shell-collapsed .sidebar-profile-button.is-active .sidebar-profile-button-icon{color:#f3eee6eb}.sidebar-shell-collapsed .sidebar-balance-card{width:min(100%,56px);min-height:56px;padding:0;display:grid;place-items:center;border-radius:var(--radius-control);background:#ffffff0d;border-color:#ffffff17;box-shadow:none;transform:none;justify-self:center}.sidebar-shell-collapsed .sidebar-balance-card:has(.sidebar-credit-note){min-height:56px}.sidebar-shell-collapsed .sidebar-balance-copy,.sidebar-shell-collapsed .sidebar-credit-note{display:none}.sidebar-shell-collapsed .sidebar-balance-head{width:auto;justify-content:center}.sidebar-shell-collapsed .sidebar-balance-icon-wrap{width:30px;height:30px;flex-basis:30px;border-radius:0;background:transparent;box-shadow:none}.sidebar-shell-collapsed .sidebar-balance-icon{width:24px;height:24px;flex-basis:24px}.sidebar-shell-collapsed .sidebar-balance-compact-value{position:absolute;left:50%;bottom:-7px;z-index:2;min-width:20px;max-width:44px;min-height:20px;padding:0 5px;display:inline-flex;align-items:center;justify-content:center;transform:translate(-50%);border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#14181feb;color:#e8f1ffeb;font-size:.68rem;font-weight:700;line-height:1;letter-spacing:-.01em;white-space:nowrap;box-shadow:0 6px 12px #0000002e}.sidebar-shell-collapsed .sidebar-auth-actions{width:100%;justify-items:center}.sidebar-shell-collapsed .sidebar-auth-button{width:min(100%,56px);min-height:56px;padding:0;gap:0;justify-content:center;border-radius:var(--radius-control);background:#ffffff0d;border-color:#ffffff17;box-shadow:none;transform:none;justify-self:center}.sidebar-shell-collapsed .sidebar-auth-button:not(.sidebar-auth-button-logout){display:none}.sidebar-shell-collapsed .language-picker{width:100%;grid-template-columns:1fr;padding:0 4px;border-radius:var(--radius-segmented-track)}.sidebar-shell-collapsed .language-picker-indicator{inset:0;width:auto;border-radius:var(--radius-control);transform:none}.sidebar-shell-collapsed .language-picker-option{min-width:0;min-height:38px;padding:0;gap:6px}.sidebar-shell-collapsed .language-picker-option:not(.language-picker-option-active){display:none}}@media(max-width:1080px){.sidebar-shell{position:relative;width:100%;height:100%;min-height:100dvh;padding:calc(env(safe-area-inset-top,0px) + 76px) 20px 24px;display:flex;flex-direction:column;gap:14px;overflow-x:clip;overflow-y:auto;border:none;border-radius:0;box-shadow:none}.sidebar-panel-account{margin-top:0}}@media(max-width:720px){.sidebar-shell{padding:calc(env(safe-area-inset-top,0px) + 72px) 16px 20px}.sidebar-panel{padding:0;border-radius:0}.sidebar-nav{grid-template-columns:1fr}.sidebar-item{min-height:64px;grid-template-columns:36px minmax(0,1fr);justify-items:stretch;text-align:left}.sidebar-account-heading{flex-direction:row}.sidebar-profile-button{align-self:auto}}.toast-layer{position:fixed;inset:0;z-index:2000;pointer-events:none}.toast-stack{position:fixed;display:flex;flex-direction:column;gap:12px;width:min(420px,calc(100vw - 32px));pointer-events:none}.toast-stack-top-left{top:calc(env(safe-area-inset-top,0px) + 18px);left:16px}.toast-stack-top-center{top:calc(env(safe-area-inset-top,0px) + 18px);left:50%;transform:translate(-50%)}.toast-stack-top-right{top:calc(env(safe-area-inset-top,0px) + 18px);right:16px}.toast-stack-middle-left{top:50%;left:16px;transform:translateY(-50%)}.toast-stack-middle-center{top:50%;left:50%;transform:translate(-50%,-50%)}.toast-stack-middle-right{top:50%;right:16px;transform:translateY(-50%)}.toast-stack-bottom-left{bottom:calc(env(safe-area-inset-bottom,0px) + 18px);left:16px}.toast-stack-bottom-center{bottom:calc(env(safe-area-inset-bottom,0px) + 18px);left:50%;transform:translate(-50%)}.toast-stack-bottom-right{bottom:calc(env(safe-area-inset-bottom,0px) + 18px);right:16px}.toast-card{position:relative;overflow:hidden;display:grid;gap:10px;padding:16px;border-radius:min(var(--surface-radius-current, 20px),20px);border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#ffffff0b,#ffffff08),var(--panel-backdrop-strong);box-shadow:var(--shadow-elevated);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:auto;animation:toast-enter .18s var(--ease-fast)}.toast-card-accent{position:absolute;inset:0 0 auto;height:5px;background:var(--toast-accent, var(--accent))}.toast-card-error{--toast-accent: linear-gradient(90deg, #ff6b6b 0%, #ff9a7a 100%)}.toast-card-warning{--toast-accent: linear-gradient(90deg, #f4b84f 0%, #f8d16b 100%)}.toast-card-info{--toast-accent: linear-gradient(90deg, #4f8df4 0%, #71b4ff 100%)}.toast-card-success{--toast-accent: linear-gradient(90deg, #35c98a 0%, #7ae4b7 100%)}.toast-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding-top:4px}.toast-card-title{font-size:.95rem;font-weight:600;color:var(--text-main);letter-spacing:-.02em}.toast-card-close{width:28px;height:28px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:#ffffff0a;color:var(--text-muted);cursor:pointer;flex-shrink:0}.toast-card-close:hover{background:#ffffff14;color:var(--text-main)}.toast-card-message{color:var(--text-main);line-height:1.55}.toast-card-meta{padding:10px 12px;display:grid;gap:2px;justify-items:start;text-align:left;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-control);background:#ffffff0a;color:inherit}.toast-card-meta.is-copyable{cursor:copy}.toast-card-meta-label,.toast-card-meta-copy{font-size:.73rem;color:var(--text-muted)}.toast-card-meta-value{font-size:.82rem;color:var(--text-main);word-break:break-all}@keyframes toast-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:680px){.toast-stack{width:calc(100vw - 24px)}.toast-stack-top-left,.toast-stack-top-center,.toast-stack-top-right{top:calc(env(safe-area-inset-top,0px) + 12px)}.toast-stack-top-left,.toast-stack-middle-left,.toast-stack-bottom-left,.toast-stack-top-right,.toast-stack-middle-right,.toast-stack-bottom-right,.toast-stack-top-center,.toast-stack-middle-center,.toast-stack-bottom-center{left:12px;right:12px;width:auto;transform:none}.toast-stack-middle-left,.toast-stack-middle-center,.toast-stack-middle-right,.toast-stack-bottom-left,.toast-stack-bottom-center,.toast-stack-bottom-right{top:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 12px)}}.app-canvas{min-height:100dvh;padding:var(--app-shell-padding);display:grid;grid-template-columns:minmax(308px,340px) minmax(0,1fr);gap:18px;align-items:start}.app-canvas-with-sidebar{padding:var(--app-shell-padding) var(--app-shell-padding) var(--app-shell-padding) var(--sidebar-collapsed-width);display:block}body.generate-page-lock .app-canvas,body.videos-page-lock .app-canvas,body.credits-page-lock .app-canvas,body.plans-page-lock .app-canvas{height:100dvh;padding:0;gap:0;overflow:hidden}body.generate-page-lock .app-canvas-with-sidebar,body.videos-page-lock .app-canvas-with-sidebar,body.credits-page-lock .app-canvas-with-sidebar,body.plans-page-lock .app-canvas-with-sidebar{padding:0 0 0 var(--sidebar-collapsed-width)}.page-container{position:relative;min-width:0;min-height:calc(100dvh - 2 * var(--app-shell-padding));display:flex;flex-direction:column;padding-left:0;background:var(--surface-1);border:1px solid rgba(255,255,255,.08);border-radius:var(--surface-radius-current, var(--radius-shell));box-shadow:var(--shadow-elevated);overflow:hidden;isolation:isolate}.page-container:before{content:"";position:absolute;inset:0;opacity:var(--noise-opacity-surface);pointer-events:none;background-image:var(--noise-image);background-repeat:repeat}.page-container>*{position:relative;z-index:1}body.generate-page-lock .page-container,body.videos-page-lock .page-container,body.credits-page-lock .page-container,body.plans-page-lock .page-container{height:100dvh;min-height:100dvh;background:transparent;border-color:transparent;border-radius:0;box-shadow:none}body.generate-page-lock .page-container:before,body.videos-page-lock .page-container:before,body.credits-page-lock .page-container:before,body.plans-page-lock .page-container:before{display:none}.page-container-no-sidebar{grid-column:1 / -1;width:100%;min-height:calc(100dvh - 2 * var(--app-shell-padding))}.app-auth-error{margin:18px 18px 0;padding:14px 16px;border-radius:min(var(--surface-radius-current, 18px),18px);border:1px solid rgba(255,162,162,.22);background:#85222238;color:#ffd7d7}.app-page-loading{margin:18px;min-height:180px;display:grid;place-items:center;color:var(--text-muted)}.page-shell{flex:1;min-height:100%;padding:var(--page-shell-padding);display:grid;align-content:start;gap:18px;background:transparent}.page-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.9fr);gap:18px;align-items:stretch}.page-hero-copy,.page-hero-meta,.page-panel{position:relative;isolation:isolate;padding:clamp(18px,2vw,24px);border-radius:var(--surface-radius-current, var(--radius-card));border:1px solid rgba(255,255,255,.08);background:var(--surface-panel);box-shadow:var(--shadow-soft);overflow:hidden}:is(.page-container,.sidebar-shell,.video-preview-lightbox-panel){--surface-radius-current: var(--surface-radius-context, var(--radius-shell));--surface-radius-child: max( var(--radius-surface-min), calc(var(--surface-radius-current) - var(--radius-shell-step)) )}:is(.page-hero-copy,.page-hero-meta,.page-panel,.generate-card-frame,.subscription-card,.plan-offer-card,.plan-promo-panel,.profile-sidebar-card,.billing-profile-card,.payment-history-panel,.legal-hero,.legal-documents,.legal-outline,.legal-document-card,.video-thumb-card,.image-source-link-dialog){--surface-radius-current: var(--surface-radius-context, var(--radius-card));--surface-radius-child: max( var(--radius-surface-min), calc(var(--surface-radius-current) - var(--radius-surface-step)) )}:is(.app-auth-error,.page-alert,.generate-output-settings-duration,.generate-composer-feedback,.generate-composer-submit-stack,.generate-composer-submit-consent,.generate-composer-submit-note,.generate-composer-submit-error,.generate-composer-submit-success,.payment-history-error,.payment-history-table-wrap,.credits-balance-card,.credits-balance-note,.credits-card,.data-card,.plans-callout,.plans-credit-summary,.plans-billing,.plans-hint,.plans-error,.checkout-terms-notice,.profile-summary-row,.profile-sidebar-fact,.subscription-card-banner,.plan-offer-metric,.plan-promo-banner,.billing-profile-error,.billing-profile-success,.video-preview-lightbox-header,.video-preview-details,.video-preview-section,.video-preview-failed-state,.video-preview-directive-card,.video-preview-pronunciation-card,.video-preview-prompt-item,.sidebar-logo-box){--surface-radius-current: var( --component-surface-radius, var( --surface-radius-context, max(var(--radius-surface-min), calc(var(--radius-card) - var(--radius-surface-step))) ) );--surface-radius-child: max( var(--radius-surface-min), calc(var(--surface-radius-current) - var(--radius-surface-step)) );border-radius:var(--surface-radius-current)}:is(.page-container,.sidebar-shell,.video-preview-lightbox-panel,.page-hero-copy,.page-hero-meta,.page-panel,.generate-card-frame,.subscription-card,.plan-offer-card,.plan-promo-panel,.profile-sidebar-card,.billing-profile-card,.payment-history-panel,.legal-hero,.legal-documents,.legal-outline,.legal-document-card,.video-thumb-card,.image-source-link-dialog,.app-auth-error,.page-alert,.generate-output-settings-duration,.generate-composer-feedback,.generate-composer-submit-stack,.generate-composer-submit-consent,.generate-composer-submit-note,.generate-composer-submit-error,.generate-composer-submit-success,.payment-history-error,.payment-history-table-wrap,.credits-balance-card,.credits-balance-note,.credits-card,.data-card,.plans-callout,.plans-credit-summary,.plans-billing,.plans-hint,.plans-error,.checkout-terms-notice,.profile-summary-row,.profile-sidebar-fact,.subscription-card-banner,.plan-offer-metric,.plan-promo-banner,.billing-profile-error,.billing-profile-success,.video-preview-lightbox-header,.video-preview-details,.video-preview-section,.video-preview-failed-state,.video-preview-directive-card,.video-preview-pronunciation-card,.video-preview-prompt-item,.sidebar-logo-box)>*{--surface-radius-context: var(--surface-radius-child)}.generate-page-intro,.generate-page-summary,.videos-header,.videos-hero-meta{background:var(--surface-card-header)}.page-hero-copy:before,.page-hero-meta:before,.page-panel:before{content:"";position:absolute;inset:0;z-index:0;opacity:var(--noise-opacity-surface);pointer-events:none;background-image:var(--noise-image);background-repeat:repeat;border-radius:inherit}.page-hero-copy{display:grid;align-content:start;gap:10px}.page-hero-meta{display:grid;gap:14px;background:var(--surface-2)}.page-hero-copy>*,.page-hero-meta>*,.page-panel>*{position:relative;z-index:1}.sidebar-panel,.generate-card-frame,.subscription-card,.plan-offer-card,.plan-offer-metric,.plan-promo-panel,.profile-sidebar-card,.billing-profile-card,.payment-history-panel,.legal-hero,.legal-documents,.legal-outline,.legal-document-card,.data-card,.credits-card,.credits-balance-card,.credits-balance-note,.plans-callout,.plans-credit-summary,.plans-billing,.plans-hint,.checkout-terms-notice,.profile-summary-row,.profile-sidebar-fact,.video-thumb-card,.video-preview-lightbox-panel,.video-preview-lightbox-header,.video-preview-failed-state,.image-source-link-dialog{position:relative;isolation:isolate;overflow:hidden}.plan-promo-panel,.plans-billing,.checkout-terms-notice,.subscription-card{overflow:visible}.sidebar-panel:before,.generate-card-frame:before,.subscription-card:before,.plan-offer-card:before,.plan-offer-metric:before,.plan-promo-panel:before,.profile-sidebar-card:before,.billing-profile-card:before,.payment-history-panel:before,.legal-hero:before,.legal-documents:before,.legal-outline:before,.legal-document-card:before,.data-card:before,.credits-card:before,.credits-balance-card:before,.credits-balance-note:before,.plans-callout:before,.plans-credit-summary:before,.plans-billing:before,.plans-hint:before,.checkout-terms-notice:before,.profile-summary-row:before,.profile-sidebar-fact:before,.video-thumb-card:before,.video-preview-lightbox-panel:before,.video-preview-lightbox-header:before,.video-preview-details:before,.video-preview-section:before,.video-preview-failed-state:before,.image-source-link-dialog:before{content:"";position:absolute;inset:0;z-index:0;opacity:var(--noise-opacity-surface);pointer-events:none;background-image:var(--noise-image);background-repeat:repeat;border-radius:inherit}.sidebar-panel>*,.generate-card-frame>*,.subscription-card>*,.plan-offer-card>*,.plan-offer-metric>*,.plan-promo-panel>*,.profile-sidebar-card>*,.billing-profile-card>*,.payment-history-panel>*,.legal-hero>*,.legal-documents>*,.legal-outline>*,.legal-document-card>*,.data-card>*,.credits-card>*,.credits-balance-card>*,.credits-balance-note>*,.plans-callout>*,.plans-credit-summary>*,.plans-billing>*,.plans-hint>*,.checkout-terms-notice>*,.profile-summary-row>*,.profile-sidebar-fact>*,.video-thumb-card>*,.video-preview-lightbox-panel>*,.video-preview-lightbox-header>*,.video-preview-details>*,.video-preview-section>*,.video-preview-failed-state>*,.image-source-link-dialog>*{position:relative;z-index:1}.page-kicker{color:var(--text-muted);font-size:.82rem;letter-spacing:.14em;text-transform:uppercase}.page-title{font-size:clamp(2rem,4vw,3.4rem);line-height:.96}.page-subtitle{max-width:58ch;color:var(--text-muted);font-size:1rem}.page-panel-title{font-family:var(--font-display);font-size:1.15rem;letter-spacing:-.03em}.page-panel-copy{color:var(--text-muted)}.page-alert-stack{display:grid;gap:10px}.page-alert-stack:empty{display:none}.page-alert{padding:14px 16px;border-radius:min(var(--surface-radius-current, 18px),18px);border:1px solid rgba(255,255,255,.08);background:#ffffff0d}.page-alert-error{border-color:#ffa2a22e;background:#85222233;color:#ffd7d7}.page-alert-success{border-color:#96ffc92e;background:#376a4a2e;color:#d2ffe0}.page-alert-warning{border-color:#ffffff1f;background:#ffffff0f}.mobile-sidebar-toggle,.sidebar-mobile-overlay,.sidebar-mobile-panel{display:contents}@media(max-width:1080px){.mobile-sidebar-toggle{position:fixed;top:calc(env(safe-area-inset-top,0px) + 16px);right:16px;z-index:42;width:48px;height:48px;padding:0;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-control);background:#111111db;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer}.mobile-sidebar-toggle-line{width:18px;height:1.5px;border-radius:999px;background:#f3eee6eb;transition:transform .16s var(--ease-fast),opacity .16s var(--ease-fast)}.mobile-sidebar-toggle.is-open .mobile-sidebar-toggle-line:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.mobile-sidebar-toggle.is-open .mobile-sidebar-toggle-line:nth-child(2){opacity:0}.mobile-sidebar-toggle.is-open .mobile-sidebar-toggle-line:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}.sidebar-mobile-overlay{position:fixed;inset:0;z-index:40;display:block;opacity:0;visibility:hidden;pointer-events:none;background:#08080abd;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:opacity .18s var(--ease-fast),visibility .18s var(--ease-fast)}.sidebar-mobile-overlay.is-open{opacity:1;visibility:visible;pointer-events:auto}.sidebar-mobile-panel{display:block;width:100%;height:100%}.app-canvas{grid-template-columns:1fr}.app-canvas-with-sidebar{padding:var(--app-shell-padding);display:grid;grid-template-columns:1fr;gap:18px}body.generate-page-lock .app-canvas-with-sidebar,body.videos-page-lock .app-canvas-with-sidebar,body.credits-page-lock .app-canvas-with-sidebar,body.plans-page-lock .app-canvas-with-sidebar{padding:0}.page-container,.page-container-no-sidebar{min-height:0}body.generate-page-lock .page-container,body.credits-page-lock .page-container,body.plans-page-lock .page-container{height:100dvh;min-height:100dvh;overflow:hidden}body.videos-page-lock .page-container{height:100dvh;min-height:100dvh;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.page-hero{grid-template-columns:1fr}}@media(max-width:720px){.app-canvas,.app-canvas-with-sidebar{padding:12px;gap:14px}.page-container{border-radius:26px}.app-auth-error{margin:14px 14px 0}}:root{--noise-image: url(/noise.png);--noise-opacity-global: .016;--noise-opacity-surface: .012;--font-body: "Inter", "Segoe UI", sans-serif;--font-display: "Inter", "Segoe UI", sans-serif;--bg-main: #5f5f5f;--surface-1: #1e1e1e;--surface-2: #111111;--surface-card-header: #1e1e1e;--surface-card-body: #111111;--surface-3: #2b2b2b;--surface-4: rgba(255, 255, 255, .04);--surface-panel: #171717;--surface-panel-strong: #0f0f0f;--surface-control: #272727;--surface-control-hover: #2f2f2f;--surface-control-active: #363636;--surface-card: #1d1d1d;--surface-card-hover: #212121;--surface-card-soft: rgba(22, 22, 22, .88);--surface-card-soft-hover: rgba(29, 29, 29, .94);--surface-tint: rgba(59, 130, 246, .05);--text-main: #f3eee6;--text-muted: rgba(240, 238, 233, .52);--text-placeholder: rgba(240, 238, 233, .3);--accent: #3b82f6;--accent-rgb: 59, 130, 246;--accent-cool-blue: #3b82f6;--accent-cool-green: #34d399;--accent-gradient-cool: linear-gradient(90deg, #3b82f6 0%, #34d399 100%);--accent-secondary: #ffffff;--accent-secondary-rgb: 255, 255, 255;--accent-deep: #1d4ed8;--border-subtle: rgba(255, 255, 255, .05);--border-default: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .12);--border-emphasis: rgba(255, 255, 255, .18);--border-focus: rgba(255, 255, 255, .2);--focus-ring-soft: inset 0 0 0 1px rgba(255, 255, 255, .08);--focus-ring-strong: inset 0 0 0 1px rgba(255, 255, 255, .14);--app-shell-padding: clamp(14px, 2vw, 26px);--sidebar-collapsed-width: 70px;--sidebar-expanded-width: 340px;--shadow-soft: 0 20px 42px rgba(0, 0, 0, .24);--shadow-elevated: 0 22px 54px rgba(0, 0, 0, .24);--panel-backdrop: rgba(17, 17, 17, .92);--panel-backdrop-strong: rgba(11, 11, 11, .96);--button-accent-bg: #f0eee9;--button-accent-text: #111113;--radius-shell: 30px;--radius-card: 24px;--radius-card-child: calc(var(--radius-card) - var(--radius-surface-step));--radius-card-grandchild: calc(var(--radius-card-child) - var(--radius-surface-step));--radius-control: 8px;--radius-segmented-track: 12px;--radius-shell-step: 6px;--radius-surface-step: 4px;--radius-surface-min: 8px;--page-shell-padding: clamp(20px, 2vw, 28px);--ease-smooth: cubic-bezier(.22, .86, .18, 1);--ease-fast: cubic-bezier(.32, .82, .22, 1)}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}html.generate-page-lock,html.videos-page-lock,html.credits-page-lock,html.plans-page-lock,body.generate-page-lock,body.videos-page-lock,body.credits-page-lock,body.plans-page-lock{height:100%;overflow:hidden}body.generate-page-lock #root,body.videos-page-lock #root,body.credits-page-lock #root,body.plans-page-lock #root{height:100%}body{position:relative;overflow-x:clip;font-size:14px;font-family:var(--font-body);color:var(--text-main);line-height:1.5;letter-spacing:-.01em;background:var(--bg-main)}body:before,body:after{content:"";position:fixed;inset:0;pointer-events:none}body:before{display:none}body:after{opacity:var(--noise-opacity-global);background-image:var(--noise-image);background-repeat:repeat}button,input,textarea,select{font:inherit;border-radius:var(--radius-control)}button{color:inherit}input,textarea{width:100%;border:1px solid var(--border-default);background:var(--surface-control);color:var(--text-main);transition:border-color .16s var(--ease-fast),background-color .16s var(--ease-fast),box-shadow .16s var(--ease-fast),transform .16s var(--ease-fast)}textarea{overflow:auto}textarea::-webkit-resizer{background:transparent;border:none;box-shadow:none}input:hover,textarea:hover{background:var(--surface-control-hover)}input[type=checkbox]{border-radius:var(--radius-control)}input::placeholder,textarea::placeholder{color:var(--text-placeholder)}input:focus-visible,textarea:focus-visible,button:focus-visible{outline:none;box-shadow:0 0 0 1px var(--border-focus),0 0 0 4px #ffffff0d}h1,h2,h3,h4,h5,h6{margin:0;font-family:var(--font-display);letter-spacing:-.02em;font-weight:600}p{margin:0}a{color:var(--accent-cool-blue);text-decoration-color:#3b82f66b;transition:color .16s var(--ease-fast),text-decoration-color .16s var(--ease-fast)}a:visited{color:var(--accent-cool-blue);text-decoration-color:#3b82f66b}a:hover,a:focus-visible,a:visited:hover,a:visited:focus-visible{color:var(--accent-cool-green);text-decoration-color:#34d399b3}::selection{background:rgba(var(--accent-rgb),.24);color:var(--text-main)}.ai-assist-icon-highlight{display:inline-block;padding-inline-end:.06em;background:var(--accent-gradient-cool);background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:#ffffff2e;background-clip:padding-box}
