#app{width:100%;height:100vh}:root{--font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono: "SFMono-Regular", "Cascadia Code", "Menlo", "Monaco", "Consolas", ui-monospace, monospace;--space-xxs: 4px;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-xxl: 48px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 12px;--radius-pill: 9999px;--sidebar-width: 280px;--transition-fast: .16s ease;--transition-normal: .22s ease;--transition-spring: .22s ease}[data-theme=light]{--color-bg: #F7F8FB;--color-surface: #FFFFFF;--color-surface-hover: #F3F4F8;--color-surface-active: #ECEEF5;--color-surface-elevated: #FFFFFF;--color-border: rgba(31, 35, 40, .1);--color-border-hover: rgba(31, 35, 40, .16);--color-border-subtle: rgba(31, 35, 40, .06);--color-fg: #101216;--color-fg-secondary: #4B5563;--color-fg-muted: #6B7280;--color-fg-tertiary: #9CA3AF;--color-accent: #5E6AD2;--color-accent-hover: #4F5CC8;--color-accent-focus: #5E6AD2;--color-accent-subtle: rgba(94, 106, 210, .1);--color-success: #16A34A;--color-warning: #D97706;--color-danger: #DC2626;--color-user-bubble: #5E6AD2;--color-ai-bubble: #FFFFFF;--color-user-bubble-text: #FFFFFF;--color-overlay: rgba(0, 0, 0, .3);--shadow-1: 0 1px 2px rgba(16, 18, 22, .05);--shadow-2: 0 8px 24px rgba(16, 18, 22, .08);--shadow-3: 0 18px 48px rgba(16, 18, 22, .12);--shadow-glass: 0 8px 24px rgba(16, 18, 22, .08);--color-divider: rgba(31, 35, 40, .1);--color-placeholder: #9CA3AF}[data-theme=dark]{--color-bg: #000000;--color-surface: rgba(28, 28, 30, .72);--color-surface-hover: rgba(44, 44, 46, .85);--color-surface-active: rgba(58, 58, 60, .95);--color-surface-elevated: #1C1C1E;--color-border: rgba(118, 118, 128, .18);--color-border-hover: rgba(118, 118, 128, .32);--color-border-subtle: rgba(118, 118, 128, .09);--color-fg: #F5F5F7;--color-fg-secondary: #EBEBF5;--color-fg-muted: #98989D;--color-fg-tertiary: #636366;--color-accent: #7C86F3;--color-accent-hover: #9AA2FF;--color-accent-focus: #7C86F3;--color-accent-subtle: rgba(124, 134, 243, .16);--color-success: #30D158;--color-warning: #FF9F0A;--color-danger: #FF453A;--color-user-bubble: #0A84FF;--color-ai-bubble: rgba(28, 28, 30, .72);--color-user-bubble-text: #FFFFFF;--color-overlay: rgba(0, 0, 0, .6);--shadow-1: 0 2px 8px rgba(0, 0, 0, .3);--shadow-2: 0 4px 16px rgba(0, 0, 0, .4);--shadow-3: 0 8px 32px rgba(0, 0, 0, .5);--shadow-glass: 0 8px 32px rgba(0, 0, 0, .4);--color-divider: rgba(84, 84, 88, .36);--color-placeholder: #636366}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}body{font-family:var(--font-sans);font-size:15px;font-weight:400;line-height:1.55;letter-spacing:0;color:var(--color-fg);background:var(--color-bg);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-fg-tertiary);border-radius:4px;transition:background var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:var(--color-fg-muted)}a{color:var(--color-accent);text-decoration:none;transition:all var(--transition-fast)}a:hover{color:var(--color-accent-hover);text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:1px;text-underline-offset:2px;transition:all var(--transition-fast)}button{cursor:pointer;font-family:var(--font-sans);font-size:14px;font-weight:650;line-height:1.2;letter-spacing:0;border:none;background:none;padding:0;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}button:active{transform:translateY(1px);transition:transform .1s ease-out}input,textarea{font-family:var(--font-sans);font-size:14px;font-weight:400;line-height:1.5;color:var(--color-fg);background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:10px 12px;transition:all var(--transition-fast);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}input::placeholder,textarea::placeholder{color:var(--color-placeholder)}input:focus,textarea:focus{background:var(--color-surface-elevated);border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}::selection{background-color:var(--color-accent);color:#fff}code,pre{font-family:var(--font-mono);font-size:13px;font-weight:400;line-height:1.5}pre{background:var(--color-surface-elevated);border-radius:var(--radius-lg);padding:var(--space-lg);overflow-x:auto;box-shadow:var(--shadow-1)}code{background:var(--color-accent-subtle);color:var(--color-accent);padding:2px 8px;border-radius:var(--radius-xs);font-size:13px;font-weight:500}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;letter-spacing:0;color:var(--color-fg)}h1{font-size:32px;letter-spacing:0;font-weight:700}h2{font-size:24px;letter-spacing:0;font-weight:700}h3{font-size:18px;letter-spacing:0;font-weight:600}.text-xs{font-size:11px}.text-sm{font-size:13px}.text-base{font-size:17px}.text-lg{font-size:20px}.font-medium{font-weight:600}.font-semibold{font-weight:700}.text-muted{color:var(--color-fg-muted)}.text-secondary{color:var(--color-fg-secondary)}.text-accent{color:var(--color-accent)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes fadeScaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fadeIn .4s cubic-bezier(.25,1,.5,1) forwards}.animate-slide-in{animation:slideIn .5s cubic-bezier(.25,1,.5,1) forwards}.animate-scale-in{animation:fadeScaleIn .6s cubic-bezier(.34,1.56,.64,1) forwards}.glass{background:var(--color-surface);box-shadow:var(--shadow-glass);border:1px solid var(--color-border)}.btn-primary{background:var(--color-accent);color:#fff;padding:10px 16px;border-radius:var(--radius-md);font-size:14px;font-weight:650;transition:all var(--transition-fast);box-shadow:var(--shadow-1)}.btn-primary:hover{background:var(--color-accent-hover);box-shadow:var(--shadow-2)}.btn-primary:active{transform:scale(.97)}.btn-secondary{background:var(--color-surface);color:var(--color-fg);padding:10px 16px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:14px;font-weight:650;transition:all var(--transition-fast)}.btn-secondary:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover)}.card-apple{background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:var(--shadow-1);padding:var(--space-lg);transition:all var(--transition-fast)}.card-apple:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-2)}.input-apple{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:10px 12px;font-size:14px;transition:all var(--transition-fast)}.input-apple:focus{background:#fff;box-shadow:0 0 0 4px var(--color-accent-subtle)}:where(.app-layout,.chat-page,.create-container,.video-page,.template-page,.login-container){background:var(--color-bg)!important;color:var(--color-fg)!important;font-family:var(--font-sans)!important}:where(.chat-page,.create-container,.template-page){background-image:none!important}:where(.page-glow,.page-glow-left,.page-glow-right){display:none!important}:where(.create-container):before,:where(.create-container):after{display:none!important}:where(.sidebar,.top-bar,.login-card,.auth-loading-card,.settings-panel,.account-modal,.chat-page .hero-card,.chat-page .user-bubble,.chat-page .reasoning-panel,.chat-page .assistant-loading-card,.chat-page .composer-shell,.chat-page .file-preview-card,.chat-page .slash-menu,.chat-page .mode-menu,.chat-page .image-preview-panel,.chat-page .document-preview-drawer,.chat-page .mode-support-notice,.create-composer,.reference-preview-card,.dropdown-panel,.feature-card,.result-panel,.result-card,.preview-dialog,.video-composer,.parameter-panel,.video-page .result-panel,.reference-card,.model-row,.video-card,.template-hero,.template-state,.template-inspector,.template-canvas-panel,.template-panel,.template-thumb,.template-stage-canvas,.template-row,.context-menu,.user-dropdown-menu){background:var(--color-surface)!important;background-image:none!important;border:1px solid var(--color-border)!important;box-shadow:var(--shadow-1)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}:where(.sidebar){border-top:0!important;border-bottom:0!important;border-left:0!important}:where(.top-bar){background:#fffffff0!important;border-top:0!important;border-left:0!important;border-right:0!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important}:where(.login-card,.account-modal,.preview-dialog,.image-preview-panel){box-shadow:var(--shadow-3)!important}:where(.settings-panel,.document-preview-drawer){box-shadow:-18px 0 42px #1012161f!important}:where(.sidebar-brand,.main-menu,.sidebar-footer,.settings-panel-header,.account-modal-header,.top-bar,.preview-toolbar,.document-preview-header,.image-preview-header,.panel-section,.composer-toolbar,.assistant-article-after-reasoning,.reasoning-body-collapsed){border-color:var(--color-border)!important}:where(.brand-logo,.page-title,.welcome-hero h1,.create-title,.video-page h1,.video-page h2,.template-hero h1,.template-inspector h2,.canvas-toolbar h3,.assistant-content :is(h1,h2,h3),.reasoning-body :is(h1,h2,h3),.reasoning-title,.file-preview-name,.image-preview-title,.document-preview-title,.mode-option-title,.template-row-name,.title,.option-text,.model-name,.feature-label,.result-panel-header h2,.preview-heading h3){color:var(--color-fg)!important;letter-spacing:0!important}:where(.welcome-hero p,.create-subtitle,.video-page .status-message,.template-subtitle,.history-text,.user-plan,.settings-help,.form-field,.password-hint,.assistant-kicker,.reasoning-status,.reasoning-placeholder,.file-preview-size,.mode-hint,.mode-option-desc,.template-summary-text,.template-row-category,.template-row-count,.template-thumb-label,.canvas-filename,.result-caption,.empty-state,.control-field span,.control-field small,.prompt-field span,.model-provider,.option-description,.reference-card span,.video-card-footer,.subtitle,.switch-mode,.form-group label){color:var(--color-fg-muted)!important;letter-spacing:0!important}:where(.video-eyebrow,.template-kicker,.template-category,.section-label,.canvas-label,.panel-title-row span,.download-button,.document-preview-open,.file-preview-analysis-label,.assistant-content .ppt-loading-inline,.assistant-content .ppt-loading-spinner,.mini-spinner,.reasoning-icon,.typing-cursor,.history-item.active .history-text,.model-capability-tag,.reference-preview-action,.result-preview-btn,.mode-option-model,.template-row.active .template-row-category,.template-row.active .template-row-count,.template-row.active .template-row-name,.text-accent){color:var(--color-accent)!important}:where(.brand-icon-apple,.menu-item.active,.history-item.active,.user-dropdown-item:hover,.settings-action:hover,.panel-close-btn:hover,.toolbar-chip:hover,.toolbar-chip.active,.mode-trigger:hover,.mode-trigger.active,.toolbar-upload:hover,.prompt-polish-button,.ppt-example-select-wrap,.toolbar-chip-tool-active,.reference-preview-action,.result-preview-btn,.dropdown-option:hover,.dropdown-option.selected,.model-row.active,.mode-option:hover,.mode-option.selected,.template-thumb.active,.template-row.active,.template-tags span,.tab-button.active span,.model-capability-tag){background:var(--color-accent-subtle)!important;border-color:#5e6ad238!important;color:var(--color-accent)!important}:where(.menu-item,.history-item,.user-dropdown-item,.context-menu-item,.settings-action,.panel-close-btn,.toolbar-chip,.toolbar-upload,.mode-trigger,.prompt-polish-button,.template-preview-button,.mode-option,.dropdown-option,.model-row,.feature-card,.hero-card,.template-row,.template-thumb,.tab-button,.refresh-button,.primary-button,.ghost-button,.icon-button,.launch-button,.preview-download-btn,.preview-close-btn,.submit-btn,.modal-btn){transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)!important}:where(.menu-item:hover,.history-item:hover,.hero-card:hover,.feature-card:hover,.template-row:hover,.template-thumb:hover,.toolbar-chip:hover,.mode-option:hover,.dropdown-option:hover,.model-row:hover,.primary-button:hover,.refresh-button:hover,.template-preview-button:hover,.launch-button:hover,.submit-btn:hover){transform:translateY(-1px)!important;box-shadow:var(--shadow-2)!important}:where(.menu-item,.history-item,.user-dropdown-item,.context-menu-item,.settings-action,.panel-close-btn,.toolbar-chip,.toolbar-upload,.mode-trigger,.prompt-polish-button,.template-preview-button,.mode-option,.dropdown-option,.model-row,.feature-card,.hero-card,.template-row,.template-thumb,.tab-button,.refresh-button,.primary-button,.ghost-button,.icon-button,.launch-button,.preview-download-btn,.preview-close-btn,.submit-btn,.modal-btn,.form-group input,.form-group select,.settings-select,.form-field input,textarea,select,input,.composer-shell,.create-composer,.video-composer,.parameter-panel,.result-panel,.login-card){border-radius:var(--radius-md)!important}:where(.hero-card,.file-preview-card,.reasoning-panel,.assistant-loading-card,.reference-preview-card,.feature-card,.result-card,.template-hero,.template-state,.template-inspector,.template-canvas-panel,.template-panel,.account-modal,.preview-dialog,.image-preview-panel,.mode-menu,.slash-menu,.dropdown-panel){border-radius:var(--radius-xl)!important}:where(.menu-item.active,.history-item.active){box-shadow:inset 2px 0 0 var(--color-accent)!important;font-weight:700!important}:where(.menu-item.active){background:var(--color-accent-subtle)!important;color:var(--color-accent)!important}:where(.brand-icon-apple svg path,.brand-logo svg path,.menu-icon-svg path,.settings-btn svg path){stroke:currentColor}:where(.user-avatar-small,.apple-avatar){border-radius:var(--radius-md)!important;background:var(--color-accent)!important;box-shadow:var(--shadow-1)!important}:where(.user-points-balance,.mode-support-notice,.mode-option-disabled-note){color:var(--color-warning)!important}:where(.settings-btn):after{background:var(--color-danger)!important}:where(.settings-backdrop,.modal-backdrop,.preview-modal,.image-preview-overlay,.document-preview-overlay){background:#10121638!important;backdrop-filter:blur(3px)!important;-webkit-backdrop-filter:blur(3px)!important}:where(.settings-select,.form-field input,.form-group input,.form-group select,.create-textarea,.composer-textarea,.translate-target-select,.ppt-example-select,.video-page textarea,.video-page select,.video-page input,textarea,select,input){background:#fff!important;border:1px solid var(--color-border)!important;color:var(--color-fg)!important;box-shadow:none!important;letter-spacing:0!important}:where(.create-textarea,.composer-textarea,.translate-target-select,.ppt-example-select){border-color:transparent!important;background:transparent!important}:where(.settings-select:focus,.form-field input:focus,.form-group input:focus,.form-group select:focus,.video-page textarea:focus,.video-page select:focus,.video-page input:focus,textarea:focus,select:focus,input:focus){border-color:var(--color-accent)!important;box-shadow:0 0 0 3px var(--color-accent-subtle)!important}:where(.composer-textarea:focus,.composer-textarea:focus-visible){border-color:transparent!important;box-shadow:none!important;outline:none!important}:where(.create-composer:focus-within){border-color:#5e6ad25c!important;box-shadow:0 0 0 3px var(--color-accent-subtle),var(--shadow-2)!important}:where(.composer-shell:focus-within){border-color:var(--color-border)!important;box-shadow:var(--shadow-1)!important}:where(.modal-btn.primary,.submit-btn,.primary-button,.launch-button,.preview-download-btn,.refresh-button,.template-preview-button,.send-button){background:var(--color-accent)!important;background-image:none!important;border:1px solid var(--color-accent-hover)!important;color:#fff!important;box-shadow:var(--shadow-1)!important}:where(.modal-btn.primary:hover,.submit-btn:hover:not(:disabled),.primary-button:hover:not(:disabled),.launch-button:hover:not(:disabled),.preview-download-btn:hover,.refresh-button:hover,.template-preview-button:hover,.send-button:hover:not(:disabled)){background:var(--color-accent-hover)!important;box-shadow:var(--shadow-2)!important}:where(.send-button,.image-preview-close,.file-remove-button,.document-preview-close,.preview-close-btn,.reference-remove-btn,.delete-btn,.more-btn){border-radius:var(--radius-md)!important}:where(.send-button:disabled,.primary-button:disabled,.launch-button:disabled,.submit-btn:disabled){background:var(--color-surface-active)!important;border-color:var(--color-border)!important;color:var(--color-fg-tertiary)!important;box-shadow:none!important;opacity:1!important}:where(.send-button-stop,.launch-button.stop,.primary-button.stop,.send-button-stop:disabled){background:var(--color-danger)!important;border-color:#b91c1c!important;color:#fff!important}:where(.ghost-button,.icon-button,.preview-close-btn,.modal-btn.secondary,.settings-action,.toolbar-chip,.toolbar-upload,.mode-trigger){background:var(--color-surface)!important;border:1px solid var(--color-border)!important;color:var(--color-fg-secondary)!important}:where(.ghost-button:hover,.icon-button:hover,.preview-close-btn:hover,.modal-btn.secondary:hover,.settings-action:hover,.toolbar-chip:hover,.toolbar-upload:hover,.mode-trigger:hover){background:var(--color-surface-hover)!important;border-color:var(--color-border-hover)!important;color:var(--color-accent)!important}:where(.ghost-button.danger,.settings-action.danger,.modal-btn.danger,.user-dropdown-item.danger,.status-message.error,.modal-error,.error-message,.template-error,.file-remove-button:hover,.image-preview-close:hover){color:var(--color-danger)!important}:where(.modal-btn.danger,.ghost-button.danger:hover,.settings-action.danger:hover,.file-remove-button:hover,.image-preview-close:hover){background:#dc26261a!important;border-color:#dc262638!important}:where(.error-message){background:#dc262614!important;border-color:#dc262638!important}:where(.feedback-toast-success){background:var(--color-success)!important}:where(.feedback-toast-error){background:var(--color-danger)!important}:where(.assistant-content,.reasoning-body,.user-text,.user-markdown){color:var(--color-fg)!important}:where(.assistant-content pre,.reasoning-body pre,pre){background:#f3f4f8!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-md)!important;color:var(--color-fg)!important;box-shadow:none!important}:where(.assistant-content code,.reasoning-body code,code){background:var(--color-accent-subtle)!important;color:var(--color-accent)!important;border-radius:var(--radius-xs)!important}:where(.assistant-content blockquote,.reasoning-body blockquote){border-left-color:#5e6ad25c!important;background:#f8f9fc!important;color:var(--color-fg-secondary)!important}:where(.file-fallback-icon,.file-thumbnail-button,.document-command-pill,.result-model-chip,.result-models span,.template-tags span,.tab-button span,.canvas-filename,.mode-support-notice,.parameter-profile){background:#f3f4f8!important;border-color:var(--color-border)!important}:where(.video-card video,.document-preview-body,.document-preview-frame,.preview-body,.template-svg,.template-stage-canvas){background:#f3f4f8!important;background-image:none!important}:where(.template-page){--linear-bg: var(--color-bg) !important;--linear-panel: var(--color-surface) !important;--linear-panel-solid: var(--color-surface) !important;--linear-border: var(--color-border) !important;--linear-border-strong: var(--color-border-hover) !important;--linear-text: var(--color-fg) !important;--linear-muted: var(--color-fg-muted) !important;--linear-soft: #F3F4F8 !important;--linear-accent: var(--color-accent) !important;--linear-accent-soft: var(--color-accent-subtle) !important;--linear-shadow: var(--shadow-1) !important}:where(.preview-cutout,.preview-erase,.preview-repaint,.preview-expand,.preview-enhance){filter:saturate(.82) brightness(1.04)}@media (max-width: 768px){:where(.login-card,.create-composer,.composer-shell,.template-hero,.template-inspector,.template-canvas-panel,.template-panel,.video-composer,.parameter-panel,.result-panel){border-radius:var(--radius-lg)!important}:where(.welcome-hero h1,.create-title){letter-spacing:0!important}}
