:root{--mobile-bg: #050507;--mobile-bg-elevated: #0E0E12;--mobile-glass-bg: rgba(255, 255, 255, .03);--mobile-glass-border: rgba(255, 255, 255, .08);--mobile-text-primary: #FFFFFF;--mobile-text-secondary: rgba(255, 255, 255, .6);--mobile-text-muted: rgba(255, 255, 255, .4);--mobile-accent-coral: #FF6F61;--mobile-accent-blue: #4A90E2;--mobile-accent-violet: #764ba2;--mobile-radius-sm: 8px;--mobile-radius-md: 16px;--mobile-radius-lg: 24px;--mobile-radius-pill: 100px;--mobile-ease-out: cubic-bezier(.32, .72, 0, 1);--mobile-safe-bottom: env(safe-area-inset-bottom, 0px)}.mobile-bottom-nav{position:fixed;bottom:0;left:0;width:100%;height:calc(80px + var(--mobile-safe-bottom));background:#050507f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--mobile-glass-border);z-index:9999;padding-bottom:var(--mobile-safe-bottom)}.mobile-nav-container{display:flex;justify-content:space-around;align-items:center;height:60px;position:relative;max-width:500px;margin:0 auto}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--mobile-text-secondary);text-decoration:none;font-size:10px;font-weight:500;gap:4px;width:60px;background:none;border:none;cursor:pointer;transition:color .2s}.mobile-nav-item.active{color:var(--mobile-text-primary)}.mobile-nav-item svg{width:24px;height:24px;stroke-width:2px}.mobile-nav-create-btn{position:relative;top:-20px;width:56px;height:56px;background:var(--mobile-accent-coral);border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px #ccff004d;color:#000;border:4px solid var(--mobile-bg);cursor:pointer;transition:transform .2s var(--mobile-ease-out)}.mobile-nav-create-btn:active{transform:scale(.9) translateY(2px)}.mobile-nav-create-btn svg{width:28px;height:28px;stroke:#000;stroke-width:2.5px}.create-hub-overlay{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;background:#050507fa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:100000!important;display:flex;flex-direction:column;padding:24px;padding-bottom:calc(24px + var(--mobile-safe-bottom));animation:slideUpHub .4s var(--mobile-ease-out);overflow-y:auto;isolation:isolate}@keyframes slideUpHub{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.hub-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.hub-header h2{font-size:24px;margin:0;color:var(--mobile-text-primary);font-weight:700}.hub-close-btn{background:#ffffff26;border:1px solid rgba(255,255,255,.3);width:40px;height:40px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10}.hub-close-btn svg{width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;stroke:#fff!important;stroke-width:2.5px!important}.hub-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.hub-tile{background:var(--mobile-glass-bg);border:1px solid var(--mobile-glass-border);border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:12px;text-decoration:none;text-align:left;cursor:pointer;transition:transform .2s,border-color .2s}.hub-tile:active{transform:scale(.96);border-color:var(--mobile-accent-coral)}.hub-tile.featured{grid-column:span 2;background:linear-gradient(135deg,#ccff001a,#05050766);border-color:#cf03}.hub-tile.featured b{color:var(--mobile-accent-coral)}.hub-tile.dashed{background:transparent;border-style:dashed;opacity:.7}.hub-tile-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}.hub-tile-content b{display:block;color:var(--mobile-text-primary);font-size:14px;font-weight:600;margin-bottom:4px}.hub-tile-content span{display:block;color:var(--mobile-text-secondary);font-size:11px;line-height:1.3}.smart-create-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;z-index:10001;display:flex;flex-direction:column;animation:fadeIn .3s ease}.smart-header{padding:16px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(180deg,rgba(0,0,0,.8) 0%,transparent 100%);position:absolute;top:0;left:0;width:100%;z-index:10}.smart-back-btn{background:#ffffff1a;border:none;width:40px;height:40px;border-radius:50%;color:var(--mobile-text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer}.smart-header-title{font-weight:600;font-size:16px;color:var(--mobile-text-primary)}.smart-header-spacer{width:40px}.smart-banner{flex:1;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;background-size:cover;background-position:center;min-height:200px}.smart-banner-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;z-index:1}.video-banner-content{position:relative;z-index:2;display:flex;justify-content:center;align-items:center;color:#ffffffb3}.video-banner-preview{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;cursor:pointer}.video-banner-preview video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.video-banner-play-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;background:#00000080;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff;opacity:0;transition:opacity .2s}.video-banner-preview:active .video-banner-play-hint{opacity:1}.smart-upload-btn{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:12px;background:#ffffff1a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:32px;border-radius:24px;border:1px dashed rgba(255,255,255,.3);color:var(--mobile-text-primary);cursor:pointer;transition:transform .2s}.smart-upload-btn:active{transform:scale(.95)}.smart-upload-title{font-weight:500;font-size:16px}.smart-upload-subtitle{font-size:12px;color:#fff9}.smart-uploaded-image{position:relative;z-index:2;width:80%;max-width:300px;border-radius:16px;overflow:hidden}.smart-uploaded-image img{width:100%;height:auto;display:block}.smart-image-remove{position:absolute;top:8px;right:8px;width:32px;height:32px;background:#0009;border:none;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.smart-upload-area{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:8px}.smart-images-grid{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:100%;padding:8px}.smart-uploaded-thumb{position:relative;width:72px;height:72px;border-radius:12px;overflow:hidden;flex-shrink:0}.smart-uploaded-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.smart-thumb-remove{position:absolute;top:4px;right:4px;width:24px;height:24px;background:#000000b3;border:none;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.smart-uploaded-thumb.uploading img{opacity:.5}.smart-thumb-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff}.smart-add-more-btn{width:72px;height:72px;border-radius:12px;border:2px dashed rgba(255,255,255,.3);background:#ffffff1a;color:#fff9;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.smart-add-more-btn:hover{background:#ffffff26}.smart-images-counter{font-size:12px;color:#fff9;padding:4px 12px;background:#0000004d;border-radius:12px}.smart-input-zone{background:var(--mobile-bg-elevated);padding:24px 16px calc(32px + var(--mobile-safe-bottom));border-top-left-radius:24px;border-top-right-radius:24px;position:relative;z-index:5}.smart-model-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--mobile-radius-pill);background:#ffffff14;color:var(--mobile-text-secondary);font-size:12px;border:none;cursor:pointer}.smart-model-icon{font-size:16px}.smart-model-name{font-weight:500}.smart-model-row{display:flex;align-items:center;gap:12px;margin-bottom:16px}.smart-model-wrapper{position:relative;display:inline-block}.resolution-selector{display:flex;gap:4px;background:var(--mobile-glass-light);border-radius:var(--mobile-radius-sm);padding:4px}.resolution-btn{padding:6px 10px;border:none;border-radius:var(--mobile-radius-sm);background:transparent;color:var(--mobile-text-muted);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.resolution-btn:hover{color:var(--mobile-text-secondary)}.resolution-btn.active{background:var(--mobile-accent);color:#fff}.smart-model-dropdown{position:absolute;top:100%;left:0;margin-top:8px;background:var(--mobile-glass-strong);border:1px solid var(--mobile-glass-border);border-radius:var(--mobile-radius-md);padding:8px;min-width:200px;max-height:min(220px,40vh);overflow-y:auto;z-index:100;box-shadow:0 8px 32px #0006;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.smart-model-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;border-radius:var(--mobile-radius-sm);background:transparent;color:var(--mobile-text-secondary);font-size:14px;text-align:left;cursor:pointer;transition:background .2s}.smart-model-item:hover{background:#ffffff1a}.smart-model-item.active{background:#ff6f6133;color:var(--mobile-accent-coral)}.smart-model-item .smart-model-icon{font-size:18px}.video-model-wrapper{position:relative;margin-bottom:16px}.video-model-row{display:flex;align-items:center;gap:8px}.video-model-badge{display:flex;align-items:center;gap:8px;padding:8px 14px;background:linear-gradient(135deg,#ff6f6133,#764ba233);border:1px solid rgba(255,111,97,.3);border-radius:var(--mobile-radius-pill);color:var(--mobile-text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.video-model-badge:hover{background:linear-gradient(135deg,#ff6f614d,#764ba24d)}.video-model-icon{font-size:16px}.video-model-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-settings-btn{padding:8px;background:#ffffff0d;border:1px solid var(--mobile-glass-border);border-radius:50%;color:var(--mobile-text-secondary);cursor:pointer;transition:all .2s}.video-settings-btn:hover{background:#ffffff1a;color:var(--mobile-text-primary)}.video-credits-estimate{font-size:12px;color:var(--mobile-text-muted);margin-left:auto}.video-model-dropdown{position:absolute;top:100%;left:0;margin-top:8px;background:var(--mobile-glass-strong, rgba(20, 20, 25, .95));border:1px solid var(--mobile-glass-border);border-radius:var(--mobile-radius-md);padding:8px;min-width:240px;max-height:320px;overflow-y:auto;z-index:200;box-shadow:0 8px 32px #00000080;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.video-model-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;border-radius:var(--mobile-radius-sm);background:transparent;color:var(--mobile-text-secondary);font-size:14px;text-align:left;cursor:pointer;transition:background .2s}.video-model-item:hover{background:#ffffff1a}.video-model-item.active{background:#ff6f6133;color:var(--mobile-accent-coral)}.video-model-info{display:flex;flex-direction:column;gap:2px}.video-model-item-name{font-weight:500}.video-model-item-features{font-size:11px;color:var(--mobile-text-muted)}.video-model-more{border-top:1px solid var(--mobile-glass-border);margin-top:4px;padding-top:12px!important}.video-model-more .video-model-item-name{color:var(--mobile-accent)}.video-model-more .video-model-item-features{color:var(--mobile-accent);opacity:.7}.video-settings-panel{position:absolute;top:100%;left:0;right:0;margin-top:8px;background:var(--mobile-glass-strong, rgba(20, 20, 25, .95));border:1px solid var(--mobile-glass-border);border-radius:var(--mobile-radius-md);padding:16px;z-index:200;box-shadow:0 8px 32px #00000080;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.video-setting-group{margin-bottom:16px}.video-setting-group:last-child{margin-bottom:0}.video-setting-group label{display:block;font-size:12px;color:var(--mobile-text-muted);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.video-setting-options{display:flex;flex-wrap:wrap;gap:8px}.video-setting-options button{padding:8px 14px;background:#ffffff0d;border:1px solid var(--mobile-glass-border);border-radius:var(--mobile-radius-sm);color:var(--mobile-text-secondary);font-size:13px;cursor:pointer;transition:all .2s}.video-setting-options button:hover{background:#ffffff1a}.video-setting-options button.active{background:#ff6f6133;border-color:var(--mobile-accent-coral);color:var(--mobile-accent-coral)}.video-toggle{padding:8px 14px;background:#ffffff0d;border:1px solid var(--mobile-glass-border);border-radius:var(--mobile-radius-sm);color:var(--mobile-text-secondary);font-size:13px;cursor:pointer;transition:all .2s}.video-toggle.active{background:#34c75933;border-color:#34c759;color:#34c759}.video-features-info{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px;padding-top:12px;border-top:1px solid var(--mobile-glass-border)}.feature-tag{padding:4px 8px;background:#4a90e226;border-radius:4px;font-size:11px;color:var(--mobile-accent-blue)}.video-frame-upload{margin:16px 0}.video-frame-row{display:flex;gap:12px}.video-frame-slot{flex:1;aspect-ratio:16/9;background:#ffffff08;border:2px dashed var(--mobile-glass-border);border-radius:var(--mobile-radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .2s;overflow:hidden;position:relative}.video-frame-slot:hover{border-color:var(--mobile-accent-coral);background:#ff6f610d}.video-frame-slot.filled{border-style:solid;border-color:var(--mobile-accent-coral)}.video-frame-slot img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;background:#0000004d}.video-frame-slot .frame-label{font-size:11px;color:var(--mobile-text-muted);text-transform:uppercase;letter-spacing:.5px}.video-frame-slot .frame-optional{display:block;font-size:9px;opacity:.5;margin-top:2px}.video-frame-slot .frame-icon{font-size:24px;color:var(--mobile-text-muted)}.video-frame-remove{position:absolute;top:4px;right:4px;width:24px;height:24px;background:#0009;border:none;border-radius:50%;color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center}.video-frame-slot.uploading{pointer-events:none;opacity:.8}.video-frame-slot.uploading img{filter:brightness(.7)}.frame-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:28px;height:28px;border:3px solid rgba(255,255,255,.2);border-top-color:var(--mobile-accent-coral);border-radius:50%;animation:frame-spin .8s linear infinite}@keyframes frame-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.motion-control-upload{display:flex;gap:12px;padding:16px;justify-content:center;width:100%;z-index:2}.motion-video-slot,.motion-image-slot{position:relative;width:140px;height:180px;border:2px dashed var(--mobile-glass-border);border-radius:var(--mobile-radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;background:#0000004d;overflow:hidden}.motion-video-slot:hover,.motion-image-slot:hover{border-color:var(--mobile-accent-coral);background:#ff6f611a}.motion-video-slot.filled,.motion-image-slot.filled{border-style:solid;border-color:var(--mobile-accent-coral)}.motion-video-slot video,.motion-image-slot img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:calc(var(--mobile-radius-md) - 2px)}.motion-video-slot .frame-label,.motion-image-slot .frame-label{font-size:12px;color:var(--mobile-text-secondary);margin-top:8px}.motion-video-slot .frame-icon,.motion-image-slot .frame-icon{font-size:32px;margin-bottom:4px}.motion-duration{position:absolute;bottom:8px;left:8px;background:#000000b3;color:#fff;font-size:11px;padding:2px 6px;border-radius:4px;font-weight:600}.motion-video-slot.uploading,.motion-image-slot.uploading{pointer-events:none;opacity:.8}.motion-control-settings{display:flex;align-items:center;gap:12px;padding:8px 12px;background:var(--mobile-glass-bg);border:1px solid var(--mobile-glass-border);border-radius:var(--mobile-radius-pill);margin-bottom:12px}.motion-control-badge{display:flex;align-items:center;gap:6px}.motion-control-badge .motion-icon{font-size:18px}.motion-control-badge .motion-name{font-size:14px;font-weight:600;color:var(--mobile-text-primary)}.motion-quality-selector{display:flex;gap:4px;background:#0000004d;padding:3px;border-radius:var(--mobile-radius-pill)}.motion-quality-selector .quality-btn{padding:6px 12px;background:transparent;border:none;border-radius:var(--mobile-radius-pill);color:var(--mobile-text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.motion-quality-selector .quality-btn:hover{color:var(--mobile-text-primary)}.motion-quality-selector .quality-btn.active{background:var(--mobile-accent-coral);color:#fff}.keep-sound-btn{width:36px;height:36px;border:none;border-radius:50%;background:#ffffff1a;font-size:16px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.keep-sound-btn:hover{background:#ffffff26}.keep-sound-btn.active{background:#ff6f6133}.motion-credits{margin-left:auto;font-size:12px;color:var(--mobile-text-muted);font-weight:500}.veo-input-mode-toggle{display:flex;gap:8px;margin:12px 0;padding:4px;background:#ffffff08;border-radius:var(--mobile-radius-md)}.veo-mode-btn{flex:1;padding:10px 12px;background:transparent;border:none;border-radius:var(--mobile-radius-sm);color:var(--mobile-text-muted);font-size:13px;cursor:pointer;transition:all .2s}.veo-mode-btn:hover{color:var(--mobile-text-secondary)}.veo-mode-btn.active{background:#ff6f6126;color:var(--mobile-accent-coral)}.style-references-section{margin:16px 0}.style-references-hint-text{font-size:12px;color:var(--mobile-text-muted);margin-bottom:12px;text-align:center}.style-references-label{font-size:12px;color:var(--mobile-text-muted);margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:8px}.style-references-hint{font-size:11px;text-transform:none;opacity:.7}.style-references-row{display:flex;gap:10px}.style-ref-slot{width:72px;height:72px;background:#ffffff08;border:2px dashed var(--mobile-glass-border);border-radius:var(--mobile-radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;overflow:hidden;position:relative}.style-ref-slot:hover{border-color:var(--mobile-accent-blue);background:#4a90e20d}.style-ref-slot.filled{border-style:solid;border-color:var(--mobile-accent-blue)}.style-ref-slot img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.style-ref-plus{font-size:24px;color:var(--mobile-text-muted);font-weight:300}.style-ref-remove{position:absolute;top:2px;right:2px;width:20px;height:20px;background:#0009;border:none;border-radius:50%;color:#fff;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center}.style-ref-slot.uploading{pointer-events:none;opacity:.8}.style-ref-slot.uploading img{filter:brightness(.7)}.smart-prompt-box{background:#ffffff0d;border-radius:var(--mobile-radius-md);padding:16px;margin-bottom:16px;position:relative}.smart-textarea{width:100%;background:transparent;border:none;color:var(--mobile-text-primary);font-size:16px;resize:none;min-height:60px;outline:none;font-family:inherit}.smart-textarea::-moz-placeholder{color:var(--mobile-text-muted)}.smart-textarea::placeholder{color:var(--mobile-text-muted)}.smart-prompt-actions{display:flex;gap:8px;margin-top:12px}.smart-action-btn{width:36px;height:36px;border-radius:50%;background:#ffffff1a;border:none;color:var(--mobile-text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:background .2s,color .2s}.smart-action-btn:hover{background:#ffffff26;color:var(--mobile-text-primary)}.smart-action-btn.active,.smart-action-btn.recording{background:var(--mobile-accent-coral);color:#fff}.smart-action-btn.transcribing,.smart-action-btn.enhancing{background:#ffffff0d;color:var(--mobile-text-muted);cursor:wait}.listening-indicator,.recording-indicator{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:2px solid var(--mobile-accent-coral);border-radius:50%;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}.spin-animation{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.smart-controls{display:flex;justify-content:space-between;align-items:center}.smart-ratio-selector{display:flex;gap:8px}.smart-ratio-pill{padding:8px 16px;background:#ffffff0d;border-radius:var(--mobile-radius-sm);font-size:13px;color:var(--mobile-text-secondary);border:1px solid transparent;cursor:pointer;display:flex;align-items:center;transition:all .2s}.smart-ratio-pill.active{border-color:#ff6f6180;color:var(--mobile-text-primary);background:#ffffff1a}.smart-ratio-more-wrapper{position:relative}.smart-ratio-menu{position:absolute;bottom:100%;right:0;margin-bottom:12px;width:220px;max-height:250px;overflow-y:auto;background:var(--mobile-bg-elevated);border:1px solid var(--mobile-glass-border);border-radius:var(--mobile-radius-md);padding:8px;z-index:100;animation:fadeIn .2s ease}.smart-ratio-item{display:flex;align-items:center;width:100%;padding:12px;background:none;border:none;border-radius:var(--mobile-radius-sm);color:var(--mobile-text-secondary);font-size:14px;cursor:pointer;text-align:left;transition:background .2s}.smart-ratio-item:hover{background:#ffffff0d}.smart-ratio-item.active{color:var(--mobile-accent-coral)}.smart-ratio-divider{height:1px;background:#ffffff1a;margin:4px 0}.smart-generate-btn{background:linear-gradient(135deg,var(--mobile-accent-coral) 0%,#d64d40 100%);color:#fff;font-weight:700;font-size:15px;padding:12px 24px;border-radius:var(--mobile-radius-sm);border:none;cursor:pointer;transition:opacity .2s,transform .2s}.smart-generate-btn:disabled{opacity:.5;cursor:not-allowed}.smart-generate-btn:not(:disabled):active{transform:scale(.96)}.auth-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10002;display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn .2s ease}.auth-modal{background:var(--mobile-bg-elevated);border:1px solid var(--mobile-glass-border);border-radius:var(--mobile-radius-lg);padding:32px;width:100%;max-width:400px;position:relative;text-align:center}.auth-modal-close{position:absolute;top:16px;right:16px;background:none;border:none;color:var(--mobile-text-secondary);cursor:pointer}.auth-modal-icon{width:80px;height:80px;margin:0 auto 24px;background:var(--mobile-glass-bg);border:1px solid var(--mobile-glass-border);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--mobile-accent-coral)}.auth-modal-title{font-size:24px;font-weight:700;color:var(--mobile-text-primary);margin:0 0 8px}.auth-modal-subtitle{font-size:14px;color:var(--mobile-text-secondary);margin:0 0 32px;line-height:1.5}.auth-modal-buttons{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.auth-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:14px 24px;border-radius:var(--mobile-radius-sm);font-size:15px;font-weight:600;cursor:pointer;transition:opacity .2s}.auth-btn:active{opacity:.8}.auth-btn-google{background:#fff;color:#333;border:none}.auth-btn-email{background:transparent;color:var(--mobile-text-primary);border:1px solid var(--mobile-glass-border)}.auth-modal-terms{font-size:12px;color:var(--mobile-text-muted);margin:0;line-height:1.5}.auth-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--mobile-bg);z-index:10002;display:flex;flex-direction:column;animation:fadeIn .3s ease;overflow-y:auto}.auth-screen-header{padding:16px;display:flex;justify-content:space-between;align-items:center;background:var(--mobile-bg);position:sticky;top:0;z-index:10}.auth-back-btn{background:#ffffff1a;border:none;width:40px;height:40px;border-radius:50%;color:var(--mobile-text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer}.auth-screen-title{font-weight:600;font-size:18px;color:var(--mobile-text-primary)}.auth-header-spacer{width:40px}.auth-screen-content{flex:1;padding:24px;padding-bottom:calc(24px + var(--mobile-safe-bottom));max-width:400px;margin:0 auto;width:100%}.auth-error-message{background:#ff3b3026;border:1px solid rgba(255,59,48,.3);color:#ff3b30;padding:12px 16px;border-radius:var(--mobile-radius-sm);font-size:14px;margin-bottom:16px;text-align:center}.auth-success-message{background:#34c75926;border:1px solid rgba(52,199,89,.3);color:#34c759;padding:12px 16px;border-radius:var(--mobile-radius-sm);font-size:14px;margin-bottom:16px;text-align:center}.auth-social-buttons{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.auth-social-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:14px 24px;border-radius:var(--mobile-radius-pill);font-size:15px;font-weight:500;cursor:pointer;transition:transform .2s,opacity .2s;border:none}.auth-social-btn:active{transform:scale(.98);opacity:.9}.auth-google-btn{background:#fff;color:#333}.auth-facebook-btn{background:#1877f2;color:#fff}.auth-divider{display:flex;align-items:center;margin-bottom:24px;color:var(--mobile-text-muted);font-size:13px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--mobile-glass-border)}.auth-divider span{padding:0 16px;text-transform:uppercase;letter-spacing:.5px}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-field{display:flex;flex-direction:column;gap:6px}.auth-field label{font-size:14px;color:var(--mobile-text-secondary);font-weight:500}.auth-field-header{display:flex;justify-content:space-between;align-items:center}.auth-field input{width:100%;padding:14px 16px;background:#ffffff14;border:1px solid transparent;border-radius:var(--mobile-radius-sm);color:var(--mobile-text-primary);font-size:16px;outline:none;transition:border-color .2s,background .2s}.auth-field input::-moz-placeholder{color:var(--mobile-text-muted)}.auth-field input::placeholder{color:var(--mobile-text-muted)}.auth-field input:focus{border-color:var(--mobile-accent-coral);background:#ffffff1a}.auth-field input.error{border-color:#ff3b30}.auth-field-error{font-size:12px;color:#ff3b30}.auth-link-btn{background:none;border:none;color:var(--mobile-accent-coral);font-size:13px;cursor:pointer;padding:0;text-decoration:none}.auth-link-btn:hover{text-decoration:underline}.auth-submit-btn{width:100%;padding:14px 24px;background:linear-gradient(135deg,var(--mobile-accent-coral) 0%,#d64d40 100%);color:#fff;font-size:16px;font-weight:600;border:none;border-radius:var(--mobile-radius-pill);cursor:pointer;transition:transform .2s,opacity .2s;margin-top:8px;display:flex;align-items:center;justify-content:center;min-height:50px}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed}.auth-submit-btn:not(:disabled):active{transform:scale(.98)}.auth-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.auth-switch-text{text-align:center;color:var(--mobile-text-secondary);font-size:14px;margin-top:16px}.auth-forgot-description{color:var(--mobile-text-secondary);font-size:14px;line-height:1.5;margin-bottom:8px}.auth-terms{text-align:center;color:var(--mobile-text-muted);font-size:12px;line-height:1.5;margin-top:24px}.smart-toast{position:fixed;top:60px;left:50%;transform:translate(-50%);padding:12px 24px;background:var(--mobile-bg-elevated);border:1px solid var(--mobile-glass-border);border-radius:var(--mobile-radius-pill);color:var(--mobile-text-primary);font-size:14px;font-weight:500;z-index:10001;animation:toastIn .3s var(--mobile-ease-out);box-shadow:0 8px 32px #0006}.smart-toast.success{border-color:#64ff644d}.smart-toast.error{border-color:#ff64644d;color:#ff6464}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.generation-queue{display:flex;align-items:center;gap:8px;padding:12px 0;overflow-x:auto;-webkit-overflow-scrolling:touch}.queue-label{color:var(--mobile-text-secondary);font-size:12px;font-weight:500;flex-shrink:0}.generation-queue::-webkit-scrollbar{display:none}.queue-item{width:48px;height:48px;border-radius:12px;background:var(--mobile-glass-bg);border:2px solid var(--mobile-glass-border);overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s var(--mobile-ease-out)}.queue-item.processing{border-color:var(--mobile-accent-coral);animation:queuePulse 2s ease-in-out infinite}.queue-item.completed{border-color:#64ff6480;animation:queueReady .5s ease-out}.queue-item.error{border-color:#ff646480}@keyframes queuePulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes queueReady{0%{transform:scale(1.2)}to{transform:scale(1)}}.queue-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.2);border-top-color:#ff6f61;border-radius:50%;animation:spin 1s linear infinite}.queue-thumb{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.queue-placeholder{width:20px;height:20px;background:var(--mobile-glass-border);border-radius:4px}.smart-generate-btn.sending{opacity:.7;cursor:wait}.smart-generate-btn.sent{background:linear-gradient(135deg,#4ade80,#22c55e)!important;animation:buttonSent .3s ease-out}@keyframes buttonSent{0%{transform:scale(.95)}50%{transform:scale(1.05)}to{transform:scale(1)}}.result-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;z-index:10002;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.result-modal{width:90vw;max-width:600px;max-height:90vh;display:flex;flex-direction:column;position:relative}.result-toast{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000d9;color:#fff;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;z-index:10;animation:toastFadeIn .2s ease-out}@keyframes toastFadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.result-close-btn{position:absolute;top:-40px;right:0;width:32px;height:32px;background:var(--mobile-glass-bg);border:1px solid var(--mobile-glass-border);border-radius:50%;color:var(--mobile-text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1}.result-image-container{border-radius:var(--mobile-radius-md);overflow:hidden;background:var(--mobile-glass-bg)}.result-image{width:100%;height:auto;display:block}.result-placeholder{padding:60px;text-align:center;color:var(--mobile-text-secondary)}.result-prompt{padding:16px 0}.result-prompt p{color:var(--mobile-text-secondary);font-size:13px;margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.result-actions{display:flex;gap:12px}.result-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;background:var(--mobile-glass-bg);border:1px solid var(--mobile-glass-border);border-radius:var(--mobile-radius-md);color:var(--mobile-text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.result-action-btn:active{transform:scale(.95)}.mobile-gallery-screen{position:fixed;top:0;left:0;right:0;bottom:calc(80px + var(--mobile-safe-bottom));background:var(--mobile-bg);z-index:9998;display:flex;flex-direction:column;overflow:hidden}.mobile-gallery-header{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--mobile-bg);border-bottom:1px solid var(--mobile-glass-border);flex-shrink:0}.mobile-gallery-tabs{display:flex;padding:8px 16px;gap:8px;background:var(--mobile-bg);border-bottom:1px solid var(--mobile-glass-border)}.mobile-gallery-tab{flex:1;padding:10px 16px;border-radius:var(--mobile-radius-md);border:1px solid var(--mobile-glass-border);background:transparent;color:var(--mobile-text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.mobile-gallery-tab.active{background:var(--mobile-glass-bg);border-color:var(--mobile-accent-coral);color:var(--mobile-text-primary)}.mobile-gallery-grid{flex:1;overflow-y:auto;padding:8px;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;align-content:start}.mobile-gallery-item{position:relative;border-radius:4px;overflow:hidden;cursor:pointer;padding-bottom:100%;height:0}.mobile-gallery-item img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mobile-gallery-item-processing{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center}.mobile-gallery-item-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ff6f6133,#764ba233);display:flex;align-items:center;justify-content:center;font-size:32px}.mobile-gallery-item-play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0000004d}.mobile-gallery-item-play svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.mobile-gallery-loading{display:flex;justify-content:center;padding:20px}.mobile-gallery-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--mobile-text-secondary);text-align:center;padding:40px}.mobile-gallery-empty p{margin:0;font-size:16px}.mobile-gallery-empty-hint{margin-top:8px!important;font-size:14px!important;opacity:.7}.mobile-gallery-auth-btn{margin-top:20px;padding:12px 32px;background:var(--mobile-accent);color:#fff;border:none;border-radius:var(--mobile-radius-full);font-size:16px;font-weight:600;cursor:pointer}.mobile-gallery-lightbox{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;z-index:10003;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease-out}.mobile-gallery-lightbox-content{width:100%;max-width:400px;max-height:90vh;display:flex;flex-direction:column;position:relative}.mobile-gallery-lightbox-image{width:100%;height:auto;max-height:60vh;-o-object-fit:contain;object-fit:contain;border-radius:var(--mobile-radius-md)}.mobile-gallery-lightbox-video{width:100%;max-height:60vh;border-radius:var(--mobile-radius-md);background:#000}.mobile-gallery-lightbox-placeholder{width:100%;height:200px;background:linear-gradient(135deg,#ff6f6133,#764ba233);border-radius:var(--mobile-radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.mobile-gallery-lightbox-placeholder span{font-size:48px}.mobile-gallery-lightbox-placeholder p{font-size:14px;color:var(--mobile-text-secondary)}.mobile-feed-screen{position:fixed;top:0;left:0;right:0;bottom:calc(80px + var(--mobile-safe-bottom));background:var(--mobile-bg);z-index:9998;display:flex;flex-direction:column;overflow:hidden}.feed-remix-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;background:linear-gradient(135deg,var(--mobile-accent-coral) 0%,#d64d40 100%);border:none;border-radius:var(--mobile-radius-md);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.feed-remix-btn:active{transform:scale(.95)}.mobile-top-bar{position:fixed;top:0;left:0;right:0;height:56px;padding:0 16px;padding-top:env(safe-area-inset-top,0px);background:#050507e6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--mobile-glass-border);display:flex;align-items:center;justify-content:space-between;z-index:9990}.mobile-logo-container{display:flex;align-items:center;gap:8px}.mobile-app-logo{width:28px;height:28px}.mobile-app-name{font-size:18px;font-weight:700;color:var(--mobile-text-primary);letter-spacing:-.5px}.mobile-credits-badge{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--mobile-glass-bg);border:1px solid var(--mobile-glass-border);border-radius:var(--mobile-radius-pill);cursor:pointer;transition:all .2s}.mobile-credits-badge:active{transform:scale(.95);background:#ffffff14}.credits-icon{font-size:14px}.credits-text{font-size:13px;font-weight:600;color:var(--mobile-text-primary)}.mobile-promo-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;text-align:center}.promo-badge{display:inline-block;padding:6px 14px;background:var(--mobile-accent-coral);color:#fff;font-size:11px;font-weight:700;letter-spacing:1px;border-radius:var(--mobile-radius-pill);margin-bottom:24px}.promo-title{font-size:56px;font-weight:800;color:var(--mobile-text-primary);line-height:1;margin:0}.promo-subtitle{font-size:24px;font-weight:700;color:var(--mobile-accent-coral);margin:8px 0 20px}.promo-desc{font-size:16px;color:var(--mobile-text-secondary);max-width:280px;line-height:1.5;margin-bottom:16px}.promo-terms{font-size:12px;color:var(--mobile-text-muted);margin-bottom:32px}.promo-error{background:#ff505026;border:1px solid rgba(255,80,80,.3);color:#ff6b6b;padding:10px 16px;border-radius:var(--mobile-radius-sm);font-size:13px;margin-bottom:16px;max-width:280px}.promo-cta-btn{width:100%;max-width:280px;padding:16px 32px;background:linear-gradient(135deg,var(--mobile-accent-coral) 0%,#d64d40 100%);border:none;border-radius:var(--mobile-radius-md);color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s}.promo-cta-btn:active{transform:scale(.97)}.promo-cta-btn:disabled{opacity:.6}.mobile-promo-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:11000;display:flex;align-items:center;justify-content:center;padding:20px}.mobile-promo-card{position:relative;width:100%;max-width:400px;background:linear-gradient(135deg,#1d1d1f,#2d2d2f);border-radius:20px;padding:32px 24px;box-shadow:0 20px 60px #00000080;border:1px solid rgba(255,111,97,.2);animation:promoCardIn .3s ease-out}.mobile-promo-card:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#ff6f61,#ff9500,#ff6f61);border-radius:22px;opacity:.3;animation:promoPulse 3s ease-in-out infinite;z-index:-1}@keyframes promoCardIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes promoPulse{0%,to{opacity:.3}50%{opacity:.6}}.mobile-promo-close{position:absolute;top:16px;right:16px;background:none;border:none;color:#86868b;padding:8px;cursor:pointer;transition:color .2s}.mobile-promo-close:hover{color:#fff}.mobile-promo-step{text-align:center}.mobile-promo-badge{display:inline-block;background:#34c75926;color:#34c759;padding:6px 12px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.05em;margin-bottom:16px}.mobile-promo-big-number{font-size:56px;font-weight:800;line-height:1;background:linear-gradient(45deg,gold 30%,#ff9500 90%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 10px rgba(255,215,0,.2));margin-bottom:4px}.mobile-promo-credits-label{font-size:20px;font-weight:700;color:#fff;letter-spacing:.2em;text-transform:uppercase;margin-bottom:8px}.mobile-promo-instantly{font-size:14px;color:#e5e5e7;opacity:.8;margin-bottom:24px}.mobile-promo-benefits{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.mobile-promo-benefit{display:flex;align-items:flex-start;gap:12px;text-align:left;padding:12px;background:#ffffff08;border-radius:12px}.mobile-promo-benefit-icon{font-size:20px;flex-shrink:0}.mobile-promo-benefit strong{display:block;color:#fff;font-size:14px;margin-bottom:2px}.mobile-promo-benefit span{color:#e5e5e7;font-size:13px;opacity:.7}.mobile-promo-cta{width:100%;padding:16px 24px;background:linear-gradient(45deg,#ff6f61,#ff9500);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:800;cursor:pointer;box-shadow:0 8px 24px #ff6f6166;transition:all .2s}.mobile-promo-cta:hover{filter:brightness(1.1);transform:translateY(-2px)}.mobile-promo-cta:active{transform:scale(.98)}.mobile-promo-limited{color:#86868b;font-size:13px;font-style:italic;margin-top:16px;margin-bottom:20px}.mobile-promo-chips{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.mobile-promo-chip{padding:6px 12px;border-radius:20px;font-size:12px;background:#ffffff1a;color:#e5e5e7}.mobile-promo-chip.green{background:#34c759;color:#fff;font-weight:600}.mobile-promo-back{display:flex;align-items:center;gap:8px;background:none;border:none;color:#e5e5e7;font-size:14px;cursor:pointer;margin-bottom:16px;padding:8px;margin-left:-8px}.mobile-promo-back:hover{color:#fff}.mobile-promo-payment-title{font-size:22px;font-weight:600;color:#fff;margin-bottom:20px}.mobile-promo-tbank-terms,.mobile-promo-stripe-terms{background:#ffdd2d1a;border:1px solid rgba(255,221,45,.3);border-radius:12px;padding:16px;margin-bottom:20px;text-align:left}.mobile-promo-stripe-terms{background:#6366f11a;border-color:#6366f14d}.mobile-promo-tbank-terms p,.mobile-promo-stripe-terms p{color:#e5e5e7;font-size:14px;margin:0 0 12px;line-height:1.5}.mobile-promo-tbank-terms p:last-child,.mobile-promo-stripe-terms p:last-child{margin-bottom:0}.mobile-promo-tbank-terms p.small,.mobile-promo-stripe-terms p.small{color:#86868b;font-size:13px}.mobile-promo-tbank-terms strong{color:gold}.mobile-promo-stripe-terms strong{color:#fff}.mobile-promo-checkbox{display:flex;align-items:center;gap:12px;margin-bottom:20px;cursor:pointer}.mobile-promo-checkbox input[type=checkbox]{width:24px;height:24px;accent-color:#FFDD2D;cursor:pointer}.mobile-promo-checkbox.pulse input[type=checkbox]{animation:checkboxPulse 1.5s ease-in-out infinite}@keyframes checkboxPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.mobile-promo-checkbox span{color:#e5e5e7;font-size:14px}.mobile-promo-error{background:#ff505026;border:1px solid rgba(255,80,80,.3);color:#ff6b6b;padding:12px 16px;border-radius:8px;font-size:14px;margin-bottom:16px;text-align:left}.mobile-promo-tbank-btn{width:100%;padding:16px 24px;background:#3d3d3f;border:none;border-radius:12px;color:#86868b;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s}.mobile-promo-tbank-btn.active{background:linear-gradient(45deg,#ffdd2d,#ffd000);color:#1d1d1f;box-shadow:0 8px 24px #ffdd2d66}.mobile-promo-tbank-btn.active:hover{filter:brightness(1.1);transform:translateY(-2px)}.mobile-promo-tbank-btn:disabled{cursor:not-allowed}.mobile-promo-stripe-btn{width:100%;padding:16px 24px;background:linear-gradient(45deg,#6366f1,#8b5cf6);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 8px 24px #6366f166;transition:all .2s}.mobile-promo-stripe-btn:hover{filter:brightness(1.1);transform:translateY(-2px)}.mobile-promo-stripe-btn:disabled{opacity:.6;cursor:not-allowed}.mobile-promo-contact{margin-top:16px;font-size:12px;color:#86868b}.mobile-promo-contact a{color:#86868b;text-decoration:none}.mobile-promo-contact a:hover{color:#e5e5e7}.mobile-promo-card-input{padding:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;margin:16px 0;transition:all .2s}.mobile-promo-card-input:focus-within{border-color:#6366f1;box-shadow:0 0 0 2px #6366f133}.mobile-promo-card-input.error{border-color:#ff3b30}.mobile-promo-security{display:flex;align-items:center;justify-content:center;gap:8px;color:#86868b;font-size:12px;margin:12px 0}.mobile-promo-security svg{opacity:.7}.mobile-promo-success{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#34c7591a;border:1px solid rgba(52,199,89,.3);border-radius:12px;margin:16px 0}.mobile-promo-success-icon{width:24px;height:24px;background:#34c759;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:700;flex-shrink:0}.mobile-promo-success div{display:flex;flex-direction:column;gap:4px}.mobile-promo-success strong{color:#34c759;font-size:14px}.mobile-promo-success span{color:#e5e5e7;font-size:12px;opacity:.8}.mobile-promo-buttons{display:flex;gap:12px;margin-top:16px}.mobile-promo-cancel-btn{flex:1;padding:14px 20px;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#86868b;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.mobile-promo-cancel-btn:hover{border-color:#ffffff4d;background:#ffffff0d}.mobile-promo-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.mobile-promo-buttons .mobile-promo-stripe-btn{flex:1}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.shimmer-btn:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shimmer 2s infinite;pointer-events:none}.mobile-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#050507fa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:10002;display:flex;flex-direction:column;animation:slideUpHub .4s var(--mobile-ease-out);overflow:hidden}.drawer-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--mobile-glass-border);flex-shrink:0}.drawer-header h2{font-size:20px;margin:0;color:var(--mobile-text-primary);font-weight:700}.drawer-close-btn{background:#ffffff0d;border:none;width:40px;height:40px;border-radius:50%;color:var(--mobile-text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer}.drawer-content{flex:1;overflow-y:auto;padding:16px 24px;padding-bottom:calc(24px + var(--mobile-safe-bottom))}.drawer-group{margin-bottom:24px}.drawer-group-title{font-size:11px;font-weight:700;color:var(--mobile-text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;padding-left:4px}.drawer-group-tools{display:flex;flex-direction:column;gap:2px}.drawer-tool-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;text-decoration:none;color:var(--mobile-text-primary);transition:background .2s}.drawer-tool-item:active{background:#ffffff0d}.drawer-tool-icon{width:36px;height:36px;border-radius:10px;background:#ffffff0d;display:flex;align-items:center;justify-content:center;color:var(--mobile-text-secondary);flex-shrink:0}.drawer-tool-name{flex:1;font-size:15px;font-weight:500}.drawer-tool-badge{font-size:10px;font-weight:700;padding:3px 8px;border-radius:6px;background:var(--mobile-accent-coral);color:#000;text-transform:uppercase}.drawer-tool-arrow{color:var(--mobile-text-muted);flex-shrink:0}.profile-screen{position:fixed;top:0;left:0;width:100%;height:calc(100% - 80px - var(--mobile-safe-bottom));background:var(--mobile-bg);z-index:9998;display:flex;flex-direction:column;overflow:hidden}.profile-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#050507f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--mobile-glass-border);flex-shrink:0}.profile-back-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--mobile-text-primary);cursor:pointer}.profile-header-title{font-size:18px;font-weight:600;color:var(--mobile-text-primary)}.profile-header-spacer{width:40px}.profile-content{flex:1;overflow-y:auto;padding:16px 16px 40px;display:flex;flex-direction:column;gap:16px}.profile-loading{display:flex;justify-content:center;align-items:center;height:200px}.profile-spinner{width:32px;height:32px;border:3px solid var(--mobile-glass-border);border-top-color:var(--mobile-accent-coral);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.profile-user-card{display:flex;align-items:center;gap:16px;padding:20px!important}.profile-avatar-container{flex-shrink:0}.profile-avatar{width:72px;height:72px;border-radius:50%;overflow:hidden;flex-shrink:0;position:relative;cursor:pointer}.profile-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.profile-avatar-overlay{position:absolute;bottom:0;left:0;right:0;height:28px;background:#0009;display:flex;align-items:center;justify-content:center;font-size:14px;opacity:0;transition:opacity .2s}.profile-avatar:hover .profile-avatar-overlay{opacity:1}.profile-avatar-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--mobile-accent-coral),var(--mobile-accent-violet));display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:600;color:#fff}.profile-user-info{flex:1;min-width:0}.profile-user-name{font-size:18px;font-weight:600;color:var(--mobile-text-primary);margin-bottom:4px;cursor:pointer;display:flex;align-items:center;gap:8px}.profile-edit-icon{font-size:14px;opacity:.5}.profile-name-edit{display:flex;align-items:center;gap:8px}.profile-name-input{flex:1;background:#ffffff1a;border:1px solid var(--mobile-glass-border);border-radius:8px;padding:8px 12px;color:var(--mobile-text-primary);font-size:16px;font-weight:600;outline:none}.profile-name-input:focus{border-color:var(--mobile-accent-coral)}.profile-name-save,.profile-name-cancel{width:32px;height:32px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px}.profile-name-save{background:var(--mobile-accent-coral);color:#fff}.profile-name-cancel{background:#ffffff1a;color:var(--mobile-text-secondary)}.profile-spinner-small{width:16px;height:16px;border:2px solid var(--mobile-glass-border);border-top-color:var(--mobile-accent-coral);border-radius:50%;animation:spin 1s linear infinite}.profile-user-email{font-size:14px;color:var(--mobile-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-card{background:var(--mobile-glass-bg);border:1px solid var(--mobile-glass-border);border-radius:var(--mobile-radius-md);padding:16px}.profile-card-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.profile-card-icon{font-size:20px}.profile-card-title{font-size:16px;font-weight:600;color:var(--mobile-text-primary)}.profile-credits-display{text-align:center;padding:16px 0;margin-bottom:16px}.profile-credits-amount{display:block;font-size:36px;font-weight:700;color:var(--mobile-text-primary);background:linear-gradient(135deg,gold,orange);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.profile-credits-label{display:block;font-size:14px;color:var(--mobile-text-secondary);margin-top:4px}.profile-info-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--mobile-glass-border)}.profile-info-row:last-of-type{border-bottom:none}.profile-info-label{font-size:14px;color:var(--mobile-text-secondary)}.profile-info-value{font-size:14px;color:var(--mobile-text-primary);font-weight:500}.profile-info-mono{font-family:monospace;font-size:13px}.profile-status-badge{padding:4px 10px;border-radius:var(--mobile-radius-pill);font-size:12px;font-weight:500;text-transform:capitalize;background:#ffffff1a;color:var(--mobile-text-secondary)}.profile-status-badge.active{background:#34c75933;color:#34c759}.profile-status-badge.trialing{background:#4a90e233;color:#4a90e2}.profile-integration-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--mobile-glass-border)}.profile-integration-row:last-of-type{border-bottom:none;margin-bottom:12px}.profile-integration-info{display:flex;align-items:center;gap:10px}.profile-integration-icon{font-size:18px}.profile-integration-name{font-size:14px;color:var(--mobile-text-primary)}.profile-status-dot{width:10px;height:10px;border-radius:50%;background:#fff3}.profile-status-dot.connected{background:#34c759;box-shadow:0 0 8px #34c75980}.profile-api-key-container{display:flex;align-items:center;gap:8px;background:#0000004d;border-radius:var(--mobile-radius-sm);padding:12px;margin-bottom:12px}.profile-api-key{flex:1;font-family:monospace;font-size:13px;color:var(--mobile-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-api-key-actions{display:flex;gap:4px}.profile-icon-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;font-size:16px;opacity:.7;transition:opacity .2s}.profile-icon-btn:hover{opacity:1}.profile-action-btn{width:100%;padding:14px;border-radius:var(--mobile-radius-md);font-size:15px;font-weight:600;border:1px solid var(--mobile-glass-border);background:var(--mobile-glass-bg);color:var(--mobile-text-primary);cursor:pointer;transition:all .2s}.profile-action-btn:hover{background:#ffffff14}.profile-action-btn.primary{background:linear-gradient(135deg,var(--mobile-accent-coral),#ff8a7a);border:none;color:#fff}.profile-action-btn.primary:hover{opacity:.9}.profile-link-btn{display:block;text-align:center;padding:10px;font-size:14px;color:var(--mobile-accent-blue);text-decoration:none;transition:opacity .2s}.profile-link-btn:hover{opacity:.8}.profile-link-card{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--mobile-text-primary);transition:background .2s}.profile-link-card:hover{background:#ffffff0d}.profile-link-text{flex:1;font-size:15px;font-weight:500}.profile-link-card svg{color:var(--mobile-text-secondary)}.profile-logout-btn{width:100%;padding:16px;border-radius:var(--mobile-radius-md);font-size:15px;font-weight:600;background:#ff3b3026;border:1px solid rgba(255,59,48,.3);color:#ff3b30;cursor:pointer;transition:all .2s;margin-top:8px}.profile-logout-btn:hover{background:#ff3b3040}.profile-credits-actions{display:flex;flex-direction:column;gap:8px}.profile-integration-loading{display:flex;justify-content:center;padding:20px 0}.profile-integration-desc{font-size:14px;color:var(--mobile-text-secondary);margin-bottom:16px;line-height:1.4}.profile-action-btn.youtube{background:red;border:none;color:#fff}.profile-link-btn.danger{color:#ff3b30}.profile-action-btn.danger{background:#ff3b3026;border-color:#ff3b304d;color:#ff3b30}.profile-subscription-actions{margin-top:12px;padding-top:12px;border-top:1px solid var(--mobile-glass-border)}.profile-cancel-flow{margin-top:16px;padding:16px;background:#ff3b301a;border-radius:var(--mobile-radius-md);border:1px solid rgba(255,59,48,.2)}.profile-cancel-text{font-size:14px;color:var(--mobile-text-secondary);margin-bottom:16px;line-height:1.5}.profile-cancel-text strong{color:var(--mobile-text-primary)}.profile-cancel-buttons{display:flex;gap:12px}.profile-cancel-buttons .profile-action-btn{flex:1}.profile-version{text-align:center;font-size:12px;color:var(--mobile-text-muted);padding:16px 0}@media(min-width:769px){.mobile-bottom-nav,.mobile-top-bar,.create-hub-overlay,.smart-create-screen,.mobile-gallery-screen,.mobile-feed-screen,.auth-modal-overlay,.auth-screen,.mobile-drawer-overlay,.profile-screen{display:none!important}}