body{-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#050505}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.font-serif{font-family:Playfair Display,serif}.font-sans{font-family:Inter,sans-serif}.text-rose-custom{color:#fbafdae6}.bg-rose-custom{background-color:#bd9bafe6}.border-rose-custom{border-color:#fbcfe84d}.shadow-rose-custom{box-shadow:0 0 40px -10px #fbcfe84d}@keyframes scroll-up{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.animate-scroll-up{animation:scroll-up 20s linear infinite}@keyframes shimmer{to{transform:translateX(100%)}}.card-spotlight{background:#0a0a0a;position:relative}.card-spotlight:before{background:radial-gradient(600px circle at var(--card-x) var(--card-y),#fbcfe84d,#0000 40%);border-radius:inherit;content:"";inset:-1px;opacity:0;position:absolute;transition:opacity .5s;z-index:0}.card-spotlight:hover:before{opacity:1}.card-inner{background:#0a0a0a;border-radius:inherit;height:100%;position:relative;z-index:1}@keyframes bounce-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.animate-bounce-slow{animation:bounce-slow 2s infinite}.voice-preview-card{background:linear-gradient(135deg,#141418f2,#0a0a0cfa);border:1px solid #f472b626;border-radius:16px;margin-top:12px;overflow:hidden;padding:0}.vpc-header{background:#10b98114;border-bottom:1px solid #10b98126;padding:14px 16px}.vpc-status{align-items:center;color:#34d399;display:flex;font-size:14px;font-weight:600;gap:8px}.vpc-check-icon{color:#10b981}.vpc-content{padding:16px}.vpc-player-section{align-items:center;background:#0000004d;border-radius:12px;display:flex;gap:12px;margin-bottom:12px;padding:12px 14px}.vpc-play-btn{align-items:center;background:linear-gradient(135deg,#f472b6,#ec4899);border:none;border-radius:50%;box-shadow:0 4px 15px #f472b64d;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;transition:all .2s ease;width:44px}.vpc-play-btn:hover{box-shadow:0 6px 20px #f472b666;transform:scale(1.05)}.vpc-play-btn.playing{animation:pulse-glow 1.5s infinite;background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 15px #ef44444d}@keyframes pulse-glow{0%,to{box-shadow:0 4px 15px #ef44444d}50%{box-shadow:0 4px 25px #ef444480}}.vpc-waveform{background:#ffffff08;border-radius:6px;flex:1 1;height:36px;overflow:hidden;position:relative}.vpc-wave-bars,.vpc-waveform{align-items:center;display:flex}.vpc-wave-bars{gap:2px;height:100%;padding:4px 8px;width:100%}.vpc-bar{background:linear-gradient(180deg,#f472b6,#a855f7);border-radius:2px;flex:1 1;min-width:3px;transition:opacity .1s ease}.vpc-bar.animating{animation:wave-bounce .6s ease-in-out infinite alternate}@keyframes wave-bounce{0%{transform:scaleY(.4)}to{transform:scaleY(1)}}.vpc-progress-line{background:linear-gradient(90deg,#f472b6,#a855f7);border-radius:2px;bottom:0;height:3px;left:0;position:absolute;transition:width .1s linear}.vpc-label{color:#ffffff80;font-size:12px;min-width:60px;text-align:right;white-space:nowrap}.vpc-no-preview{align-items:center;display:flex;flex-direction:column;gap:4px;justify-content:center;padding:8px 0;width:100%}.vpc-no-preview .vpc-muted-icon{color:#ffffff4d;margin-bottom:4px}.vpc-no-preview span{color:#ffffff80;font-size:13px}.vpc-no-preview .vpc-subtext{color:#ffffff59;font-size:11px}.vpc-actions{background:#0003;border-top:1px solid #ffffff0d;padding:12px 16px}.vpc-change-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;color:#ffffffb3;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s ease;width:100%}.vpc-change-btn:hover{background:#ffffff14;border-color:#f472b64d;color:#fff}.voice-record-prompt{background:linear-gradient(135deg,#141418f2,#0a0a0cfa);border:1px solid #ffffff14;border-radius:16px;margin-top:12px;padding:20px;text-align:center}.vrp-icon{align-items:center;background:#f472b61a;border-radius:50%;color:#f472b6;display:flex;height:48px;justify-content:center;margin:0 auto 12px;width:48px}.voice-record-prompt h4{color:#fff;font-size:15px;font-weight:600;margin:0 0 6px}.voice-record-prompt p{color:#ffffff80;font-size:13px;line-height:1.5;margin:0 0 16px}.vrp-record-btn{align-items:center;background:linear-gradient(135deg,#f472b6,#ec4899);border:none;border-radius:50px;box-shadow:0 4px 15px #f472b64d;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.vrp-record-btn:hover{box-shadow:0 6px 20px #f472b666;transform:translateY(-2px)}.project-detail-modal{background:#0a0a0a;display:flex;flex-direction:column;inset:0;overflow:hidden;position:fixed;z-index:1000}.detail-header{align-items:center;background:#0d0d0d;border-bottom:1px solid #1a1a1a;display:flex;justify-content:space-between;padding:16px 24px}.detail-header .back-btn{align-items:center;background:#0000;border:1px solid #333;border-radius:8px;color:#9ca3af;cursor:pointer;display:flex;font-size:.9rem;gap:8px;padding:8px 12px;transition:all .2s}.detail-header .back-btn:hover{background:#1a1a1a;color:#fff}.detail-header h2{color:#fff;font-size:1.25rem;font-weight:600;margin:0}.detail-header .close-btn{background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;padding:8px;transition:all .2s}.detail-header .close-btn:hover{background:#1a1a1a;color:#fff}.detail-tabs{background:#0d0d0d;border-bottom:1px solid #1a1a1a;display:flex;gap:4px;overflow-x:auto;padding:12px 24px}.detail-tabs .tab{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:.9rem;gap:8px;padding:10px 16px;transition:all .2s;white-space:nowrap}.detail-tabs .tab:hover{background:#1a1a1a;color:#9ca3af}.detail-tabs .tab.active{background:#1a0a10;color:#fbcfe8e6}.detail-tabs .tab-check{color:#10b981}.detail-content{flex:1 1;overflow-y:auto;padding:24px}.detail-gallery{margin:0 auto;max-width:1200px}.gallery-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.download-all-btn,.export-btn{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:.9rem;gap:8px;padding:10px 16px;transition:all .2s}.download-all-btn{background:#1a1a1a;border:1px solid #333;color:#fff}.download-all-btn:hover{background:#222}.export-btn{background:#fbcfe8e6;border:none;color:#000;font-weight:600}.export-btn:hover{background:#f9a8d4}.export-btn:disabled{cursor:not-allowed;opacity:.6}.export-btn.large{font-size:1rem;padding:14px 24px}.export-error{align-items:center;background:#1a0a0a;border:1px solid #3d1515;border-radius:8px;color:#fca5a5;display:flex;gap:8px;margin-bottom:16px;padding:12px 16px}.gallery-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.gallery-item{background:#111;border-radius:12px;cursor:pointer;position:relative;transition:transform .2s}.gallery-item:hover{transform:scale(1.02)}.gallery-item img,.gallery-item video{aspect-ratio:16/9;display:block;object-fit:cover;width:100%}.video-item .play-overlay{align-items:center;background:#0000004d;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .2s}.video-item:hover .play-overlay{opacity:1}.item-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:space-between;left:0;padding:12px;position:absolute;right:0}.item-title{color:#fff;font-size:.85rem;font-weight:500}.item-overlay .download-btn{background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:6px;transition:all .2s}.item-overlay .download-btn:hover{background:#ffffff4d}.empty-section{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;min-height:400px;text-align:center}.empty-section svg{margin-bottom:16px;opacity:.5}.empty-section h3{color:#fff;margin:0 0 8px}.empty-section .hint{font-size:.85rem;margin-top:8px;max-width:300px}.combined-video-section{margin:0 auto;max-width:900px}.combined-video-container{background:#111;border:1px solid #222;border-radius:16px;padding:24px}.video-status{align-items:center;border-radius:8px;display:flex;gap:10px;margin-bottom:20px;padding:12px 16px}.video-status.success{background:#0d261a;color:#34d399}.combined-video{background:#000;border-radius:12px;width:100%}.video-actions{display:flex;justify-content:center;margin-top:20px}.primary-download-btn{align-items:center;background:#fbcfe8e6;border:none;border-radius:12px;color:#000;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;padding:14px 28px;transition:all .2s}.primary-download-btn:hover{background:#f9a8d4}.narration-list{display:flex;flex-direction:column;gap:12px;margin:0 auto;max-width:800px}.narration-item{align-items:center;background:#111;border:1px solid #222;border-radius:12px;display:flex;gap:16px;padding:16px}.narration-info{flex:1 1;min-width:0}.narration-title{color:#fff;font-size:.9rem;font-weight:600}.narration-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#9ca3af;display:-webkit-box;font-size:.8rem;margin:4px 0 0;overflow:hidden}.narration-item audio{flex-shrink:0;height:36px;width:200px}.narration-item .download-btn{background:#1a1a1a;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:8px;transition:all .2s}.narration-item .download-btn:hover{background:#222}.lightbox{align-items:center;background:#000000f2;display:flex;inset:0;justify-content:center;padding:40px;position:fixed;z-index:2000}.lightbox-close{background:#1a1a1a;border:none;border-radius:50%;color:#fff;cursor:pointer;padding:12px;position:absolute;right:20px;top:20px;transition:all .2s}.lightbox-close:hover{background:#333}.lightbox-content{align-items:center;display:flex;flex-direction:column;max-height:80vh;max-width:90vw}.lightbox-content img,.lightbox-content video{border-radius:12px;max-height:70vh;max-width:100%}.lightbox-info{color:#fff;margin-top:16px;text-align:center}.lightbox-info h3{margin:0 0 8px}.lightbox-info p{color:#9ca3af;margin:0}.detail-content::-webkit-scrollbar{width:6px}.detail-content::-webkit-scrollbar-track{background:#0000}.detail-content::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.history-modal{background:#0a0a0a;border:1px solid #ffffff1a;border-radius:16px;display:flex;flex-direction:column;max-height:85vh;max-width:900px;overflow:hidden;width:90vw}.history-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;padding:20px 24px}.history-header,.history-title{align-items:center;display:flex}.history-title{color:#fff;gap:12px}.history-title h2{font-size:1.5rem;font-weight:600;margin:0}.history-title svg{color:#ec4899}.history-header .close-btn{background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;padding:8px;transition:all .2s}.history-header .close-btn:hover{background:#ffffff1a;color:#fff}.history-search{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;gap:12px;padding:16px 24px}.history-search svg{color:#6b7280;flex-shrink:0}.history-search input{background:#0000;border:none;color:#fff;flex:1 1;font-size:1rem;outline:none}.history-search input::placeholder{color:#6b7280}.history-content{flex:1 1;overflow-y:auto;padding:24px}.history-empty,.history-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;min-height:300px;text-align:center}.history-empty svg,.history-loading svg{margin-bottom:16px;opacity:.5}.history-empty h3{color:#fff;margin:0 0 8px}.projects-grid{display:flex;flex-direction:column;gap:12px}.project-card{align-items:center;background:#ffffff08;border:1px solid #ffffff14;display:flex;gap:16px;padding:16px}.project-card:hover{background:#ffffff0f;border-color:#ffffff26}.project-thumbnail{border-radius:8px;flex-shrink:0;height:60px;overflow:hidden;width:80px}.thumbnail-placeholder{background:linear-gradient(135deg,#1a1a2e,#16213e);color:#6b7280}.project-status-badge{border-radius:4px;bottom:4px;color:#fff;font-size:.65rem;font-weight:600;left:4px;padding:2px 6px;position:absolute;text-transform:uppercase}.project-info{flex:1 1;min-width:0}.project-name{font-size:1rem;font-weight:600;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-meta{color:#6b7280;font-size:.8rem;gap:12px}.project-date{align-items:center;display:flex;gap:4px}.project-preview{color:#9ca3af;font-size:.8rem;margin:6px 0 0}.project-actions{gap:8px}.project-actions .delete-btn{background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;padding:8px;transition:all .2s}.project-actions .delete-btn:hover{background:#ef444433;color:#ef4444}.project-actions .chevron{color:#6b7280}.history-content::-webkit-scrollbar{width:6px}.history-content::-webkit-scrollbar-track{background:#0000}.history-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.history-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.upgrade-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000e6;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.upgrade-modal{background:#0a0a0a;border:1px solid #222;border-radius:16px;max-height:90vh;max-width:900px;overflow-y:auto;width:100%}.upgrade-header{border-bottom:1px solid #1a1a1a;justify-content:space-between;padding:24px 28px}.upgrade-header,.upgrade-title{align-items:center;display:flex}.upgrade-title{gap:16px}.upgrade-title .title-icon{color:#fbcfe8e6}.upgrade-title h2{color:#fff;font-size:1.5rem;font-weight:600;margin:0}.upgrade-title p{color:#71717a;font-size:.875rem;margin:4px 0 0}.close-btn{background:#0000;border:none;color:#71717a}.close-btn:hover{background:#1a1a1a}.current-balance{align-items:center;background:#111;border-bottom:1px solid #1a1a1a;display:flex;gap:12px;justify-content:center;padding:16px}.balance-label{color:#a1a1aa;font-size:.9rem}.balance-value{align-items:center;color:#fbcfe8e6;display:flex;font-size:1.1rem;font-weight:600;gap:6px}.conversion-info{align-items:center;background:#0d0d0d;border-bottom:1px solid #1a1a1a;color:#71717a;display:flex;font-size:.85rem;gap:8px;justify-content:center;padding:12px}.error-message{background:#1a0a0a;border:1px solid #3d1515;border-radius:8px;color:#fca5a5;font-size:.875rem;margin:16px 28px 0;padding:12px 16px;text-align:center}.packages-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);padding:24px 28px}@media (max-width:768px){.packages-grid{grid-template-columns:1fr}}.package-card{background:#111;border:1px solid #222;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;padding:24px;position:relative;transition:all .2s}.package-card:hover{border-color:#333}.package-card.selected{background:#150a10;border-color:#fbcfe8e6}.package-card.popular{background:#110a0d;border-color:#fbcfe8e6}.popular-badge{background:#fbcfe8e6;border-radius:12px;color:#000;font-size:.65rem;left:50%;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase;top:-12px;transform:translateX(-50%)}.popular-badge,.savings-badge{font-weight:700;position:absolute}.savings-badge{background:#0d261a;border:1px solid #166534;border-radius:6px;color:#34d399;font-size:.6rem;padding:4px 8px;right:16px;top:16px}.package-header{margin-bottom:20px;text-align:center}.package-tier{color:#f9a8d4;display:block;font-size:.7rem;font-weight:700;letter-spacing:1.5px;margin-bottom:12px;text-transform:uppercase}.package-credits{align-items:baseline;display:flex;gap:6px;justify-content:center;margin-bottom:4px}.credits-number{color:#fff;font-size:2.5rem;font-weight:600}.credits-label{color:#fbcfe8e6;font-size:1rem}.package-price{color:#a1a1aa;font-size:1.25rem}.package-features{border-top:1px solid #1a1a1a;flex:1 1;margin-bottom:20px;padding-top:16px}.feature-item{align-items:center;color:#d4d4d8;display:flex;font-size:.875rem;gap:10px;padding:8px 0}.feature-check{color:#fbcfe8e6;flex-shrink:0}.purchase-btn{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;justify-content:center;padding:14px 20px;transition:all .2s;width:100%}.purchase-btn.primary{background:#fff;border:none;color:#000}.purchase-btn.primary:hover{background:#fbcfe8e6}.purchase-btn.secondary{background:#0000;border:1px solid #333;color:#fff}.purchase-btn.secondary:hover{background:#fff;border-color:#fff;color:#000}.purchase-btn:disabled{cursor:not-allowed;opacity:.6}.purchase-btn .spinning{animation:spin 1s linear infinite}.upgrade-footer{padding:16px 28px 24px;text-align:center}.upgrade-footer p{color:#52525b;font-size:.8rem;margin:0}.generation-estimate-overlay{align-items:center;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.generation-estimate-card{animation:slideUp .2s ease-out;background:#0a0a0a;border:1px solid #ffffff14;border-radius:10px;max-width:340px;padding:16px 18px;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.estimate-header{align-items:center;display:flex;gap:8px;margin-bottom:12px}.estimate-header .header-icon{color:#fbcfe8e6;height:18px;width:18px}.estimate-header h2{color:#fff;font-size:15px;font-weight:600;margin:0}.estimate-info{align-items:flex-start;background:#3b82f614;border-left:2px solid #3b82f6;border-radius:4px;display:flex;gap:6px;margin-bottom:12px;padding:8px 10px}.estimate-info svg{color:#3b82f6;flex-shrink:0;height:14px;margin-top:1px;width:14px}.estimate-info p{color:#fff9;font-size:11px;line-height:1.35;margin:0}.estimate-breakdown{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.estimate-row{align-items:center;background:#111113;border:1px solid #ffffff0f;border-radius:6px;padding:8px 10px}.estimate-label{align-items:center;color:#fff9;display:flex;font-size:11px;font-weight:500;gap:6px}.estimate-label svg{color:#fbcfe8cc;height:13px;width:13px}.estimate-value{align-items:flex-end;display:flex;flex-direction:column;gap:1px}.estimate-value .time{color:#fff;font-size:13px;font-weight:600}.estimate-value .detail{color:#fff6;font-size:10px}.estimate-total{background:#f472b614;border:1px solid #fbcfe826;border-radius:6px;justify-content:space-between;margin-top:2px;padding:10px 12px}.estimate-total,.total-label{align-items:center;display:flex}.total-label{color:#fff;font-size:12px;font-weight:600;gap:6px}.total-label svg{color:#fbcfe8e6;height:14px;width:14px}.total-value{color:#fbcfe8e6;font-size:16px;font-weight:700}.notification-toggle{background:#111113;border:1px solid #ffffff0f;border-radius:6px;margin:10px 0;padding:10px}.toggle-container{align-items:center;cursor:pointer;display:flex;gap:10px;position:relative}.toggle-container input[type=checkbox]{height:0;opacity:0;position:absolute;width:0}.toggle-slider{background:#ffffff26;border-radius:10px;flex-shrink:0;height:20px;position:relative;transition:all .2s ease;width:36px}.toggle-slider:before{height:16px;left:2px;top:2px;transition:all .2s ease;width:16px}.toggle-container input:checked+.toggle-slider{background:#fbcfe8e6}.toggle-container input:checked+.toggle-slider:before{background:#020204;transform:translateX(16px)}.toggle-label{align-items:center;color:#fff9;display:flex;font-size:11px;font-weight:500;gap:6px;-webkit-user-select:none;user-select:none}.toggle-label svg{color:#fbcfe8cc;height:14px;width:14px}.email-preview{background:#f472b614;border-left:2px solid #fbcfe8e6;border-radius:4px;color:#fff9;font-size:11px;margin-top:8px;padding:8px}.email-preview strong{color:#fbcfe8e6}.estimate-actions{display:flex;gap:8px;margin-bottom:10px}.cancel-btn,.confirm-btn{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:10px 14px;transition:all .15s ease}.cancel-btn{background:#111113;border:1px solid #ffffff1a;color:#fff9}.cancel-btn:hover{background:#1a1a1a;color:#fff}.confirm-btn{background:#fbcfe8e6;color:#020204}.confirm-btn:hover{background:#fbcfe8}.estimate-note{align-items:center;background:#ffffff08;border-radius:6px;color:#fff6;display:flex;font-size:10px;gap:6px;padding:8px}.estimate-note svg{color:#ffffff4d;flex-shrink:0;height:12px;width:12px}@media (max-width:400px){.generation-estimate-card{max-width:95%;padding:14px}}.projects-page{background:#0a0a0a;display:flex;flex-direction:column;min-height:100vh}.projects-header{align-items:center;background:#0d0d0d;border-bottom:1px solid #1a1a1a;display:flex;justify-content:space-between;padding:16px 32px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-left{flex:1 1}.back-button{align-items:center;background:#0000;border:1px solid #333;border-radius:8px;color:#a1a1aa;cursor:pointer;display:flex;font-size:.9rem;gap:8px;padding:10px 16px;transition:all .2s}.back-button:hover{background:#1a1a1a;border-color:#444;color:#fff}.header-center{display:flex;flex:1 1;justify-content:center}.header-center h1{align-items:center;color:#fff;display:flex;font-size:1.5rem;font-weight:600;gap:12px;margin:0}.header-center h1 svg{color:#f472b6}.header-right{flex:1 1;gap:16px;justify-content:flex-end}.new-project-btn{align-items:center;background:#fff;border:none;border-radius:8px;color:#000;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.new-project-btn:hover{background:#f472b6}.projects-main{flex:1 1;margin:0 auto;max-width:1400px;padding:32px;width:100%}.projects-toolbar{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:32px}.search-container{align-items:center;background:#111;border:1px solid #222;border-radius:8px;display:flex;flex:1 1;gap:12px;max-width:400px;padding:12px 16px}.search-container svg{color:#52525b;flex-shrink:0}.search-container input{background:#0000;border:none;color:#fff;flex:1 1;font-size:.95rem;outline:none}.search-container input::placeholder{color:#52525b}.project-count{color:#71717a;font-size:.9rem}.projects-loading{align-items:center;color:#71717a;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:100px 20px}.projects-loading .spinning{animation:spin 1s linear infinite;color:#f472b6}.projects-empty{flex-direction:column;padding:100px 20px;text-align:center}.projects-empty,.projects-empty .empty-icon{align-items:center;display:flex;justify-content:center}.projects-empty .empty-icon{background:#111;border:1px solid #222;border-radius:50%;height:120px;margin-bottom:24px;width:120px}.projects-empty .empty-icon svg{color:#52525b}.projects-empty h2{color:#fff;font-size:1.5rem;margin:0 0 8px}.projects-empty p{color:#71717a;font-size:1rem;margin:0 0 32px}.create-first-btn{align-items:center;background:#f472b6;border:none;border-radius:8px;color:#000;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;padding:14px 28px;transition:all .2s}.create-first-btn:hover{background:#f9a8d4}.projects-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.project-card{background:#111;border:1px solid #222;border-radius:12px;cursor:pointer;overflow:hidden;transition:all .2s}.project-card:hover{border-color:#333;transform:translateY(-4px)}.project-thumbnail{aspect-ratio:16/9;background:#0d0d0d;position:relative}.project-thumbnail img{height:100%;object-fit:cover;width:100%}.thumbnail-placeholder{align-items:center;background:#0d0d0d;color:#333;display:flex;height:100%;justify-content:center;width:100%}.project-status{border-radius:4px;color:#fff;font-size:.7rem;font-weight:600;left:12px;letter-spacing:.5px;padding:4px 10px;position:absolute;text-transform:uppercase;top:12px}.project-info{padding:16px 20px}.project-info h3{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-meta{gap:16px;margin-bottom:8px}.meta-item,.project-meta{align-items:center;display:flex}.meta-item{color:#71717a;font-size:.8rem;gap:6px}.project-preview{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#52525b;display:-webkit-box;font-size:.85rem;line-height:1.4;margin:0;overflow:hidden}.project-actions{align-items:center;border-top:1px solid #1a1a1a;display:flex;justify-content:space-between;padding:12px 20px}.delete-btn{background:#0000;border:none;border-radius:6px;color:#52525b;cursor:pointer;padding:8px;transition:all .2s}.delete-btn:hover{background:#1a0a0a;color:#ef4444}.delete-btn:disabled{cursor:not-allowed;opacity:.5}.chevron{color:#52525b;transition:all .2s}.project-card:hover .chevron{color:#f472b6;transform:translateX(4px)}@media (max-width:768px){.projects-header{flex-wrap:wrap;gap:12px;padding:12px 16px}.header-center{flex-basis:100%;justify-content:flex-start;order:-1}.header-center h1{font-size:1.25rem}.back-button span{display:none}.projects-main{padding:20px 16px}.projects-toolbar{align-items:stretch;flex-direction:column}.search-container{max-width:none}.projects-grid{grid-template-columns:1fr}}:root{--bg-page:#020204;--bg-surface:#0a0a0a;--bg-surface-2:#111113;--border-strong:#ffffff24;--text-secondary:#ffffffa6;--text-muted:#ffffff73;--accent:#fbcfe8e6;--accent-muted:#f472b626;--success:#10b981;--error:#ef4444}.settings-page{background:#020204;background:var(--bg-page);color:#fff;color:var(--text-primary);margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);min-height:100vh;overflow-x:hidden;padding:0;width:100vw}.settings-header{align-items:center;background:#0a0a0a;background:var(--bg-surface);border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border-subtle);display:flex;gap:20px;left:0;padding:24px 40px;position:-webkit-sticky;position:sticky;right:0;top:0;width:100%;z-index:100}.settings-back-btn{align-items:center;background:#111113;background:var(--bg-surface-2);border:1px solid #ffffff24;border:1px solid var(--border-strong);border-radius:10px;color:#ffffffa6;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 16px;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}.settings-back-btn:hover{background:#020204;border-color:#ffffff2e;color:#fff;color:var(--text-primary)}.settings-back-btn:active{transform:translateY(1px)}.settings-header h1{font-size:24px;font-weight:600;margin:0}.settings-container{grid-gap:40px;align-items:start;display:grid;gap:40px;grid-template-columns:260px minmax(0,1fr);margin:0 auto;max-width:1200px;padding:40px}.settings-sidebar{flex-shrink:0;width:260px}.settings-nav{display:flex;flex-direction:column;gap:6px;position:-webkit-sticky;position:sticky;top:120px}.settings-nav-item{align-items:center;background:#0000;border:1px solid #0000;border-radius:12px;color:#ffffffa6;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;gap:12px;padding:14px 16px;text-align:left;transition:background .15s ease,border-color .15s ease,color .15s ease}.settings-nav-item:hover{background:#ffffff0a;border-color:#ffffff0f;color:#ffffffe6}.settings-nav-item.active{background:#111113;background:var(--bg-surface-2);border:1px solid #f472b626;border:1px solid var(--accent-muted);color:#fbcfe8e6;color:var(--accent)}.settings-nav-item .nav-chevron{margin-left:auto;opacity:0;transition:opacity .15s ease}.settings-nav-item.active .nav-chevron,.settings-nav-item:hover .nav-chevron{opacity:1}.settings-content{flex:1 1;min-width:0}.settings-section{animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.settings-section h2{font-size:28px;font-weight:600;margin:0 0 8px}.section-description{color:#ffffff73;color:var(--text-muted);font-size:15px;margin:0 0 32px}.settings-message{animation:slideDown .25s ease;background:#0a0a0a;background:var(--bg-surface);border:1px solid #ffffff14;border:1px solid var(--border-subtle);border-radius:12px;font-size:14px;margin-bottom:24px;padding:14px 20px}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.settings-message.success{background:#10b98114;border-color:#10b98140;color:#10b981;color:var(--success)}.settings-message.error{background:#ef444414;border-color:#ef444440;color:#ef4444;color:var(--error)}.settings-card{background:#0a0a0a;background:var(--bg-surface);border:1px solid #ffffff14;border:1px solid var(--border-subtle);border-radius:16px;margin-bottom:24px;padding:28px}.settings-card h3{align-items:center;color:#ffffffeb;display:flex;font-size:16px;font-weight:600;gap:10px;margin:0 0 20px}.settings-card.danger{background:#ef44440f;border-color:#ef444438}.settings-card.danger h3{color:#ef4444;color:var(--error)}.card-description{color:#ffffff73;color:var(--text-muted);font-size:14px;margin:-12px 0 20px}.profile-avatar-section{align-items:center;border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border-subtle);display:flex;gap:20px;margin-bottom:28px;padding-bottom:28px}.profile-avatar-large{align-items:center;background:#111113;background:var(--bg-surface-2);border:1px solid #ffffff24;border:1px solid var(--border-strong);border-radius:50%;color:#fbcfe8e6;color:var(--accent);display:flex;font-size:32px;font-weight:700;height:80px;justify-content:center;overflow:hidden;width:80px}.profile-avatar-large img{height:100%;object-fit:cover;width:100%}.form-group{margin-bottom:20px}.form-group label{color:#ffffffa6;display:block;margin-bottom:8px}.form-group input{background:#111113;background:var(--bg-surface-2);border:1px solid #ffffff14;border:1px solid var(--border-subtle);border-radius:10px;color:#fff;color:var(--text-primary);font-size:14px;padding:14px 16px;transition:border-color .15s ease,background .15s ease;width:100%}.form-group input:focus{background:#1a1d27;border-color:#f472b680;outline:none}.form-group input.disabled{cursor:not-allowed;opacity:.55}.input-with-icon{position:relative}.input-with-icon svg{color:#ffffff59;left:14px;position:absolute;top:50%;transform:translateY(-50%)}.input-with-icon input{padding-left:42px}.form-hint{color:#ffffff73;color:var(--text-muted);display:block;font-size:12px;margin-top:6px}.btn-primary{background:#fbcfe8e6;background:var(--accent);border:1px solid #00000040;border-radius:10px;color:#0b0c0f;cursor:pointer;font-size:14px;font-weight:700;padding:14px 28px;transition:transform .12s ease,background .12s ease,opacity .12s ease}.btn-primary:hover:not(:disabled){background:#fbcfe8e6}.btn-primary:active:not(:disabled){transform:translateY(1px)}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.btn-secondary{background:#111113;background:var(--bg-surface-2);border:1px solid #ffffff24;border:1px solid var(--border-strong);border-radius:10px;color:#fff;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:600;padding:14px 28px;transition:background .15s ease,border-color .15s ease,opacity .15s ease}.btn-secondary:hover{background:#1a1d27;border-color:#ffffff2e}.btn-sm{font-size:13px;padding:10px 18px}.btn-danger{background:#ef44441f;border:1px solid #ef444447;border-radius:10px;color:#ef4444;color:var(--error);cursor:pointer;font-size:14px;font-weight:700;padding:14px 28px;transition:background .15s ease,opacity .15s ease}.btn-danger:hover:not(:disabled){background:#ef44442e}.btn-danger:disabled{cursor:not-allowed;opacity:.5}.btn-icon{background:#0000;border:1px solid #0000;border-radius:8px;color:#ffffff8c;cursor:pointer;padding:8px;transition:background .15s ease,border-color .15s ease,color .15s ease}.btn-icon:hover{background:#ffffff0f;border-color:#ffffff14;color:#fff;color:var(--text-primary)}.notification-group{margin-bottom:28px}.notification-group:last-child{margin-bottom:0}.notification-group h3{color:#ffffff73;color:var(--text-muted);font-size:13px;font-weight:700;letter-spacing:.5px;margin-bottom:16px;text-transform:uppercase}.notification-item{align-items:center;border-bottom:1px solid #ffffff0f;display:flex;justify-content:space-between;padding:16px 0}.notification-item:last-child{border-bottom:none}.notification-info{align-items:center;display:flex;gap:14px}.notification-info svg{color:#fff6}.notification-info>div{display:flex;flex-direction:column;gap:4px}.notification-title{color:#ffffffeb;font-size:14px;font-weight:600}.notification-desc{color:#ffffff73;color:var(--text-muted);font-size:13px}.toggle{display:inline-block;height:26px;position:relative;width:48px}.toggle input{height:0;opacity:0;width:0}.toggle-slider{background:#ffffff1f;border:1px solid #ffffff1f;border-radius:26px;cursor:pointer;inset:0;position:absolute;transition:background .2s ease,border-color .2s ease}.toggle-slider:before{background:#fff;border-radius:50%;bottom:3px;content:"";height:20px;left:3px;position:absolute;transition:transform .2s ease;width:20px}.toggle input:checked+.toggle-slider{background:#fbcfe8e6;background:var(--accent);border-color:#00000040}.toggle input:checked+.toggle-slider:before{transform:translateX(22px)}.credits-overview{display:flex;gap:20px;margin-bottom:24px}.credit-card{align-items:center;background:#0a0a0a;background:var(--bg-surface);border:1px solid #ffffff14;border:1px solid var(--border-subtle);border-radius:16px;display:flex;gap:16px;padding:24px}.credit-card.main{background:#111113;background:var(--bg-surface-2);border-color:#ffffff24;border-color:var(--border-strong);flex:1 1}.credit-card-icon{align-items:center;background:#0e1015;border:1px solid #ffffff24;border:1px solid var(--border-strong);border-radius:14px;color:#fbcfe8e6;color:var(--accent);display:flex;height:56px;justify-content:center;width:56px}.credit-card-content{flex:1 1}.credit-label{color:#ffffff73;color:var(--text-muted);display:block;font-size:13px;margin-bottom:4px}.credit-value{color:#fff;color:var(--text-primary);font-size:32px;font-weight:800}.credit-stats{display:flex;gap:16px}.credit-stat{align-items:center;background:#0a0a0a;background:var(--bg-surface);border:1px solid #ffffff14;border:1px solid var(--border-subtle);border-radius:12px;display:flex;gap:12px;min-width:140px;padding:20px}.credit-stat svg{color:#ffffff73}.credit-stat>div{display:flex;flex-direction:column}.stat-value{color:#fff;color:var(--text-primary);font-size:20px;font-weight:700}.stat-label{color:#ffffff73;color:var(--text-muted);font-size:12px}.credits-history{max-height:400px;overflow-y:auto}.history-table{border-collapse:collapse;width:100%}.history-table th{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border-subtle);color:#ffffff73;color:var(--text-muted);font-size:12px;font-weight:700;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.history-table td{border-bottom:1px solid #ffffff0a;padding:16px}.history-table tr:last-child td{border-bottom:none}.transaction-type{align-items:center;background:#ffffff0f;border:1px solid #ffffff14;border-radius:10px;color:#ffffffb3;display:flex;height:36px;justify-content:center;width:36px}.transaction-desc{color:#ffffffeb;display:block;font-size:14px}.transaction-project{display:block;font-size:12px;margin-top:2px}.transaction-date,.transaction-project{color:#ffffff73;color:var(--text-muted)}.transaction-date{font-size:13px}.transaction-amount{font-size:14px;font-weight:700}.transaction-amount.positive{color:#10b981;color:var(--success)}.transaction-amount.negative{color:#ef4444;color:var(--error)}.transaction-balance{color:#ffffffa6;color:var(--text-secondary);font-size:14px}.empty-history{align-items:center;color:#ffffff59;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.empty-history svg{margin-bottom:12px;opacity:.6}.referral-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.referral-stat-card{align-items:center;background:#0a0a0a;background:var(--bg-surface);border:1px solid #ffffff14;border:1px solid var(--border-subtle);border-radius:14px;display:flex;flex-direction:column;gap:8px;padding:20px;text-align:center}.referral-stat-card svg{color:#ffffff73}.referral-stat-card .stat-value{font-size:28px;font-weight:800}.referral-stat-card .stat-label{color:#ffffff73;color:var(--text-muted);font-size:12px}.referral-stat-card.highlight{background:#111113;background:var(--bg-surface-2);border-color:#ffffff24;border-color:var(--border-strong)}.referral-stat-card.highlight svg{color:#fbcfe8e6;color:var(--accent)}.referral-link-box{display:flex;gap:12px;margin-bottom:16px}.referral-link-box input{background:#111113;background:var(--bg-surface-2);border:1px solid #ffffff14;border:1px solid var(--border-subtle);border-radius:10px;color:#fffc;flex:1 1;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:13px;padding:14px 16px}.btn-copy{align-items:center;background:#fbcfe8e6;background:var(--accent);border:1px solid #00000040;border-radius:10px;color:#0b0c0f;cursor:pointer;display:flex;font-size:14px;font-weight:800;gap:8px;padding:14px 24px;transition:transform .12s ease,background .12s ease;white-space:nowrap}.btn-copy:hover{background:#f58bc2}.btn-copy:active{transform:translateY(1px)}.referral-code-box{align-items:center;background:#0a0a0a;background:var(--bg-surface);border:1px solid #ffffff14;border:1px solid var(--border-subtle);border-radius:10px;display:flex;gap:12px;padding:12px 16px;width:-webkit-fit-content;width:fit-content}.code-label{color:#ffffff73;color:var(--text-muted);font-size:13px}.referral-code{background:#0000;color:#fbcfe8e6;color:var(--accent);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:16px;font-weight:800;padding:0}.share-buttons{display:flex;flex-wrap:wrap;gap:12px}.share-btn{align-items:center;background:#0a0a0a;background:var(--bg-surface);border:1px solid #ffffff24;border:1px solid var(--border-strong);border-radius:10px;color:#fff;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:background .15s ease,border-color .15s ease}.share-btn.twitter{background:#1da1f214;border-color:#1da1f24d;color:#1da1f2}.share-btn.twitter:hover{background:#1da1f224}.share-btn.facebook{background:#4267b214;border-color:#4267b24d;color:#4267b2}.share-btn.facebook:hover{background:#4267b224}.share-btn.whatsapp{background:#25d36614;border-color:#25d3664d;color:#25d366}.share-btn.whatsapp:hover{background:#25d36624}.share-btn.email{background:#0a0a0a;background:var(--bg-surface);color:#ffffffa6;color:var(--text-secondary)}.share-btn.email:hover{background:#111113;background:var(--bg-surface-2)}.referral-steps{display:flex;flex-direction:column;gap:20px}.referral-step{align-items:flex-start;display:flex;gap:16px}.step-number{align-items:center;background:#111113;background:var(--bg-surface-2);border:1px solid #ffffff24;border:1px solid var(--border-strong);border-radius:50%;color:#fbcfe8e6;color:var(--accent);display:flex;flex-shrink:0;font-size:14px;font-weight:800;height:32px;justify-content:center;width:32px}.step-content{display:flex;flex-direction:column;gap:4px;padding-top:4px}.step-title{color:#ffffffeb;font-size:14px;font-weight:700}.step-desc{color:#ffffff73;color:var(--text-muted);font-size:13px}.danger-warning{color:#ffffffa6;color:var(--text-secondary);font-size:14px;line-height:1.6;margin-bottom:20px}.delete-confirm{margin-top:16px}.delete-confirm p{color:#ffffffa6;color:var(--text-secondary);font-size:14px;margin-bottom:12px}.delete-confirm input{background:#111113;background:var(--bg-surface-2);border:1px solid #ef444459;border-radius:10px;color:#fff;color:var(--text-primary);font-size:14px;margin-bottom:16px;padding:14px 16px;width:100%}.delete-confirm input:focus{background:#1a1d27;border-color:#ef444499;outline:none}.delete-actions{display:flex;gap:12px}@media (max-width:1024px){.settings-container{flex-direction:column;padding:24px}.settings-sidebar{width:100%}.settings-nav{flex-direction:row;gap:8px;overflow-x:auto;padding-bottom:8px;position:static}.settings-nav-item{padding:12px 16px;white-space:nowrap}.settings-nav-item .nav-chevron{display:none}.credits-overview{flex-direction:column}.credit-stats{flex-wrap:wrap}.credit-stat{flex:1 1;min-width:120px}.referral-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.settings-container{gap:24px;grid-template-columns:1fr;padding:16px}.settings-sidebar{width:100%}.settings-nav{flex-direction:row;gap:8px;overflow-x:auto;padding-bottom:8px;position:static}.settings-nav-item{padding:12px 16px;white-space:nowrap}.settings-nav-item .nav-chevron{display:none}}*{box-sizing:border-box;margin:0;padding:0}:root{--bg-deep:#020204;--bg-panel:#0a0a0a;--bg-panel-alt:#111113;--bg-subtle:#030303;--bg-input:#00000080;--text-primary:#fff;--text-secondary:#fffc;--text-muted:#fff9;--text-faint:#fff6;--text-rose:#fbcfe8e6;--border-soft:#ffffff0d;--border-subtle:#ffffff14;--border-rose:#fbcfe84d;--accent-rose:#fbcfe8e6;--accent-rose-soft:#fbcfe840;--accent-rose-bg:#fbcfe814;--status-error-bg:#ef44441a;--status-error-border:#ef44444d;--status-error-text:#fca5a5;--status-warning-bg:#f59e0b1a;--status-warning-border:#f59e0b4d;--status-warning-text:#fbbf24;--status-success-bg:#10b9811a;--status-success-border:#10b9814d;--status-success-text:#34d399;--btn-primary-bg:#fff;--btn-primary-text:#000;--btn-subtle-bg:#fbcfe81a;--btn-subtle-text:#ffffffe6;--shadow-soft:0 0 30px #0009;--shadow-panel:0 16px 40px #000000b3;--shadow-rose:0 0 30px #fbcfe840}body{-webkit-font-smoothing:antialiased;color:#fff;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app,body{background:#020204;background:var(--bg-deep)}.app{display:flex;height:100vh}.sidebar{background:#0a0a0a;background:var(--bg-panel);border-right:1px solid #ffffff0d;border-right:1px solid var(--border-soft);box-shadow:0 0 30px #0009;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;position:relative;transition:width .3s ease,min-width .3s ease;width:380px}.gradient-heading{background:linear-gradient(120deg,#f9a8d4,#f5d0fe);background-clip:text;-webkit-background-clip:text;color:#0000}.sidebar.collapsed{min-width:60px;width:60px}.sidebar-toggle{align-items:center;background:#0a0a0a;background:var(--bg-panel);border:1px solid #fbcfe84d;border:1px solid var(--border-rose);border-radius:999px;color:#fbcfe8e6;color:var(--text-rose);cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:-12px;top:20px;transition:all .2s;width:24px;z-index:10}.sidebar-toggle:hover{background:#111113;background:var(--bg-panel-alt);box-shadow:0 0 30px #fbcfe840;box-shadow:var(--shadow-rose);transform:scale(1.05)}.sidebar-header{background:#0a0a0a;background:var(--bg-panel);border-bottom:1px solid #ffffff0d;border-bottom:1px solid var(--border-soft);padding:20px}.logo{gap:10px;margin-bottom:8px}.logo,.logo-icon{align-items:center;display:flex}.logo-icon{background:#0f0f0f;border:1px solid #fbcfe84d;border:1px solid var(--border-rose);border-radius:10px;color:#fbcfe8e6;color:var(--text-rose);height:32px;justify-content:center;width:32px}.logo-text{color:#fff;color:var(--text-primary);font-size:22px;font-weight:700;letter-spacing:.04em}.subtitle{color:#fff9;color:var(--text-muted);display:block;font-size:12px;margin-bottom:16px;padding-left:42px}.progress-container{margin-top:12px}.progress-bars{display:flex;gap:6px;margin-bottom:8px}.progress-bar{background:#080808;border-radius:999px;flex:1 1;height:4px;transition:all .3s}.progress-bar.active{background:#fbcfe840;background:var(--accent-rose-soft)}.progress-labels{color:#fff6;color:var(--text-faint);display:flex;font-size:11px;font-weight:500;justify-content:space-between}.progress-labels span.active{color:#fbcfe8e6;color:var(--text-rose)}.sidebar-content{flex:1 1;overflow-y:auto;padding:20px}.sidebar-content::-webkit-scrollbar{width:5px}.sidebar-content::-webkit-scrollbar-track{background:#0000}.sidebar-content::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}.form-section{display:flex;flex-direction:column;gap:16px}.form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.form-row.single-column{grid-template-columns:1fr}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{align-items:center;color:#fffc;color:var(--text-secondary);display:flex;font-size:13px;font-weight:500;gap:6px}.info-icon{color:#fbcfe840;color:var(--accent-rose-soft);cursor:help}.form-group input,.form-group select,.form-group textarea{background:#00000080;background:var(--bg-input);border:1px solid #ffffff14;border:1px solid var(--border-subtle);border-radius:8px;color:#fff;color:var(--text-primary);font-family:inherit;font-size:13px;padding:10px 12px;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#fbcfe84d;border-color:var(--border-rose);box-shadow:0 0 0 1px #fbcfe84d;box-shadow:0 0 0 1px var(--border-rose);outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#fff6;color:var(--text-faint)}.form-group textarea{line-height:1.4;resize:none}.partner-section{background:#0006;border:1px solid #ffffff14;border:1px solid var(--border-subtle);border-radius:10px;margin-top:8px;padding:12px}.partner-section h4{color:#fffc;color:var(--text-secondary);font-size:13px;margin-bottom:8px}.field-note{color:#fff9;color:var(--text-muted);font-size:11px;margin-top:4px}.model-select{align-items:center;background:#00000080;background:var(--bg-input);border:1px solid #ffffff14;border:1px solid var(--border-subtle);border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:10px 12px;position:relative}.model-icon{background:#080808;border:1px solid #ffffff0d;border:1px solid var(--border-soft);border-radius:6px;flex-shrink:0;height:24px;width:24px}.model-name{color:#fff;color:var(--text-primary);flex:1 1;font-size:13px;font-weight:500}.dropdown-arrow{color:#fff6;color:var(--text-faint);flex-shrink:0}.model-select select{cursor:pointer;height:100%;inset:0;opacity:0;position:absolute;width:100%}.advanced-section{border-top:1px solid #ffffff0d;border-top:1px solid var(--border-soft);margin-top:12px;padding-top:16px}.advanced-toggle{align-items:center;background:#00000080;background:var(--bg-input);border:1px solid #ffffff14;border:1px solid var(--border-subtle);border-radius:8px;color:#fffc;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;font-weight:500;justify-content:space-between;padding:10px 12px;transition:all .2s;width:100%}.advanced-toggle:hover{background:#ffffff08;border-color:#fbcfe84d;border-color:var(--border-rose)}.advanced-toggle-content{align-items:center;display:flex;gap:8px}.advanced-content{background:#0009;border:1px solid #ffffff14;border:1px solid var(--border-subtle);border-radius:8px;gap:14px;margin-top:12px;padding:16px}.advanced-content,.styles-grid{display:flex;flex-direction:column}.styles-grid{gap:10px}.style-card-compact{background:#00000080;border:1px solid #ffffff14;border:1px solid var(--border-subtle);border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:10px;transition:all .2s}.style-card-compact:hover{background:#ffffff05;border-color:#fbcfe84d;border-color:var(--border-rose)}.style-card-compact.active{border-color:#fbcfe8e6;border-color:var(--accent-rose);box-shadow:0 0 30px #fbcfe840;box-shadow:var(--shadow-rose)}.style-thumbnail{background:#050505;border-radius:6px;flex-shrink:0;height:60px;overflow:hidden;position:relative;width:80px}.style-thumbnail img{height:100%;object-fit:cover;width:100%}.selected-badge{align-items:center;background:#000;border:1px solid #fbcfe84d;border:1px solid var(--border-rose);border-radius:4px;color:#fbcfe8e6;color:var(--accent-rose);display:flex;justify-content:center;padding:3px;position:absolute;right:4px;top:4px}.style-info-compact{display:flex;flex:1 1;flex-direction:column;gap:4px;justify-content:center}.style-name{color:#fff;color:var(--text-primary);font-size:13px;font-weight:600}.style-desc{color:#fff9;color:var(--text-muted);font-size:11px;line-height:1.3}.estimate-box{background:#fbcfe814;background:var(--accent-rose-bg);border:1px solid #fbcfe840;border:1px solid var(--accent-rose-soft);border-radius:10px;margin-top:8px;padding:14px}.estimate-box h4{color:#fffc;color:var(--text-secondary);font-size:13px;margin-bottom:10px}.estimate-row{color:#fff9;color:var(--text-muted);display:flex;font-size:12px;justify-content:space-between;margin-bottom:6px}.estimate-row:last-child{margin-bottom:0}.estimate-row strong{color:#fff;color:var(--text-primary)}.sidebar-footer{border-top:1px solid #ffffff0d;border-top:1px solid var(--border-soft);display:flex;flex-direction:column;gap:10px;padding:20px}.error-banner{background:#ef44441a;background:var(--status-error-bg);border:1px solid #ef44444d;border:1px solid var(--status-error-border);border-radius:8px;color:#fca5a5;color:var(--status-error-text);font-size:12px;line-height:1.4;padding:10px 12px}.generate-btn{align-items:center;background:#fff;background:var(--btn-primary-bg);border:1px solid #ffffff14;border:1px solid var(--border-subtle);border-radius:999px;box-shadow:none;color:#000;color:var(--btn-primary-text);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px;transition:all .2s;width:100%}.generate-btn:hover:not(:disabled){box-shadow:0 0 30px #fbcfe840;box-shadow:var(--shadow-rose);transform:translateY(-1px) scale(1.02)}.generate-btn:disabled{cursor:not-allowed;opacity:.6}.approve-btn{align-items:center;background:#fbcfe8e6;background:var(--accent-rose);border:none;border-radius:999px;color:#000;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px;transition:all .2s;width:100%}.approve-btn:hover:not(:disabled){box-shadow:0 0 30px #fbcfe840;box-shadow:var(--shadow-rose);transform:translateY(-1px) scale(1.02)}.approve-btn:disabled{cursor:not-allowed;opacity:.6}.back-btn{background:#0000;border:1px solid #ffffff14;border:1px solid var(--border-subtle);border-radius:999px;color:#fffc;color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:500;padding:10px;transition:all .2s;width:100%}.back-btn:hover{border-color:#fbcfe84d;border-color:var(--border-rose);color:#fbcfe8e6;color:var(--text-rose)}.progress-text{color:#fff;font-size:13px}.progress-subtext{color:#fff9;font-size:12px}.main-content{background:#020204;background:var(--bg-deep);display:flex;flex:1 1;flex-direction:column}.main-header{background:#0a0a0a;background:var(--bg-panel);border-bottom:1px solid #ffffff0d;border-bottom:1px solid var(--border-soft);justify-content:space-between;padding:16px 32px}.header-left,.main-header{align-items:center;display:flex}.header-left{gap:12px}.project-selector{align-items:center;display:flex;gap:8px;position:relative}.edit-project-btn{align-items:center;background:none;border:none;color:#fff9;color:var(--text-muted);cursor:pointer;display:flex;padding:4px;transition:color .2s}.edit-project-btn:hover{color:#fffc;color:var(--text-secondary)}.project-dropdown{cursor:pointer;font-size:14px;height:100%;left:0;opacity:0;pointer-events:all;position:absolute;top:0;width:100%}.project-name-editor{align-items:center;display:flex;gap:8px}.project-name-editor input{background:#00000080;background:var(--bg-input);border:1px solid #fbcfe84d;border:1px solid var(--border-rose);border-radius:6px;color:#fff;color:var(--text-primary);font-size:14px;font-weight:500;padding:6px 12px}.cancel-project-btn,.save-project-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;padding:6px;transition:all .2s}.save-project-btn{background:#fbcfe8e6;background:var(--accent-rose);color:#000}.save-project-btn:hover{box-shadow:0 0 30px #fbcfe840;box-shadow:var(--shadow-rose);transform:scale(1.03)}.cancel-project-btn{background:#ffffff08;color:#fff9;color:var(--text-muted)}.cancel-project-btn:hover{background:#ffffff0f}.project-name{color:#fff9;color:var(--text-muted);font-size:14px}.header-right{gap:12px}.header-btn,.header-right{align-items:center;display:flex}.header-btn{background:#0000;border:1px solid #ffffff14;border:1px solid var(--border-subtle);border-radius:999px;color:#fffc;color:var(--text-secondary);cursor:pointer;font-size:13px;gap:6px;padding:8px 14px;transition:all .2s}.header-btn:hover{background:#ffffff08;border-color:#fbcfe84d;border-color:var(--border-rose)}.credits-badge{align-items:center;background:#ffffff05;border:1px solid #ffffff14;border:1px solid var(--border-subtle);border-radius:999px;color:#fffc;color:var(--text-secondary);display:flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px}.credit-icon{font-size:14px}.upgrade-btn{background:#fbcfe8e6;background:var(--accent-rose);border:none;border-radius:999px;box-shadow:none;color:#000;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s}.upgrade-btn:hover{box-shadow:0 0 30px #fbcfe840;box-shadow:var(--shadow-rose);transform:translateY(-1px) scale(1.02)}.main-body{flex:1 1;overflow-y:auto;padding:40px}.main-body::-webkit-scrollbar{width:8px}.main-body::-webkit-scrollbar-track{background:#0000}.main-body::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}.hero{margin:0 auto;max-width:1400px}.hero-content{margin:0 auto 60px;max-width:900px;text-align:center}.hero-badge{align-items:center;background:#ffffff08;border:1px solid #ffffff14;border:1px solid var(--border-subtle);border-radius:999px;color:#fffc;color:var(--text-secondary);display:inline-flex;font-size:12px;font-weight:500;gap:6px;margin-bottom:24px;padding:6px 14px}.hero h1{color:#fff;color:var(--text-primary);font-size:52px;font-weight:700;line-height:1.2;margin-bottom:16px}.hero>.hero-content>p{color:#fff9;color:var(--text-muted);font-size:18px;line-height:1.6;margin-bottom:48px}.hero-styles{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.hero-style-card{background:#0a0a0a;background:var(--bg-panel);border:1px solid #ffffff0d;border:1px solid var(--border-soft);border-radius:14px;box-shadow:none;cursor:pointer;overflow:hidden;transition:all .3s}.hero-style-card:hover{border-color:#fbcfe84d;border-color:var(--border-rose);box-shadow:0 16px 40px #000000b3;box-shadow:var(--shadow-panel);transform:translateY(-4px)}.hero-style-card.active{border-color:#fbcfe8e6;border-color:var(--accent-rose);box-shadow:0 0 30px #fbcfe840;box-shadow:var(--shadow-rose)}.hero-style-preview{aspect-ratio:16/10;background:#000;overflow:hidden;position:relative}.hero-style-preview img{height:100%;object-fit:cover;transition:transform .3s;width:100%}.hero-style-card:hover .hero-style-preview img{transform:scale(1.03)}.play-overlay{align-items:center;background:radial-gradient(circle at center,#00000080,#0000 70%);display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .3s}.hero-style-card:hover .play-overlay{opacity:1}.hero-style-info{padding:16px}.hero-style-info h4{color:#fff;color:var(--text-primary);font-size:15px;font-weight:600;margin-bottom:6px}.hero-style-info p{color:#fff9;color:var(--text-muted);font-size:13px;line-height:1.4}.gallery{margin:0 auto;max-width:1400px}.gallery h3{color:#fff;color:var(--text-primary);font-size:24px;font-weight:600;margin-bottom:24px}.gallery-header{align-items:flex-start;display:flex;gap:24px;justify-content:space-between;margin-bottom:24px}.gallery-header-left{display:flex;flex-direction:column;gap:12px}.status-badge{border-radius:999px;display:inline-block;font-size:13px;font-weight:500;padding:6px 12px}.status-badge.warning{background:#f59e0b1a;background:var(--status-warning-bg);border:1px solid #f59e0b4d;border:1px solid var(--status-warning-border);color:#fbbf24;color:var(--status-warning-text)}.status-badge.success{background:#10b9811a;background:var(--status-success-bg);border:1px solid #10b9814d;border:1px solid var(--status-success-border);color:#34d399;color:var(--status-success-text)}.scene-controls{gap:12px}.scene-controls,.search-box{align-items:center;display:flex}.search-box{background:#00000080;border:1px solid #ffffff14;border:1px solid var(--border-subtle);border-radius:8px;gap:8px;min-width:260px;padding:10px 14px;position:relative}.search-box svg{color:#fff6;color:var(--text-faint);flex-shrink:0}.search-box input{background:#0000;border:none;color:#fff;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:13px;outline:none}.clear-search,.search-box input::placeholder{color:#fff6;color:var(--text-faint)}.clear-search{align-items:center;background:none;border:none;cursor:pointer;display:flex;padding:2px;transition:color .2s}.clear-search:hover{color:#fffc;color:var(--text-secondary)}.filter-dropdown{position:relative}.filter-btn{align-items:center;background:#00000080;border:1px solid #ffffff14;border:1px solid var(--border-subtle);border-radius:8px;color:#fffc;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:10px 14px;text-transform:capitalize;transition:all .2s}.filter-btn:hover{background:#ffffff08;border-color:#fbcfe84d;border-color:var(--border-rose)}.filter-btn.active{background:#ffffff0d;border-color:#fbcfe8e6;border-color:var(--accent-rose);color:#fff;color:var(--text-primary)}.filter-menu{background:#0a0a0a;background:var(--bg-panel);border:1px solid #ffffff14;border:1px solid var(--border-subtle);border-radius:8px;box-shadow:0 16px 40px #000000b3;box-shadow:var(--shadow-panel);min-width:180px;padding:6px;position:absolute;right:0;top:calc(100% + 8px);z-index:100}.filter-option{background:none;border:none;border-radius:6px;color:#fffc;color:var(--text-secondary);cursor:pointer;display:block;font-size:13px;padding:10px 12px;text-align:left;transition:all .2s;width:100%}.filter-option:hover{background:#ffffff08;color:#fff;color:var(--text-primary)}.filter-option.active{background:#ffffff0d;color:#fff;color:var(--text-primary);font-weight:600}.no-results{align-items:center;color:#fff9;color:var(--text-muted);display:flex;flex-direction:column;gap:16px;justify-content:center;padding:80px 20px}.no-results svg{opacity:.3}.no-results p{font-size:16px}.clear-filters-btn,.no-results p{color:#fffc;color:var(--text-secondary)}.clear-filters-btn{background:#ffffff08;border:1px solid #ffffff14;border:1px solid var(--border-subtle);border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;padding:10px 20px;transition:all .2s}.clear-filters-btn:hover{background:#ffffff0f;border-color:#fbcfe84d;border-color:var(--border-rose)}.gallery-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.gallery-item{background:#0a0a0a;background:var(--bg-panel);border:1px solid #ffffff0d;border:1px solid var(--border-soft);border-radius:14px;box-shadow:none;overflow:hidden;transition:all .3s}.gallery-item:hover{border-color:#fbcfe84d;border-color:var(--border-rose);box-shadow:0 16px 40px #000000b3;box-shadow:var(--shadow-panel);transform:translateY(-4px)}.gallery-item img{aspect-ratio:3/2;object-fit:cover;width:100%}.scene-placeholder{align-items:center;aspect-ratio:3/2;background:#050505;color:#fff6;color:var(--text-faint);display:flex;justify-content:center;width:100%}.scene-content{display:flex;flex-direction:column;height:100%;padding:16px 20px 24px}.scene-number{color:#fffc;color:var(--text-secondary);font-size:12px;font-weight:600;margin-bottom:8px}.scene-description{color:#fff;color:var(--text-primary);font-size:14px;font-weight:500;line-height:1.4;margin-bottom:8px}.scene-metadata{color:#fff9;color:var(--text-muted);font-size:12px;line-height:1.5;margin-bottom:12px}.scene-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:16px}.scene-tags span{background:#ffffff08;border:1px solid #ffffff14;border:1px solid var(--border-subtle);border-radius:999px;color:#fffc;color:var(--text-secondary);font-size:11px;font-weight:500;padding:5px 12px}.scene-image-wrapper{position:relative}.scene-actions{display:flex;gap:6px;opacity:0;position:absolute;right:8px;top:8px;transition:opacity .2s}.gallery-item:hover .scene-actions{opacity:1}.scene-action-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;border:1px solid #fbcfe84d;border:1px solid var(--border-rose);border-radius:8px;color:#fffc;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.scene-action-btn:hover:not(:disabled){background:#ffffff14;transform:scale(1.05)}.scene-action-btn:disabled{cursor:not-allowed;opacity:.5}.scene-frames-carousel{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;border-radius:10px 10px 0 0;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.scene-frames-carousel::-webkit-scrollbar{display:none}.scene-frames-carousel.multi-frame .frame-slide{flex:0 0 100%;scroll-snap-align:start}.frame-slide{flex:0 0 100%;position:relative}.frame-slide img{aspect-ratio:16/9;display:block;object-fit:cover;width:100%}.frame-label{background:#000000bf;border-radius:4px;color:#fff;font-size:11px;font-weight:500;left:8px;letter-spacing:.5px;padding:3px 8px;text-transform:uppercase}.carousel-indicators,.frame-label{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);bottom:8px;position:absolute}.carousel-indicators{background:#00000080;border-radius:12px;display:flex;gap:6px;left:50%;padding:5px 10px;transform:translateX(-50%);z-index:10}.indicator-dot{background:#ffffff80;border-radius:50%;cursor:pointer;height:8px;transition:all .2s ease;width:8px}.indicator-dot.active{background:#ff6b9d;background:var(--rose-accent,#ff6b9d);box-shadow:0 0 6px #ff6b9d99;transform:scale(1.25)}.indicator-dot:hover:not(.active){background:#ffffffd9}.scene-frames-carousel.multi-frame:after{background:linear-gradient(90deg,#0000,#0000004d);bottom:0;content:"";opacity:.7;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .2s;width:40px}.gallery-item:hover .scene-frames-carousel.multi-frame:after{opacity:1}.skeleton-loader{overflow:hidden;position:relative}.skeleton-image{aspect-ratio:3/2;border-radius:14px 14px 0 0;width:100%}.skeleton-image,.skeleton-text{animation:skeleton-pulse 1.5s infinite;background:linear-gradient(90deg,#37415166,#4b556399,#37415166);background-size:200% 100%}.skeleton-text{border-radius:999px;height:10px;margin:10px 16px}.skeleton-text.short{width:60%}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.photo-section{background:#0009;border:1px solid #ffffff14;border:1px solid var(--border-subtle);border-radius:12px;display:flex;flex-direction:column;gap:12px;margin-top:20px;padding:16px}.photo-section h4{color:#fffc;color:var(--text-secondary);font-size:14px}.photo-help{color:#fff9;color:var(--text-muted);font-size:12px}.photo-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.photo-uploader{display:flex;flex-direction:column;gap:6px}.photo-label{align-items:center;color:#fffc;color:var(--text-secondary);display:flex;font-size:13px;justify-content:space-between}.photo-label-content{align-items:center;display:flex;gap:6px}.photo-count,.photo-uploader input[type=file]{color:#fff9;color:var(--text-muted);font-size:12px}.photo-uploader input[type=file]{background:#00000080;border:1px dashed #fbcfe84d;border:1px dashed var(--border-rose);border-radius:8px;padding:10px 12px}.storyboard-preview{background:#000000bf;border:1px solid #ffffff0d;border:1px solid var(--border-soft);border-radius:16px;box-shadow:0 16px 40px #000000b3;box-shadow:var(--shadow-panel);margin:0 auto;max-width:900px;padding:32px}.storyboard-header{align-items:flex-start;display:flex;gap:24px;justify-content:space-between;margin-bottom:24px}.storyboard-preview h3{color:#fff;color:var(--text-primary);font-size:22px;margin-bottom:12px}.storyboard-intro{color:#fff9;color:var(--text-muted);font-size:14px;margin-bottom:20px}.storyboard-list,.storyboard-preview ol{list-style:decimal inside}.storyboard-preview ol{color:#fffc;color:var(--text-secondary);display:flex;flex-direction:column;gap:18px}.storyboard-preview li::marker{color:#fffc;color:var(--text-secondary);font-weight:700}.storyboard-preview li{background:#0009;border:1px solid #ffffff14;border:1px solid var(--border-subtle);border-radius:12px;padding:16px}.storyboard-preview li h4{color:#fff;color:var(--text-primary);font-size:16px;margin-bottom:8px}.storyboard-preview li p{color:#fffc;color:var(--text-secondary);font-size:13px;line-height:1.5;margin-bottom:10px}.storyboard-error{color:#fca5a5;color:var(--status-error-text);font-size:12px;margin-top:8px}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#0a0a0a;background:var(--bg-panel);border:1px solid #ffffff14;border:1px solid var(--border-subtle);border-radius:12px;box-shadow:0 16px 40px #000000b3;box-shadow:var(--shadow-panel);display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow:hidden;width:90%}.modal-header{align-items:center;border-bottom:1px solid #ffffff0d;border-bottom:1px solid var(--border-soft);display:flex;justify-content:space-between;padding:20px 24px}.modal-header h3{color:#fff;color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.modal-close{align-items:center;background:none;border:none;color:#fff9;color:var(--text-muted);cursor:pointer;display:flex;padding:4px;transition:color .2s}.modal-close:hover{color:#fffc;color:var(--text-secondary)}.modal-body{overflow-y:auto;padding:24px}.modal-body label{color:#fffc;color:var(--text-secondary);display:block;font-size:13px;font-weight:500;margin-bottom:8px}.modal-body textarea{background:#00000080;background:var(--bg-input);border:1px solid #ffffff14;border:1px solid var(--border-subtle);border-radius:8px;color:#fff;color:var(--text-primary);font-family:inherit;font-size:13px;padding:12px;resize:vertical;width:100%}.modal-body textarea:focus{border-color:#fbcfe84d;border-color:var(--border-rose);box-shadow:0 0 0 1px #fbcfe84d;box-shadow:0 0 0 1px var(--border-rose);outline:none}.modal-footer{border-top:1px solid #ffffff0d;border-top:1px solid var(--border-soft);display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.modal-footer .cancel-btn{background:#ffffff08;border:1px solid #ffffff14;border:1px solid var(--border-subtle);border-radius:8px;color:#fffc;color:var(--text-secondary);cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s}.modal-footer .cancel-btn:hover{background:#ffffff0f;border-color:#fbcfe84d;border-color:var(--border-rose)}.modal-footer .save-btn{align-items:center;background:#fbcfe8e6;background:var(--accent-rose);border:none;border-radius:8px;color:#000;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.modal-footer .save-btn:hover{box-shadow:0 0 30px #fbcfe840;box-shadow:var(--shadow-rose);transform:translateY(-1px)}.photo-uploader-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.photo-upload-btn{background:#10b9811a;background:var(--status-success-bg);border:1px solid #10b9814d;border:1px solid var(--status-success-border);border-radius:8px;color:#34d399;color:var(--status-success-text);cursor:pointer;font-size:13px;font-weight:500;padding:10px 16px;transition:all .2s;width:100%}.photo-upload-btn:hover:not(:disabled){box-shadow:0 0 15px #10b9814d;transform:translateY(-1px)}.photo-upload-btn:disabled{cursor:not-allowed;opacity:.6}.uploaded-thumbnails{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));margin-top:12px}.thumbnail-wrapper{background:#00000080;border:1px solid #ffffff14;border:1px solid var(--border-subtle);border-radius:6px;overflow:hidden;padding-bottom:100%;position:relative;width:100%}.photo-thumbnail{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.label-row{gap:.75rem;justify-content:space-between}.label-row,.story-actions{align-items:center;display:flex}.story-actions{gap:.5rem}.mic-btn,.save-story-btn{align-items:center;background:#18181be6;border:1px solid #ffffff14;border-radius:999px;color:#f9fafb;cursor:pointer;display:inline-flex;font-size:.75rem;gap:.35rem;outline:none;padding:.25rem .7rem;position:relative;transition:background .15s ease,border-color .15s ease,transform .1s ease}.mic-btn:hover,.save-story-btn:hover{background:#27272af2;border-color:#f4f4f54d;transform:translateY(-.5px)}.mic-btn.recording{background:radial-gradient(circle at center,#f87171b3,#18181bf2);border-color:#f87171e6;box-shadow:0 0 0 1px #f8717166,0 0 25px #f8717180}.mic-btn.recording:before{animation:mic-pulse 1.6s infinite;background:radial-gradient(circle,#f8717159,#0000 70%);border-radius:999px;content:"";inset:-2px;opacity:.8;position:absolute;z-index:-1}@keyframes mic-pulse{0%{opacity:.9;transform:scale(.9)}to{opacity:0;transform:scale(1.1)}}.story-actions-below{align-items:center;display:flex;gap:.5rem;justify-content:flex-end;margin-top:.5rem;width:100%}.icon-pill{align-items:center;background:#18181be6;border:1px solid #ffffff14;border-radius:999px;color:#f9fafb;cursor:pointer;display:inline-flex;height:32px;justify-content:center;outline:none;padding:0;position:relative;transition:background .15s ease,border-color .15s ease,transform .1s ease,box-shadow .15s ease;width:32px}.icon-pill:disabled{cursor:default;opacity:.5}.icon-pill:hover:not(:disabled){background:#27272af2;border-color:#f4f4f54d;transform:translateY(-.5px)}.icon-tooltip{background:#18181bf5;border-radius:999px;bottom:calc(100% + 6px);box-shadow:0 8px 20px #00000073;color:#f9fafb;font-size:11px;left:50%;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;transform:translateX(-50%) translateY(4px);transition:opacity .15s ease,transform .15s ease;white-space:nowrap;z-index:20}.icon-pill:hover .icon-tooltip{opacity:1;transform:translateX(-50%) translateY(0)}.story-textarea{max-height:350px;min-height:150px;overflow-y:auto}.user-menu{position:relative;z-index:200}.user-menu-trigger{align-items:center;background:#0006;border:1px solid #ffffff14;border:1px solid var(--border-subtle);border-radius:999px;color:#fffc;color:var(--text-secondary);cursor:pointer;display:inline-flex;gap:10px;outline:none;padding:4px 14px 4px 4px;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .1s ease}.user-menu-trigger:hover{background:#ffffff08;border-color:#fbcfe84d;border-color:var(--border-rose);box-shadow:0 0 30px #0009;box-shadow:var(--shadow-soft)}.user-menu-trigger.open{border-color:#fbcfe8e6;border-color:var(--accent-rose);box-shadow:0 0 30px #fbcfe840;box-shadow:var(--shadow-rose)}.user-avatar-wrapper{border-radius:999px;flex-shrink:0;height:34px;position:relative;width:34px}.user-avatar-fallback,.user-avatar-img{border-radius:999px;height:100%;object-fit:cover;width:100%}.user-avatar-img{border:1px solid #ffffff1f;box-shadow:0 0 12px #000000e6}.user-avatar-fallback{align-items:center;background:linear-gradient(135deg,#fbcfe8e6,#d8b4fee6);box-shadow:0 0 15px #fbcfe866;color:#fff;display:flex;font-size:13px;font-weight:700;justify-content:center}.user-status-dot{background:#10b981;border:2px solid #020204;border:2px solid var(--bg-deep);border-radius:999px;bottom:-1px;height:9px;position:absolute;right:-1px;width:9px}.user-menu-text{align-items:flex-start;display:flex;flex-direction:column;line-height:1.1}.user-name{color:#fff;color:var(--text-primary);font-size:12px;font-weight:600}.user-plan{font-size:10px;letter-spacing:.12em;text-transform:uppercase}.user-menu-chevron,.user-plan{color:#fff9;color:var(--text-muted)}.user-menu-chevron{margin-left:2px;transition:transform .15s ease,color .15s ease}.user-menu-trigger:hover .user-menu-chevron{color:#fffc;color:var(--text-secondary)}.user-menu-chevron.open{color:#fbcfe8e6;color:var(--accent-rose);transform:rotate(180deg)}.user-menu-dropdown{position:absolute;right:0;top:calc(100% + 10px);width:280px}.user-menu-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#050509f5;border:1px solid #ffffff14;border:1px solid var(--border-subtle);border-radius:16px;box-shadow:0 16px 40px #000000b3;box-shadow:var(--shadow-panel);overflow:hidden}.user-menu-header{background:radial-gradient(circle at top left,#fbcfe81f,#0000 60%),#0009;border-bottom:1px solid #ffffff0d;border-bottom:1px solid var(--border-soft);padding:14px 16px 12px}.user-badge{align-items:center;background:#fbcfe814;background:var(--accent-rose-bg);border:1px solid #fbcfe84d;border:1px solid var(--border-rose);border-radius:999px;color:#fbcfe8e6;color:var(--accent-rose);display:inline-flex;font-size:10px;font-weight:700;letter-spacing:.16em;margin-bottom:8px;padding:3px 9px;text-transform:uppercase}.user-header-name{color:#fff;color:var(--text-primary);font-size:15px;font-weight:600;margin-bottom:2px}.user-header-email,.user-header-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-header-email{color:#fff9;color:var(--text-muted);font-size:11px}.user-menu-items{padding:6px 6px 4px}.user-menu-item{align-items:center;background:#0000;border:none;border-radius:10px;color:#fffc;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;gap:10px;padding:8px 9px;text-align:left;transition:background .12s ease,color .12s ease,transform .08s ease;width:100%}.user-menu-item:hover{background:#ffffff0a;color:#fff;color:var(--text-primary);transform:translateY(-1px)}.user-menu-icon{align-items:center;background:#ffffff0a;border-radius:8px;color:#fff9;color:var(--text-muted);display:flex;flex-shrink:0;height:26px;justify-content:center;width:26px}.user-menu-item:hover .user-menu-icon{background:#ffffff0f;color:#fff;color:var(--text-primary)}.user-menu-icon.highlight{background:#fbcfe814;background:var(--accent-rose-bg);color:#fbcfe8e6;color:var(--accent-rose)}.user-menu-item-text{display:flex;flex-direction:column}.user-menu-item-title{color:#fff;color:var(--text-primary);font-size:13px;font-weight:500}.user-menu-item-sub{color:#fff9;color:var(--text-muted);font-size:10px}.user-menu-footer{background:#00000080;border-top:1px solid #ffffff0d;border-top:1px solid var(--border-soft);padding:8px 6px}.user-menu-logout{align-items:center;background:#0000;border:none;border-radius:10px;color:#f87171d9;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:8px 9px;transition:background .12s ease,color .12s ease,transform .08s ease;width:100%}.user-menu-logout:hover{background:#ef44441a;background:var(--status-error-bg);color:#fca5a5;color:var(--status-error-text);transform:translateY(-1px)}.custom-narration-card{background:#0009;border:1px solid #ffffff14;border:1px solid var(--border-subtle);box-shadow:0 0 30px #0009;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:10px;margin-top:16px;padding:16px 18px}.custom-narration-card h4{color:#fffc;color:var(--text-secondary);font-size:14px;font-weight:600;margin-bottom:4px}.custom-narration-card p{color:var(--text-muted);font-size:12px}.custom-narration-script{background:#00000080;border:1px dashed #ffffff14;border:1px dashed var(--border-subtle);border-radius:8px;color:#fffc;color:var(--text-secondary);font-size:12px;line-height:1.5;margin-top:6px;padding:10px 12px}.custom-narration-actions{align-items:center;flex-wrap:wrap;gap:10px;margin-top:10px}.or-separator{color:#fff6;color:var(--text-faint);font-size:11px}.record-btn{background:radial-gradient(circle at top left,#f8717138,#18181bf5);border:1px solid #f8717180;border-radius:999px;color:#fecaca;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:8px 14px;transition:background .15s ease,box-shadow .15s ease,transform .1s ease}.record-btn:hover{box-shadow:0 0 18px #f8717166;transform:translateY(-.5px)}.record-btn.recording{border-color:#f87171e6;box-shadow:0 0 0 1px #f8717180,0 0 25px #f87171b3}.upload-audio-btn{align-items:center;background:#18181be6;border:1px solid #ffffff14;border:1px solid var(--border-subtle);border-radius:999px;color:#fffc;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:8px 14px;position:relative;transition:background .15s ease,border-color .15s ease,transform .1s ease}.upload-audio-btn:hover{background:#27272af2;border-color:#fbcfe84d;border-color:var(--border-rose);transform:translateY(-.5px)}.upload-audio-btn input[type=file]{display:none}.voice-status-row{align-items:center;color:#fff9;color:var(--text-muted);display:flex;font-size:11px;gap:6px;margin-top:6px}.voice-status-pill{background:#0009;border:1px solid #ffffff14;border:1px solid var(--border-subtle);border-radius:999px;font-size:11px;font-weight:500;padding:3px 8px}.voice-status-pill.success{background:#10b9811a;background:var(--status-success-bg);border-color:#10b9814d;border-color:var(--status-success-border);color:#34d399;color:var(--status-success-text)}.voice-status-pill.error{background:#ef44441a;background:var(--status-error-bg);border-color:#ef44444d;border-color:var(--status-error-border);color:#fca5a5;color:var(--status-error-text)}.duck-loader-container{align-items:center;background:linear-gradient(180deg,#87ceeb 0,#e0f7fa);border-radius:16px;box-shadow:inset 0 0 20px #0000001a;display:flex;flex-direction:column;height:300px;justify-content:center;margin-bottom:24px;overflow:hidden;position:relative;width:100%}.duck-wrapper{animation:float 3s ease-in-out infinite;position:relative;z-index:10}.duck-body{background:gold;border-radius:0 0 40px 40px;height:40px;position:relative;width:60px}.duck-head{background:gold;border-radius:50%;height:30px;left:10px;position:absolute;top:-20px;width:30px}.duck-beak{background:#ff8c00;border-radius:5px;height:10px;left:-8px;position:absolute;top:10px;width:15px}.duck-eye{animation:blink 4s infinite;background:#000;border-radius:50%;height:4px;left:5px;position:absolute;top:8px;width:4px}.water-surface{animation:wave 10s linear infinite;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#fff6;left:0;z-index:5}.water-surface,.water-wave-1,.water-wave-2{bottom:0;height:100px;position:absolute;width:200%}.water-wave-1,.water-wave-2{background-repeat:repeat-x;background-size:50% 100%;opacity:.6}.water-wave-1{animation:wave 15s linear infinite;background-image:url("data:image/svg+xml;utf8,<svg viewBox=%270 0 1200 120%27 preserveAspectRatio=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27><path d=%27M0,0V46.29c47.79,22.2,103.59,32.17,158,28,70.36-5.37,136.33-33.31,206.8-37.5C438.64,32.43,512.34,53.67,583,72.05c69.27,18,138.3,24.88,209.4,13.08,36.15-6,69.85-17.84,104.45-29.34C989.49,25,1113-14.29,1200,52.47V0Z%27 opacity=%27.25%27 fill=%27%232b6cb0%27 /></svg>");z-index:6}.loader-text{animation:pulse 2s infinite;color:#1a365d;font-family:Inter,sans-serif;font-weight:600;margin-top:20px;z-index:20}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-10px) rotate(2deg)}}@keyframes blink{0%,90%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes wave{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.voice-recorder{background:#0a0a0a;border:1px solid #222;border-radius:16px;color:#fff;max-width:500px;padding:24px;width:100%}.recorder-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.recorder-header h3{color:#f472b6;font-size:1.25rem;margin:0}.close-btn{background:#1a1a1a;border:1px solid #333;border-radius:8px;color:#a1a1aa;cursor:pointer;padding:8px;transition:all .2s}.close-btn:hover{background:#222;border-color:#444;color:#fff}.recorder-intro{color:#71717a;font-size:.9rem;margin-bottom:20px}.sample-text-box{background:#111;border:1px solid #1a1a1a;border-radius:12px;margin-bottom:24px;padding:16px}.sample-text-box label{color:#71717a;display:block;font-size:.75rem;font-weight:600;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.sample-text-box blockquote{color:#d4d4d8;font-size:.95rem;font-style:italic;line-height:1.6;margin:0}.recording-area{gap:16px;padding:20px 0}.record-button-container,.recording-area{align-items:center;display:flex;flex-direction:column}.record-button-container{gap:12px}.record-button-container.recording .record-btn-large{animation:pulse-recording 1.5s infinite;background:#ef4444}@keyframes pulse-recording{0%,to{box-shadow:0 0 0 0 #ef444466}50%{box-shadow:0 0 0 15px #ef444400}}.record-btn-large{align-items:center;background:#f472b6;border:none;border-radius:50px;color:#000;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;padding:16px 32px;transition:all .2s}.record-btn-large:hover{background:#f9a8d4}.recording-indicator{align-items:center;color:#ef4444;display:flex;font-weight:500;gap:8px}.pulse-dot{animation:pulse-dot 1s infinite;background:#ef4444;border-radius:50%;height:10px;width:10px}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}.or-divider{align-items:center;color:#52525b;display:flex;font-size:.85rem;gap:16px;width:100%}.or-divider:after,.or-divider:before{background:#1a1a1a;content:"";flex:1 1;height:1px}.upload-btn-large{align-items:center;background:#0000;border:1px dashed #333;border-radius:12px;color:#71717a;cursor:pointer;display:flex;font-size:.9rem;gap:8px;padding:12px 24px;transition:all .2s}.upload-btn-large:hover{background:#111;border-color:#444;color:#fff}.playback-area{display:flex;flex-direction:column;gap:16px;width:100%}.audio-preview{background:#111;border:1px solid #1a1a1a;border-radius:12px;gap:12px;padding:12px 16px}.audio-preview,.play-btn-large{align-items:center;display:flex}.play-btn-large{background:#f472b6;border:none;border-radius:50%;color:#000;cursor:pointer;height:48px;justify-content:center;transition:all .2s;width:48px}.play-btn-large:hover{background:#f9a8d4}.audio-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.audio-label{color:#fff;font-size:.95rem;font-weight:500}.audio-duration{color:#52525b;font-size:.85rem}.reset-btn{background:#1a1a1a;border:1px solid #333;border-radius:8px;color:#fff;cursor:pointer;padding:10px;transition:all .2s}.reset-btn:hover{background:#222;border-color:#444}.submit-actions{display:flex;gap:12px;width:100%}.cancel-btn-large,.submit-btn-large{align-items:center;border-radius:12px;cursor:pointer;display:flex;flex:1 1;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;padding:14px 20px;transition:all .2s}.cancel-btn-large{background:#0000;border:1px solid #333;color:#fff}.cancel-btn-large:hover{background:#1a1a1a;border-color:#444}.submit-btn-large{background:#10b981;border:none;color:#fff}.submit-btn-large:hover:not(:disabled){background:#34d399}.submit-btn-large:disabled{cursor:not-allowed;opacity:.5}.recorder-error{background:#1a0a0a;border:1px solid #3d1515;border-radius:8px;color:#fca5a5;font-size:.9rem;margin-top:16px;padding:12px 16px}.recorder-tips{border-top:1px solid #1a1a1a;margin-top:20px;padding-top:20px}.recorder-tips h4{color:#71717a;font-size:.75rem;font-weight:600;letter-spacing:1px;margin:0 0 12px;text-transform:uppercase}.recorder-tips ul{margin:0;padding-left:20px}.recorder-tips li{color:#52525b;font-size:.85rem;margin-bottom:6px}.clone-success{align-items:center;display:flex;flex-direction:column;padding:24px 0;text-align:center}.success-icon{color:#10b981;margin-bottom:16px}.clone-success h4{color:#fff;font-size:1.25rem;margin:0 0 8px}.clone-success>p{color:#71717a;font-size:.95rem;margin:0 0 24px}.preview-player{align-items:center;background:#111;border:1px solid #1a1a1a;border-radius:12px;display:flex;gap:16px;margin-bottom:24px;padding:16px 20px;width:100%}.preview-play-btn{align-items:center;background:#10b981;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:56px;justify-content:center;transition:all .2s;width:56px}.preview-play-btn:hover{background:#34d399}.preview-info{display:flex;flex-direction:column;gap:4px;text-align:left}.preview-label{align-items:center;color:#71717a;display:flex;font-size:.8rem;gap:6px;letter-spacing:.5px;text-transform:uppercase}.preview-name{color:#fff;font-size:1rem;font-weight:600}.no-preview{align-items:center;background:#111;border:1px solid #1a1a1a;border-radius:12px;color:#71717a;display:flex;font-size:.9rem;gap:12px;margin-bottom:24px;padding:16px 20px;width:100%}.no-preview svg{color:#52525b;flex-shrink:0}.success-actions{display:flex;gap:12px;width:100%}.clone-another-btn,.confirm-btn{align-items:center;border-radius:12px;cursor:pointer;display:flex;flex:1 1;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;padding:14px 20px;transition:all .2s}.clone-another-btn{background:#0000;border:1px solid #333;color:#fff}.clone-another-btn:hover{background:#1a1a1a;border-color:#444}.confirm-btn{background:#10b981;border:none;color:#fff}.confirm-btn:hover{background:#34d399}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.custom-narration-card{background:#ffffff0d}.custom-narration-card p{color:#fff9}.voice-ready{gap:10px}.voice-ready,.voice-ready .text-green-500{color:#10b981}.change-voice-btn{background:#ffffff1a;border:none;color:#fff}.change-voice-btn:hover{background:#ffffff26}.voice-modal{background:#0000;max-width:500px;padding:0}.narration-status{align-items:center;color:#ffffffb3;display:flex;font-size:.85rem;gap:8px;margin-top:8px}.existing-voices>label{color:#71717a;display:block;font-size:.75rem;font-weight:600;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.voice-name{font-size:.95rem}.play-preview-btn{transition:all .2s}.play-preview-btn:hover{background:#f472b6}.add-voice-btn:hover{border-color:#f472b6}.voice-ready{align-items:center;background:#10b9811a;border:1px solid #10b98133;border-radius:8px;display:flex;gap:8px;margin-top:12px;padding:12px}.voice-ready span{color:#10b981;font-size:.9rem}.change-voice-btn{background:#0000;border:1px solid #333;border-radius:6px;color:#71717a;cursor:pointer;font-size:.8rem;margin-left:auto;padding:6px 12px;transition:all .2s}.change-voice-btn:hover{background:#1a1a1a;border-color:#444;color:#fff}.custom-narration-card{background:#111;border:1px solid #1a1a1a;border-radius:12px;margin-top:12px;padding:16px}.custom-narration-card h4{color:#fff;font-size:.95rem;margin:0 0 8px}.custom-narration-card p{color:#71717a;font-size:.85rem;line-height:1.5;margin:0 0 12px}.custom-narration-actions,.record-btn{display:flex;gap:8px}.record-btn{align-items:center;background:#f472b6;border:none;border-radius:8px;color:#000;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 16px;transition:all .2s}.record-btn:hover{background:#f9a8d4}.existing-voices{margin-bottom:16px}.existing-voices label{color:#71717a;display:block;font-size:.8rem;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.voice-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.voice-item{align-items:center;background:#111;border:1px solid #222;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s}.voice-item:hover{border-color:#333}.voice-item.active{background:#f472b60d;border-color:#f472b6}.voice-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.voice-name{color:#fff;font-weight:500}.voice-date{color:#52525b;font-size:.8rem}.play-preview-btn{align-items:center;background:#1a1a1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}.play-preview-btn:hover{background:#222}.selected-icon{color:#f472b6}.add-voice-btn{align-items:center;background:#0000;border:1px dashed #333;border-radius:8px;color:#71717a;cursor:pointer;display:flex;font-size:.9rem;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s;width:100%}.add-voice-btn:hover{background:#111;border-color:#444;color:#fff}.progress-details{background:#ffffff0d;border-radius:8px;margin-bottom:12px;padding:12px}.progress-bar-full{background:#ffffff1a;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#f472b6,#ec4899);border-radius:4px;height:100%;transition:width .5s ease-out}.progress-main{font-weight:500;margin-bottom:4px}.current-scene-name{color:#f472b6;font-weight:400}.progress-eta{color:#ffffff80;font-size:11px;margin-top:4px}.voice-ready-info{background:#1a1a1a;border:1px solid #333;border-radius:8px;display:flex;flex-direction:column;gap:4px;padding:10px 12px}.voice-id-text{color:#a1a1aa;font-family:monospace;font-size:12px}.voice-note{color:#71717a;font-size:11px}.voice-preview-inline.loading{opacity:.7}.project-name-input{background:#27272a;border:1px solid #3f3f46;border-radius:6px;color:#fff;font-size:14px;font-weight:500;outline:none;padding:6px 10px;width:200px}.project-name-input:focus{border-color:#f472b6}.project-name-display{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:4px 8px;transition:background .2s}.project-name-display:hover{background:#ffffff0d}.project-name{color:#fff;font-weight:500}.credit-warning{align-items:center;background:#f59e0b1a;background:var(--status-warning-bg);border:1px solid #f59e0b4d;border:1px solid var(--status-warning-border);border-radius:8px;color:#fbbf24;color:var(--status-warning-text);display:flex;font-size:14px;gap:10px;line-height:1.5;margin-bottom:16px;padding:14px 16px}.credit-warning svg{flex-shrink:0;height:18px;width:18px}.credit-warning span{color:#ffffffd9;flex:1 1}.credit-warning button{background:#fbcfe8e6;background:var(--accent-rose);border:none;border-radius:6px;color:#020204;color:var(--bg-deep);cursor:pointer;font-size:13px;font-weight:600;margin-left:8px;padding:6px 14px;transition:all .15s ease;white-space:nowrap}.credit-warning button:hover{background:#fbcfe8;transform:translateY(-1px)}.credit-warning button:active{transform:translateY(0)}.sidebar-footer .credit-warning{font-size:13px;margin-bottom:12px;padding:12px}.sidebar-footer .credit-warning svg{height:16px;width:16px}.sidebar-footer .credit-warning button{font-size:12px;margin-left:4px;padding:4px 10px}
/*# sourceMappingURL=main.03fd0a61.css.map*/