@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";.login-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1.5rem;background:#000;position:relative;overflow:hidden}.login-screen:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 30% 20%,rgba(139,92,246,.15) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(30,27,75,.4) 0%,transparent 50%),linear-gradient(180deg,#000,#0f0f23);pointer-events:none}.login-screen:after{content:"";position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(139,92,246,.1) 0%,transparent 70%);top:10%;left:-100px;animation:float 8s ease-in-out infinite;pointer-events:none}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(30px,30px)}}.login-container{position:relative;z-index:1;max-width:420px;width:100%;padding:2.5rem;background:#1e1b4b66;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.1);border-radius:28px;box-shadow:0 8px 32px #00000080,0 0 60px #8b5cf61a}.login-header{text-align:center;margin-bottom:2rem}.login-logo{height:56px;width:auto;max-width:150px;object-fit:contain;margin-bottom:1rem}.login-title{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#8b5cf6,#c4b5fd,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;letter-spacing:-.5px}.login-subtitle{color:#94a3b8;font-size:1rem;margin-top:.5rem;font-weight:400}.login-content{text-align:center}.login-description{color:#94a3b8;font-size:.95rem;line-height:1.7;margin-bottom:2rem}.login-button{width:100%;padding:1rem 2rem;font-size:1.05rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:14px;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 20px #8b5cf659;position:relative;overflow:hidden}.login-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.5s}.login-button:hover{transform:translateY(-3px);box-shadow:0 8px 28px #8b5cf673}.login-button:hover:before{left:100%}.login-button:active{transform:translateY(-1px)}.login-methods{color:#64748b;font-size:.85rem;margin-top:1.25rem;display:flex;align-items:center;justify-content:center;gap:.75rem}.login-methods:before,.login-methods:after{content:"";height:1px;width:40px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.login-footer{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.08)}.login-note{color:#475569;font-size:.8rem;line-height:1.6;text-align:center}.login-features{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem}.login-feature{display:flex;flex-direction:column;align-items:center;gap:.5rem}.login-feature-icon{width:40px;height:40px;border-radius:10px;background:#8b5cf626;border:1px solid rgba(139,92,246,.2);display:flex;align-items:center;justify-content:center;color:#8b5cf6}.login-feature-text{font-size:.75rem;color:#64748b}@media (max-width: 480px){.login-container{padding:2rem 1.5rem;border-radius:24px}.login-title{font-size:2rem}.login-logo{height:48px;max-width:130px}.login-features{gap:1rem}}.auth-guard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem;color:#a0a0a0}.auth-guard-spinner{width:40px;height:40px;border:3px solid #333;border-top-color:#7c3aed;border-radius:50%;animation:spin 1s linear infinite}.package-selector{margin-bottom:1.5rem}.package-label{display:block;font-size:.85rem;color:gray;margin-bottom:.75rem}.package-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.package-card{position:relative;display:flex;flex-direction:column;align-items:center;padding:1.25rem 1rem;background:#0a0a0f;border:2px solid #333;border-radius:12px;cursor:pointer;transition:all .2s ease}.package-card:hover:not(:disabled){border-color:#555;background:#151520}.package-card.selected{border-color:#7c3aed;background:#7c3aed1a;box-shadow:0 0 0 1px #7c3aed}.package-card.popular:not(.selected){border-color:#555}.package-card:disabled{opacity:.5;cursor:not-allowed}.popular-badge{position:absolute;top:-8px;right:-8px;padding:.2rem .5rem;background:#7c3aed;color:#fff;font-size:.65rem;font-weight:600;border-radius:4px;text-transform:uppercase}.package-amount{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.25rem}.package-description{font-size:.8rem;color:gray}.custom-card .package-amount{font-size:1.1rem}.custom-input-section{margin-top:1rem}.custom-input-wrapper{display:flex;align-items:center;gap:.5rem;background:#0a0a0f;border:1px solid #333;border-radius:8px;padding:.5rem .75rem}.currency-symbol{color:gray;font-size:1rem}.custom-input{flex:1;background:transparent;border:none;color:#fff;font-size:1rem;outline:none;min-width:0}.custom-input::placeholder{color:#555}.custom-input::-webkit-outer-spin-button,.custom-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.custom-confirm-btn{padding:.5rem 1rem;background:#7c3aed;border:none;border-radius:6px;color:#fff;font-size:.85rem;font-weight:500;cursor:pointer;transition:background .2s ease;flex-shrink:0}.custom-confirm-btn:hover:not(:disabled){background:#6d28d9}.custom-confirm-btn:disabled{background:#444;cursor:not-allowed}.custom-error{color:#ef4444;font-size:.8rem;margin:.5rem 0 0}.manual-transfer{border-top:1px solid rgba(255,255,255,.1);padding-top:1rem}.manual-transfer-toggle{display:flex;justify-content:space-between;align-items:center;width:100%;padding:.75rem 0;background:none;border:none;color:gray;font-size:.9rem;cursor:pointer;transition:color .2s ease}.manual-transfer-toggle:hover:not(:disabled){color:silver}.manual-transfer-toggle:disabled{cursor:not-allowed}.chevron{transition:transform .2s ease}.chevron.expanded{transform:rotate(180deg)}.manual-transfer-content{padding:1rem 0}.manual-instructions{margin-bottom:1rem}.manual-instructions p{color:silver;font-size:.9rem;margin:0}.treasury-address-section{margin-bottom:1rem}.treasury-address-section label{display:block;font-size:.8rem;color:gray;margin-bottom:.5rem}.address-box{display:flex;gap:.5rem;background:#0a0a0f;border:1px solid #333;border-radius:8px;padding:.75rem}.address{flex:1;font-family:monospace;font-size:.8rem;color:#e0e0e0;word-break:break-all}.copy-btn{padding:.35rem .65rem;font-size:.75rem;background:#333;border:none;border-radius:4px;color:silver;cursor:pointer;transition:all .2s ease;flex-shrink:0}.copy-btn:hover{background:#444;color:#fff}.copy-btn.copied{background:#10b981;color:#fff}.network-info{background:#0a0a0f;border-radius:8px;padding:.75rem;margin-bottom:1rem}.info-row{display:flex;justify-content:space-between;padding:.35rem 0}.info-row:not(:last-child){border-bottom:1px solid #222}.info-label{color:gray;font-size:.8rem}.info-value{color:silver;font-size:.8rem;text-align:right}.contract-address{font-family:monospace;font-size:.7rem;word-break:break-all;max-width:180px}.verify-section{margin-bottom:1rem}.verify-section label{display:block;font-size:.8rem;color:gray;margin-bottom:.5rem}.verify-input-wrapper{display:flex;gap:.5rem}.verify-input{flex:1;background:#0a0a0f;border:1px solid #333;border-radius:6px;padding:.65rem .75rem;color:#fff;font-size:.85rem;font-family:monospace;outline:none}.verify-input:focus{border-color:#555}.verify-input::placeholder{color:#555}.verify-btn{padding:.65rem 1rem;background:#333;border:none;border-radius:6px;color:silver;font-size:.85rem;cursor:pointer;transition:all .2s ease;flex-shrink:0}.verify-btn:hover:not(:disabled){background:#444;color:#fff}.verify-btn:disabled{opacity:.5;cursor:not-allowed}.verify-error{color:#ef4444;font-size:.8rem;margin:.5rem 0 0}.manual-note{padding:.75rem;background:#22c55e1a;border-radius:6px}.manual-note p{color:#10b981;font-size:.8rem;margin:0}.funding-options{margin:1.5rem 0;padding:1.25rem;background:#8b5cf60d;border:1px solid rgba(139,92,246,.2);border-radius:12px}.funding-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.funding-subtitle{font-size:.875rem;color:var(--text-secondary);margin:0 0 1rem}.funding-buttons{display:flex;flex-direction:column;gap:.75rem}.funding-btn{display:flex;align-items:center;width:100%;padding:1rem;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#ffffff08;cursor:pointer;transition:all .2s ease}.funding-btn:hover:not(:disabled){background:#ffffff0f;border-color:#fff3}.funding-btn:disabled{opacity:.5;cursor:not-allowed}.funding-btn.coming-soon{opacity:.6}.funding-btn.coming-soon .btn-desc{color:var(--text-muted);font-style:italic}.funding-btn.coinbase-btn{border-color:#0052ff4d}.funding-btn.coinbase-btn:hover:not(:disabled){border-color:#0052ff80;background:#0052ff1a}.funding-btn.moonpay-btn{border-color:#7d00ff4d}.funding-btn.moonpay-btn:hover:not(:disabled){border-color:#7d00ff80;background:#7d00ff1a}.btn-content{display:flex;align-items:center;width:100%;gap:.75rem}.btn-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.btn-text{display:flex;flex-direction:column;align-items:flex-start;flex:1}.btn-title{font-size:.95rem;font-weight:600;color:var(--text-primary)}.btn-desc{font-size:.8rem;color:var(--text-secondary)}.btn-badge{padding:.25rem .5rem;background:linear-gradient(135deg,#10b981,#059669);border-radius:4px;font-size:.7rem;font-weight:600;color:#fff;text-transform:uppercase}.funding-note{margin-top:1rem;font-size:.75rem;color:var(--text-muted);text-align:center}@media (max-width: 480px){.funding-options{padding:1rem}.funding-btn{padding:.875rem}.btn-title{font-size:.9rem}}.stripe-checkout{padding:.5rem 0}.stripe-back-btn{background:none;border:none;color:var(--text-secondary, #94a3b8);cursor:pointer;padding:.25rem 0;margin-bottom:1rem;font-size:.9rem}.stripe-back-btn:hover{color:var(--text-primary, #e2e8f0)}.stripe-form{display:flex;flex-direction:column;gap:1.25rem}.stripe-pay-btn{width:100%;padding:.85rem 1rem;background:linear-gradient(135deg,#7c3aed,#6d28d9);border:none;border-radius:10px;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease}.stripe-pay-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px #7c3aed66}.stripe-pay-btn:disabled{opacity:.6;cursor:not-allowed}.stripe-error{color:#ef4444;font-size:.85rem;padding:.5rem .75rem;background:#ef44441a;border-radius:8px;border:1px solid rgba(239,68,68,.3)}.stripe-loading{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:2rem 0;color:var(--text-secondary, #94a3b8)}.deposit-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;overflow-y:auto}.deposit-modal{background:#1e1e2e;border-radius:16px;max-width:450px;width:100%;box-shadow:0 8px 32px #0006;border:1px solid rgba(255,255,255,.1);max-height:90vh;overflow-y:auto;margin:auto}.deposit-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;background:#1e1e2e;z-index:1}.deposit-modal-header h2{margin:0;font-size:1.25rem}.close-btn{background:none;border:none;font-size:1.5rem;color:gray;cursor:pointer;padding:0;line-height:1}.close-btn:hover:not(:disabled){color:#fff}.close-btn:disabled{cursor:not-allowed;opacity:.5}.deposit-content{padding:1.5rem}.wallet-balance{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.25rem;padding:.75rem 1rem;background:#0a0a0f;border-radius:8px;margin-bottom:1.25rem}.wallet-balance .balance-label{color:gray;font-size:.85rem}.wallet-balance .balance-value{color:#10b981;font-size:1rem;font-weight:600}.wallet-balance .wallet-address-btn{width:100%;background:none;border:1px dashed rgba(255,255,255,.15);border-radius:6px;color:gray;font-size:.75rem;font-family:monospace;padding:.35rem .5rem;cursor:pointer;transition:all .2s ease;text-align:center}.wallet-balance .wallet-address-btn:hover{color:#a855f7;border-color:#a855f74d;background:#a855f70d}.insufficient-warning{padding:.75rem 1rem;background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:8px;margin-bottom:1rem}.insufficient-warning p{color:#fbbf24;font-size:.85rem;margin:0}.status-message{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;background:#7c3aed1a;border-radius:8px;margin-bottom:1rem}.status-message span{color:#a855f7;font-size:.9rem}.spinner{width:20px;height:20px;border:2px solid #333;border-top-color:#7c3aed;border-radius:50%;animation:spin 1s linear infinite}.error-message{padding:1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;margin-bottom:1rem;text-align:center}.error-message p{color:#ef4444;font-size:.9rem;margin:0 0 .75rem}.retry-btn{padding:.5rem 1rem;background:transparent;border:1px solid #ef4444;border-radius:6px;color:#ef4444;font-size:.85rem;cursor:pointer;transition:all .2s ease}.retry-btn:hover{background:#ef44441a}.pay-btn{width:100%;padding:1rem;background:#7c3aed;border:none;border-radius:10px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-bottom:1rem}.pay-btn:hover:not(:disabled){background:#6d28d9;transform:translateY(-1px)}.pay-btn:disabled{background:#444;cursor:not-allowed;transform:none}.back-btn{background:none;border:none;color:var(--text-secondary);font-size:.9rem;cursor:pointer;padding:.5rem 0;margin-bottom:1rem;display:flex;align-items:center;gap:.25rem;transition:color .2s ease}.back-btn:hover{color:var(--text-primary)}.fund-btn{width:100%;padding:1rem;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-bottom:1rem;display:flex;flex-direction:column;align-items:center;gap:.25rem}.fund-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.fund-btn:disabled{background:#444;cursor:not-allowed;transform:none}.fund-btn .btn-hint{font-size:.75rem;font-weight:400;opacity:.85}.action-buttons{display:flex;flex-direction:column;gap:.75rem}.no-wallet-warning{padding:1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;margin-bottom:1rem;text-align:center}.no-wallet-warning p{color:#ef4444;font-size:.9rem;margin:0}.success-state{display:flex;flex-direction:column;align-items:center;padding:2rem 1rem;text-align:center}.success-icon{width:64px;height:64px;background:#10b98133;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#10b981;margin-bottom:1.5rem}.success-state h3{margin:0 0 .5rem;color:#fff;font-size:1.25rem}.success-state p{color:silver;margin:0 0 1rem}.tx-link{color:#7c3aed;text-decoration:none;font-size:.9rem;margin-bottom:1.5rem}.tx-link:hover{text-decoration:underline}.done-btn{padding:.75rem 2rem;background:#333;border:none;border-radius:8px;color:#fff;font-size:.95rem;cursor:pointer;transition:background .2s ease}.done-btn:hover{background:#444}.deposit-loading{display:flex;flex-direction:column;align-items:center;padding:3rem;color:gray}.deposit-loading .spinner{width:32px;height:32px;border:3px solid #333;border-top-color:#7c3aed;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@media (max-width: 480px){.deposit-modal-overlay{padding:0;align-items:flex-end}.deposit-modal{max-width:100%;max-height:85vh;border-radius:20px 20px 0 0;margin:0}.deposit-modal-header{padding:1rem;border-radius:20px 20px 0 0}.deposit-content{padding:1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom,0))}.close-btn{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.pay-btn,.done-btn,.retry-btn,.stripe-card-btn{min-height:48px}}.stripe-card-btn{width:100%;padding:1rem;background:linear-gradient(135deg,#635bff,#4f46e5);border:none;border-radius:10px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.stripe-card-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px #635bff66}.stripe-card-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.payment-divider{display:flex;align-items:center;gap:.75rem;margin:.25rem 0}.payment-divider:before,.payment-divider:after{content:"";flex:1;height:1px;background:#ffffff1a}.payment-divider span{color:#fff6;font-size:.8rem;white-space:nowrap}.byok-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;overflow-y:auto}.byok-modal{background:#1e1e2e;border-radius:16px;max-width:450px;width:100%;box-shadow:0 8px 32px #0006;border:1px solid rgba(255,255,255,.1);max-height:90vh;overflow-y:auto;margin:auto}.byok-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;background:#1e1e2e;z-index:1}.byok-modal-header h2{margin:0;font-size:1.25rem}.byok-modal-header .close-btn{background:none;border:none;font-size:1.5rem;color:gray;cursor:pointer;padding:0;line-height:1}.byok-modal-header .close-btn:hover{color:#fff}.byok-content{padding:1.5rem}.pricing-comparison{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.pricing-tier{padding:1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;text-align:center;transition:all .2s ease}.pricing-tier.active{border-color:#7c3aed;background:#7c3aed1a}.pricing-tier.byok.active{border-color:#10b981;background:#10b9811a}.tier-label{font-size:.85rem;color:gray;margin-bottom:.25rem}.tier-rate{font-size:1.25rem;font-weight:600;color:#fff}.tier-rate .rate-unit{font-size:.75rem;font-weight:400;color:gray}.pricing-tier.active .tier-rate{color:#a855f7}.pricing-tier.byok.active .tier-rate{color:#10b981}.tier-desc{font-size:.75rem;color:#606060;margin-top:.25rem}.byok-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;margin-bottom:1.25rem}.toggle-info{display:flex;flex-direction:column;gap:.25rem}.toggle-label{font-size:.95rem;color:#e0e0e0}.toggle-hint{font-size:.8rem;color:#606060}.toggle-switch{position:relative;width:52px;height:28px;background:#333;border:none;border-radius:14px;cursor:pointer;transition:background .2s ease;padding:0}.toggle-switch.enabled{background:#10b981}.toggle-knob{position:absolute;top:2px;left:2px;width:24px;height:24px;background:#fff;border-radius:50%;transition:transform .2s ease}.toggle-switch.enabled .toggle-knob{transform:translate(24px)}.api-key-input-group{margin-bottom:1.25rem}.api-key-input-group label{display:block;font-size:.85rem;color:silver;margin-bottom:.5rem}.input-wrapper{position:relative;display:flex;align-items:center}.api-key-input-group input{width:100%;padding:.875rem 3rem .875rem 1rem;background:#0a0a0f;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:.95rem;font-family:monospace;transition:border-color .2s ease}.api-key-input-group input:focus{outline:none;border-color:#7c3aed}.api-key-input-group input::placeholder{color:#505050}.toggle-visibility{position:absolute;right:.75rem;background:none;border:none;color:#606060;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center}.toggle-visibility:hover{color:#a0a0a0}.get-key-link{display:inline-block;margin-top:.5rem;font-size:.85rem;color:#7c3aed;text-decoration:none}.get-key-link:hover{text-decoration:underline}.byok-error{padding:.75rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:.9rem;margin-bottom:1rem}.byok-saved{padding:.75rem 1rem;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:8px;color:#10b981;font-size:.9rem;margin-bottom:1rem;text-align:center}.save-btn{width:100%;padding:1rem;background:#7c3aed;border:none;border-radius:10px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-bottom:1.25rem}.save-btn:hover:not(:disabled){background:#6d28d9;transform:translateY(-1px)}.save-btn:disabled{background:#10b981;cursor:default;transform:none}.byok-info{padding:1rem;background:#ffffff08;border-radius:10px}.byok-info p{font-size:.85rem;color:gray;margin:0;line-height:1.5}.byok-info p+p{margin-top:.75rem}.byok-info strong{color:silver}.byok-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .5rem;background:#10b98126;border:1px solid rgba(16,185,129,.3);border-radius:4px;font-size:.7rem;color:#10b981;margin-left:.5rem}@media (max-width: 480px){.byok-modal-overlay{padding:0;align-items:flex-end}.byok-modal{max-width:100%;max-height:85vh;border-radius:20px 20px 0 0;margin:0}.byok-modal-header{padding:1rem;border-radius:20px 20px 0 0}.byok-content{padding:1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom,0))}.byok-modal-header .close-btn{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.save-btn{min-height:48px}.pricing-comparison{grid-template-columns:1fr;gap:.75rem}}.user-menu-trigger{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .2s ease}.user-menu-trigger:hover{background:#ffffff1a;border-color:#7c3aed4d}.user-avatar{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:8px;font-weight:600;font-size:.9rem;color:#fff}.user-info{display:flex;flex-direction:column;align-items:flex-start;gap:.1rem}.user-name{font-size:.85rem;font-weight:500;color:#e0e0e0}.user-balance{font-size:.75rem;color:#10b981;font-weight:600}.user-menu-arrow{color:gray;transition:transform .2s ease}.user-menu-arrow.open{transform:rotate(180deg)}.user-menu-dropdown{position:absolute;top:calc(100% + .5rem);right:0;min-width:220px;background:#1e1e2e;border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 8px 32px #0006;z-index:100;overflow:hidden}.user-menu-header{padding:1rem;background:#0003}.user-menu-email{display:block;font-size:.85rem;color:silver;word-break:break-all}.user-menu-wallet{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:gray;margin-top:.5rem;padding:.375rem .625rem;font-family:monospace;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;cursor:pointer;transition:all .2s ease}.user-menu-wallet:hover{background:#7c3aed1a;border-color:#7c3aed4d;color:#a855f7}.user-menu-wallet svg{flex-shrink:0;opacity:.6}.user-menu-wallet:hover svg{opacity:1}.user-menu-divider{height:1px;background:#ffffff1a}.user-menu-balance{display:flex;justify-content:space-between;align-items:center;padding:1rem}.balance-label{font-size:.85rem;color:gray}.balance-value{font-size:1.1rem;font-weight:600;color:#10b981}.user-menu-item{display:block;width:100%;padding:.75rem 1rem;text-align:left;font-size:.9rem;color:silver;background:transparent;border:none;cursor:pointer;transition:all .2s ease}.user-menu-item:hover{background:#ffffff0d;color:#fff}.user-menu-item.deposit-button{color:#7c3aed;font-weight:500}.user-menu-item.deposit-button:hover{background:#7c3aed1a;color:#a855f7}.user-menu-item.api-keys-button{display:flex;align-items:center;justify-content:space-between}.user-menu-item .byok-badge{display:inline-flex;align-items:center;padding:.2rem .5rem;background:#10b98126;border:1px solid rgba(16,185,129,.3);border-radius:4px;font-size:.7rem;color:#10b981}.user-menu-item.logout-button{color:#ef4444}.user-menu-item.logout-button:hover{background:#ef44441a}@media (max-width: 768px){.user-menu-trigger{padding:.375rem .625rem;gap:.5rem}.user-avatar{width:28px;height:28px;font-size:.8rem}.user-info,.user-menu-arrow{display:none}.user-menu-dropdown{position:fixed;top:auto;bottom:0;left:0;right:0;min-width:100%;border-radius:20px 20px 0 0;max-height:70vh;overflow-y:auto;padding-bottom:env(safe-area-inset-bottom,0)}.user-menu-item{min-height:48px;display:flex;align-items:center;font-size:1rem}}@media (max-width: 480px){.user-menu-trigger{padding:.25rem .5rem;border-radius:8px}.user-avatar{width:32px;height:32px}}.lang-switcher{position:relative}.lang-switcher-btn{display:flex;align-items:center;gap:.4rem;padding:.4rem .7rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-secondary, #a0aec0);font-size:.8rem;cursor:pointer;transition:all .15s ease;white-space:nowrap}.lang-switcher-btn:hover{background:#ffffff1a;color:var(--text-primary, #e2e8f0);border-color:#fff3}.lang-switcher-dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:160px;background:var(--bg-glass-light, rgba(30, 30, 50, .95));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-glass, rgba(255, 255, 255, .1));border-radius:10px;box-shadow:0 8px 32px #0006;overflow:hidden;z-index:300;animation:langDropIn .12s ease-out}@keyframes langDropIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.lang-switcher-option{display:flex;align-items:center;gap:.5rem;width:100%;padding:.6rem .85rem;background:transparent;border:none;color:var(--text-secondary, #a0aec0);font-size:.8rem;text-align:left;cursor:pointer;transition:all .12s ease}.lang-switcher-option:hover{background:#ffffff0f;color:var(--text-primary, #e2e8f0)}.lang-switcher-option.active{color:var(--accent, #7c3aed)}.lang-switcher-option .lang-native{font-weight:500}.lang-switcher-option .lang-name{color:var(--text-muted, #64748b);font-size:.72rem}.lang-switcher-option svg{margin-left:auto;color:var(--accent, #7c3aed)}.lang-switcher.sidebar-lang .lang-switcher-dropdown{top:auto;bottom:calc(100% + 6px);left:0;right:0;animation:langDropUp .12s ease-out}@keyframes langDropUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.landing{min-height:100vh;background:var(--bg-dark);color:var(--text-primary);overflow-x:hidden}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:1rem 2rem;background:#00000080;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.05)}.nav-container{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700}.nav-logo img{height:40px;width:auto;object-fit:contain;flex-shrink:0}.nav-logo .logo-full{display:block}.nav-logo .logo-icon{display:none}.nav-links{display:flex;gap:2rem}.nav-links a{color:var(--text-secondary);text-decoration:none;font-size:.95rem;transition:color .2s ease}.nav-links a:hover{color:var(--text-primary)}.nav-actions{display:flex;align-items:center;gap:.75rem}.nav-cta{padding:.625rem 1.5rem;background:var(--accent);border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s ease}.nav-cta:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-2px)}.nav-cta:disabled{opacity:.6;cursor:not-allowed}.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8rem 2rem 4rem;overflow:hidden}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hero-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;animation:float 8s ease-in-out infinite}.hero-orb-1{width:600px;height:600px;background:radial-gradient(circle,rgba(139,92,246,.4) 0%,transparent 70%);top:-200px;left:-100px}.hero-orb-2{width:500px;height:500px;background:radial-gradient(circle,rgba(168,85,247,.3) 0%,transparent 70%);bottom:-100px;right:-100px;animation-delay:-4s}.hero-orb-3{width:300px;height:300px;background:radial-gradient(circle,rgba(236,72,153,.25) 0%,transparent 70%);top:40%;right:20%;animation-delay:-2s}@keyframes float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-30px) scale(1.05)}}.hero-content{position:relative;z-index:1;max-width:800px;text-align:center}.hero-title{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;line-height:1.1;margin-bottom:1.5rem;letter-spacing:-.03em}.text-gradient{background:linear-gradient(135deg,#8b5cf6,#ec4899,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:clamp(1.1rem,2vw,1.35rem);color:var(--text-secondary);line-height:1.7;margin-bottom:2.5rem;max-width:600px;margin-left:auto;margin-right:auto}.hero-cta{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:1.5rem}.btn-hero-primary{padding:1rem 2.5rem;background:linear-gradient(135deg,var(--accent) 0%,#7C3AED 100%);border:none;border-radius:12px;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 30px #8b5cf666}.btn-hero-primary:hover{transform:translateY(-3px);box-shadow:0 12px 40px #8b5cf680}.beta-badge{display:inline-block;padding:.2rem .5rem;margin-left:.5rem;background:#fff3;border-radius:4px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;vertical-align:middle}.btn-hero-secondary{padding:1rem 2rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:12px;color:var(--text-primary);font-size:1.1rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.btn-hero-secondary:hover{background:#ffffff1a;border-color:#ffffff40}.play-icon{font-size:.8rem}.hero-note{font-size:.9rem;color:var(--text-muted)}.hero-visual{position:relative;z-index:1;margin-top:3rem}.hero-video-frame{position:relative;max-width:900px;margin:0 auto;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#1e1b4b80;box-shadow:0 25px 50px -12px #00000080,0 0 80px #8b5cf626}.hero-video{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block}.hero-video::-webkit-media-controls{opacity:0;transition:opacity .3s ease}.hero-video-frame:hover .hero-video::-webkit-media-controls{opacity:1}.hero-video-frame{cursor:pointer}.hero-video-frame:after{content:"";position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(transparent,#00000080);opacity:0;transition:opacity .3s ease;pointer-events:none}.hero-video-frame:hover:after{opacity:1}.section-container{max-width:1200px;margin:0 auto;padding:0 2rem}.section-title{font-size:clamp(2rem,4vw,3rem);font-weight:700;text-align:center;margin-bottom:1rem}.section-subtitle{font-size:1.15rem;color:var(--text-secondary);text-align:center;margin-bottom:4rem;max-width:600px;margin-left:auto;margin-right:auto}.features{padding:8rem 0;background:linear-gradient(180deg,transparent 0%,rgba(30,27,75,.3) 50%,transparent 100%)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.feature-card{position:relative;padding:2rem;background:#1e1b4b66;border:1px solid rgba(255,255,255,.08);border-radius:16px;transition:all .3s ease}.feature-card:hover{transform:translateY(-5px);border-color:#8b5cf64d;box-shadow:0 20px 40px #0000004d}.feature-card.featured{background:linear-gradient(135deg,#8b5cf626,#1e1b4b66);border-color:#8b5cf64d;grid-row:span 2;display:flex;flex-direction:column;justify-content:center}.feature-badge{position:absolute;top:1rem;right:1rem;padding:.25rem .75rem;background:var(--accent);border-radius:20px;font-size:.75rem;font-weight:600}.feature-icon{font-size:2.5rem;margin-bottom:1rem}.feature-card h3{font-size:1.25rem;font-weight:600;margin-bottom:.75rem}.feature-card p{color:var(--text-secondary);line-height:1.6;font-size:.95rem}.use-cases{padding:8rem 0}.use-cases-grid{display:grid;gap:2rem}.use-cases-landscape{grid-template-columns:repeat(2,1fr)}.use-cases-vertical{grid-template-columns:repeat(3,1fr);margin:2rem auto 0}.use-case-card{position:relative;border-radius:20px;overflow:hidden;background:#1e1b4b66;border:1px solid rgba(255,255,255,.08);transition:all .4s cubic-bezier(.4,0,.2,1)}.use-case-card:hover{transform:translateY(-8px);border-color:#8b5cf666;box-shadow:0 25px 50px #0006,0 0 40px #8b5cf626}.use-case-video{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden}.use-case-vertical .use-case-video{aspect-ratio:9 / 16;max-height:380px}.use-case-vertical .use-case-video video{object-fit:contain;background:#0000004d}.use-case-video video{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.use-case-card:hover .use-case-video video{transform:scale(1.02)}.use-case-video video::-webkit-media-controls{opacity:0;transition:opacity .3s ease}.use-case-video:hover video::-webkit-media-controls{opacity:1}.use-case-video video{cursor:pointer}.use-case-info{padding:1.5rem}.use-case-tag{display:inline-block;padding:.35rem .85rem;background:linear-gradient(135deg,#8b5cf633,#a855f733);border:1px solid rgba(139,92,246,.3);border-radius:20px;font-size:.75rem;font-weight:600;color:#a78bfa;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.use-case-info h3{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.use-case-info p{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.how-it-works{padding:8rem 0}.steps{display:flex;align-items:flex-start;justify-content:center;gap:0;flex-wrap:wrap}.step{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:220px;padding:0 1rem}.step-number{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--accent) 0%,#7C3AED 100%);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;box-shadow:0 8px 30px #8b5cf666}.step-content h3{font-size:1.25rem;font-weight:600;margin-bottom:.75rem}.step-content p{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.step-connector{width:60px;height:2px;background:linear-gradient(90deg,var(--accent) 0%,rgba(139,92,246,.2) 100%);margin-top:30px;flex-shrink:0}.pricing{padding:8rem 0;background:linear-gradient(180deg,transparent 0%,rgba(30,27,75,.3) 50%,transparent 100%)}.pricing-cards{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.pricing-card{position:relative;width:340px;padding:2.5rem;background:#1e1b4b66;border:1px solid rgba(255,255,255,.08);border-radius:20px;text-align:center}.pricing-card.featured{background:linear-gradient(135deg,#8b5cf626,#1e1b4b66);border-color:#8b5cf64d;transform:scale(1.05)}.pricing-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:.35rem 1rem;background:var(--accent);border-radius:20px;font-size:.8rem;font-weight:600}.pricing-card h3{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.pricing-price{margin-bottom:.5rem}.price-amount{font-size:3rem;font-weight:800}.price-period{font-size:1rem;color:var(--text-muted);margin-left:.25rem}.pricing-desc{color:var(--text-secondary);margin-bottom:2rem;font-size:.95rem}.pricing-features{list-style:none;padding:0;margin:0 0 2rem;text-align:left}.pricing-features li{padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.05);color:var(--text-secondary);font-size:.95rem}.pricing-features li:before{content:"✓";color:var(--success);margin-right:.75rem;font-weight:600}.btn-pricing{width:100%;padding:1rem;background:var(--accent);border:none;border-radius:10px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-pricing:hover{background:var(--accent-hover)}.btn-pricing-secondary{width:100%;padding:1rem;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:var(--text-secondary);font-size:1rem;font-weight:500;cursor:not-allowed}.faq{padding:8rem 0}.faq-list{max-width:800px;margin:0 auto}.faq-item{margin-bottom:1rem;background:#1e1b4b66;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden}.faq-item summary{padding:1.25rem 1.5rem;font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}.faq-item summary:after{content:"+";font-size:1.5rem;color:var(--text-muted);transition:transform .2s ease}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-item p{padding:0 1.5rem 1.5rem;color:var(--text-secondary);line-height:1.7}.landing-footer{padding:4rem 2rem 2rem;background:#0f0f23cc;border-top:1px solid rgba(255,255,255,.05)}.footer-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap;gap:3rem}.footer-brand{display:flex;flex-direction:column;gap:.5rem}.footer-brand img{height:48px;width:auto;object-fit:contain;flex-shrink:0}.footer-brand span{font-size:1.5rem;font-weight:700}.footer-brand p{color:var(--text-muted);font-size:.9rem}.footer-links{display:flex;gap:4rem}.footer-col h4{font-size:.9rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.footer-col a{display:block;color:var(--text-muted);text-decoration:none;font-size:.9rem;margin-bottom:.75rem;transition:color .2s ease}.footer-col a:hover{color:var(--text-primary)}.footer-bottom{max-width:1200px;margin:3rem auto 0;padding-top:2rem;border-top:1px solid rgba(255,255,255,.05);text-align:center}.footer-bottom p{color:var(--text-muted);font-size:.85rem}.problem-section{padding:4rem 2rem;background:linear-gradient(180deg,transparent 0%,rgba(139,92,246,.03) 100%)}.problem-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;max-width:1000px;margin:0 auto}.problem-card,.solution-card{padding:2rem;border-radius:16px;border:1px solid rgba(255,255,255,.1)}.problem-card{background:#ef44440d;border-color:#ef444433}.solution-card{background:#10b9810d;border-color:#10b98133}.problem-icon,.solution-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.problem-icon{background:#ef444426;color:#ef4444}.solution-icon{background:#10b98126;color:#10b981}.problem-card h3,.solution-card h3{font-size:1.25rem;margin-bottom:1rem;font-weight:600}.problem-card h3{color:#f87171}.solution-card h3{color:#34d399}.problem-list,.solution-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.problem-list li,.solution-list li{display:flex;align-items:flex-start;gap:.75rem;font-size:.95rem;color:var(--text-secondary);line-height:1.5}.problem-list li:before{content:"×";color:#ef4444;font-weight:700;font-size:1.1rem;flex-shrink:0}.solution-list li:before{content:"✓";color:#10b981;font-weight:700;font-size:1rem;flex-shrink:0}@media (max-width: 1024px){.features-grid{grid-template-columns:repeat(2,1fr)}.feature-card.featured{grid-row:span 1}}@media (max-width: 768px){.nav-links,.nav-logo .logo-full{display:none}.nav-logo .logo-icon{display:block;height:36px;width:36px}.problem-grid{grid-template-columns:1fr;gap:1.5rem}.problem-section{padding:3rem 1rem}.problem-card,.solution-card{padding:1.5rem}.hero{padding:6rem 1rem 3rem;min-height:auto}.hero-content{max-width:100%;padding:0 .5rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem;margin-bottom:2rem}.hero-visual{margin-top:2rem;width:100%}.hero-video-frame{max-width:100%;border-radius:12px}.features-grid{grid-template-columns:1fr}.use-cases-landscape,.use-cases-vertical{grid-template-columns:1fr;gap:1.5rem;max-width:100%;margin-top:1.5rem}.use-case-vertical .use-case-video{max-height:none}.use-case-card:hover{transform:translateY(-4px)}.steps{flex-direction:column;align-items:center}.step-connector{width:2px;height:40px;background:linear-gradient(180deg,var(--accent) 0%,rgba(139,92,246,.2) 100%);margin:0}.pricing-card.featured{transform:scale(1)}.footer-container{flex-direction:column}.footer-links{flex-wrap:wrap;gap:2rem}}@media (max-width: 480px){.hero{padding:5rem 1rem 2rem}.hero-title{font-size:1.75rem;margin-bottom:1rem}.hero-subtitle{font-size:.95rem;line-height:1.6}.hero-cta{flex-direction:column}.btn-hero-primary,.btn-hero-secondary{width:100%;justify-content:center;padding:.875rem 1.5rem;font-size:1rem}.hero-note{font-size:.8rem}.hero-visual{margin-top:1.5rem}.pricing-cards{padding:0 .5rem}.pricing-card{width:100%;padding:1.5rem}.section-container{padding:0 1rem}.section-title{font-size:1.5rem}.section-subtitle{font-size:.95rem;margin-bottom:2rem}}.media-kit{min-height:100vh;background:linear-gradient(135deg,#0f0a1f,#1a1333,#0f0a1f);padding:2rem}.media-kit-container{max-width:1000px;margin:0 auto}.media-kit-header{text-align:center;margin-bottom:3rem}.back-link{display:inline-block;color:#fff9;text-decoration:none;margin-bottom:1.5rem;font-size:.9rem;transition:color .2s}.back-link:hover{color:#a78bfa}.media-kit-header h1{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:.5rem}.media-kit-header p{color:#fff9;font-size:1.1rem}.brand-guidelines{background:#1e1b4b80;border:1px solid rgba(139,92,246,.2);border-radius:16px;padding:2rem;margin-bottom:2rem}.brand-guidelines h2{font-size:1.5rem;color:#fff;margin-bottom:1.5rem}.guidelines-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.guideline-item h3{font-size:1rem;color:#ffffffe6;margin-bottom:1rem}.color-swatches{display:flex;gap:.75rem}.swatch{width:80px;height:80px;border-radius:12px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:.5rem;font-size:.7rem;color:#fff;font-family:monospace}.swatch.dark{border:1px solid rgba(255,255,255,.2)}.guideline-item ul{list-style:none;padding:0;margin:0}.guideline-item li{color:#ffffffb3;font-size:.9rem;padding:.5rem 0 .5rem 1.5rem;position:relative}.guideline-item li:before{content:"•";position:absolute;left:0;color:#8b5cf6}.logo-downloads{margin-bottom:2rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-header h2{font-size:1.5rem;color:#fff;margin:0}.btn-download-all{padding:.625rem 1.25rem;background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff;font-weight:500;font-size:.9rem;border:none;border-radius:8px;cursor:pointer;transition:all .2s}.btn-download-all:hover{transform:translateY(-1px);box-shadow:0 4px 15px #8b5cf666}.logos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.25rem}.logo-card{background:#1e1b4b80;border:1px solid rgba(139,92,246,.2);border-radius:12px;overflow:hidden;transition:all .2s}.logo-card:hover{border-color:#8b5cf666;transform:translateY(-2px)}.logo-preview{background:#0000004d;padding:1.5rem;display:flex;align-items:center;justify-content:center;min-height:120px}.logo-preview img{max-width:100%;max-height:80px;object-fit:contain}.logo-info{padding:1rem}.logo-info h3{font-size:.9rem;color:#fff;margin-bottom:.25rem}.logo-info p{font-size:.8rem;color:#ffffff80;margin-bottom:.75rem}.btn-download{width:100%;padding:.5rem;background:transparent;border:1px solid rgba(139,92,246,.3);color:#a78bfa;font-size:.8rem;border-radius:6px;cursor:pointer;transition:all .2s}.btn-download:hover{background:#8b5cf61a;border-color:#8b5cf680}.contact-section{background:#1e1b4b80;border:1px solid rgba(139,92,246,.2);border-radius:16px;padding:2rem;text-align:center}.contact-section h2{font-size:1.5rem;color:#fff;margin-bottom:.5rem}.contact-section p{color:#fff9}@media (max-width: 640px){.media-kit{padding:1rem}.media-kit-header h1{font-size:1.75rem}.guidelines-grid{grid-template-columns:1fr}.color-swatches{flex-wrap:wrap}.logos-grid{grid-template-columns:repeat(2,1fr)}}.legal-page{min-height:100vh;background:var(--bg-dark);color:var(--text-primary);padding:2rem}.legal-container{max-width:800px;margin:0 auto}.legal-header{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.1)}.legal-header .back-link{display:inline-block;color:var(--text-secondary);text-decoration:none;margin-bottom:1.5rem;font-size:.9rem;transition:color .2s}.legal-header .back-link:hover{color:var(--text-primary)}.legal-header h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.legal-updated{color:var(--text-secondary);font-size:.9rem}.legal-content section{margin-bottom:2.5rem}.legal-content h2{font-size:1.3rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.legal-content h3{font-size:1.1rem;font-weight:600;margin-top:1.5rem;margin-bottom:.75rem;color:var(--text-secondary)}.legal-content p{color:var(--text-secondary);line-height:1.75;margin-bottom:1rem}.legal-content ul{list-style:disc;padding-left:1.5rem;margin-bottom:1rem}.legal-content li{color:var(--text-secondary);line-height:1.75;margin-bottom:.5rem}.legal-content a{color:#7c3aed;text-decoration:none}.legal-content a:hover{text-decoration:underline}.legal-content strong{color:var(--text-primary);font-weight:600}@media (max-width: 768px){.legal-page{padding:1rem}.legal-header h1{font-size:1.8rem}.legal-content h2{font-size:1.15rem}}.admin-dashboard{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);padding:24px}.admin-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.admin-header h1{font-size:1.5rem;font-weight:600}.admin-back-btn{background:var(--bg-glass);border:1px solid var(--border-glass);color:var(--text-secondary);padding:8px 16px;border-radius:8px;cursor:pointer;font-size:.875rem;transition:all .2s}.admin-back-btn:hover{background:var(--bg-glass-light);color:var(--text-primary)}.admin-home-btn{margin-left:auto;background:var(--bg-glass);border:1px solid var(--border-glass);color:var(--text-secondary);padding:8px 16px;border-radius:8px;cursor:pointer;font-size:.875rem;text-decoration:none;transition:all .2s}.admin-home-btn:hover{background:var(--bg-glass-light);color:var(--text-primary)}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.admin-stat-card{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:12px;padding:16px}.admin-stat-card .label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.admin-stat-card .value{font-size:1.5rem;font-weight:600;margin-top:4px}.admin-table-container{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:12px;overflow:hidden}.admin-table-container h2{padding:16px 20px 12px;font-size:1rem;font-weight:600}.admin-table{width:100%;border-collapse:collapse;font-size:.875rem}.admin-table th{text-align:left;padding:10px 16px;font-weight:500;color:var(--text-muted);border-bottom:1px solid var(--border-glass);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.admin-table td{padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.05)}.admin-table tr.clickable{cursor:pointer;transition:background .15s}.admin-table tr.clickable:hover{background:#ffffff0d}.admin-table .mono{font-family:monospace;font-size:.8rem;color:var(--text-secondary)}.admin-table .badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:500}.admin-table .badge-deposit{background:var(--success-glow);color:var(--success)}.admin-table .badge-usage{background:var(--error-glow);color:var(--error)}.admin-table .badge-refund{background:#f59e0b33;color:var(--warning)}.admin-table .badge-completed{background:var(--success-glow);color:var(--success)}.admin-table .badge-active{background:#8b5cf633;color:var(--accent)}.admin-user-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;margin-bottom:24px;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:12px;padding:20px}.admin-user-info .info-item{display:flex;flex-direction:column;gap:4px}.admin-user-info .info-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.admin-user-info .info-value{font-size:.9rem;color:var(--text-primary);word-break:break-all}.admin-loading,.admin-error,.admin-forbidden{display:flex;align-items:center;justify-content:center;min-height:50vh;color:var(--text-secondary);font-size:1rem}.admin-forbidden{color:var(--error)}.admin-section{margin-top:24px}.admin-credit-form{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:12px;padding:20px;margin-bottom:24px}.admin-credit-form h2{font-size:1rem;font-weight:600;margin-bottom:12px}.credit-form-row{display:flex;gap:8px;align-items:center}.credit-input{background:var(--bg-primary);border:1px solid var(--border-glass);color:var(--text-primary);padding:8px 12px;border-radius:8px;font-size:.875rem;outline:none;width:120px}.credit-input.credit-desc{flex:1}.credit-input:focus{border-color:var(--accent)}.credit-submit-btn{background:var(--accent);color:#fff;border:none;padding:8px 20px;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:opacity .2s;white-space:nowrap}.credit-submit-btn:hover:not(:disabled){opacity:.85}.credit-submit-btn:disabled{opacity:.4;cursor:not-allowed}.credit-msg{margin-top:8px;font-size:.8rem;padding:6px 10px;border-radius:6px}.credit-msg-success{color:var(--success);background:var(--success-glow)}.credit-msg-error{color:var(--error);background:var(--error-glow)}.veo-guide-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.veo-guide-modal{background:#1e1e2e;border-radius:16px;max-width:600px;width:100%;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #00000080;border:1px solid rgba(255,255,255,.1)}.veo-guide-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.veo-guide-header h2{margin:0;font-size:1.25rem;color:#fff}.veo-guide-header .close-btn{background:none;border:none;font-size:1.5rem;color:gray;cursor:pointer;padding:0;line-height:1}.veo-guide-header .close-btn:hover{color:#fff}.veo-guide-tabs{display:flex;gap:.5rem;padding:1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.05)}.tab-btn{padding:.5rem 1rem;background:transparent;border:1px solid #333;border-radius:6px;color:gray;font-size:.9rem;cursor:pointer;transition:all .2s ease}.tab-btn:hover{border-color:#555;color:silver}.tab-btn.active{background:#7c3aed;border-color:#7c3aed;color:#fff}.veo-guide-content{flex:1;overflow-y:auto;padding:1rem 1.5rem}.tab-content{display:flex;flex-direction:column;gap:1.25rem}.guide-section{background:#0a0a0f;border-radius:10px;padding:1rem 1.25rem;border-left:3px solid #333}.guide-section.warning{border-left-color:#fbbf24}.guide-section.tip{border-left-color:#10b981}.guide-section.success{border-left-color:#3b82f6}.guide-section h3{margin:0 0 .75rem;font-size:1rem;color:#fff}.guide-section ul{margin:0;padding-left:1.25rem}.guide-section li{color:silver;font-size:.9rem;line-height:1.6;margin-bottom:.5rem}.guide-section li:last-child{margin-bottom:0}.guide-section li strong{color:#fff}.example-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:.75rem}.example-item{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.75rem;background:#ffffff0d;border-radius:8px}.example-icon{font-size:1.5rem}.example-item span:last-child{font-size:.8rem;color:silver;text-align:center}.veo-guide-footer{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-top:1px solid rgba(255,255,255,.1)}.footer-note{margin:0;font-size:.8rem;color:gray}.got-it-btn{padding:.6rem 1.5rem;background:#7c3aed;border:none;border-radius:8px;color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;transition:background .2s ease}.got-it-btn:hover{background:#6d28d9}.veo-guide-cta{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .85rem;background:#7c3aed26;border:1px solid rgba(124,58,237,.3);border-radius:20px;color:#a855f7;font-size:.85rem;cursor:pointer;transition:all .2s ease}.veo-guide-cta:hover{background:#7c3aed40;border-color:#7c3aed80}.cta-icon{font-size:1rem}.cta-text{font-weight:500}.welcome-banner{background:linear-gradient(135deg,#1e1e2e,#2d1f3d);border-radius:12px;padding:1.25rem;margin-bottom:.5rem;border:1px solid rgba(124,58,237,.2)}.welcome-banner h3{margin:0 0 .5rem;font-size:1.1rem;color:#fff}.welcome-banner p{margin:0 0 .75rem;color:silver;font-size:.9rem;line-height:1.6}.welcome-banner p.value-prop{margin-bottom:1rem}.welcome-banner p.value-prop strong{color:#a855f7}.welcome-banner p.cta-text{margin-bottom:1rem;font-size:.85rem;color:#909090}@media (max-width: 600px){.veo-guide-modal{max-height:90vh}.example-grid{grid-template-columns:repeat(2,1fr)}.veo-guide-tabs{flex-wrap:wrap}.tab-btn{flex:1;min-width:calc(50% - .25rem);text-align:center}}.asset-card{position:relative;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden;transition:all .2s ease}.asset-card:hover{border-color:#fff3;background:#ffffff0d}.asset-card.selection-mode{cursor:pointer}.asset-card.selection-mode:hover{border-color:#8b5cf6}.asset-card.selected{border-color:#8b5cf6;background:#8b5cf61a}.asset-card-image{position:relative;aspect-ratio:1;background:#0003}.asset-card-image img{width:100%;height:100%;object-fit:cover}.asset-card-selected-badge{position:absolute;top:8px;right:8px;width:24px;height:24px;background:#8b5cf6;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.asset-card-info{padding:10px}.asset-card-name{margin:0 0 6px;font-size:13px;font-weight:500;color:#e5e5e5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asset-card-meta{display:flex;align-items:center;gap:8px;font-size:11px}.asset-card-type{padding:2px 6px;border-radius:4px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.asset-card-type.asset{background:#3b82f633;color:#60a5fa}.asset-card-type.style{background:#ec489933;color:#f472b6}.asset-card-usage{color:#9ca3af}.asset-card-actions{position:absolute;top:8px;right:8px;display:flex;gap:4px}.asset-card-action{width:28px;height:28px;padding:0;background:#000000b3;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.asset-card-action:hover{background:#000000e6;color:#e5e5e5}.asset-card-action.delete:hover{color:#ef4444}.asset-card.audio .asset-card-image{background:linear-gradient(135deg,#8b5cf626,#3b82f626)}.asset-card-audio-icon{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#9ca3af}.asset-card-audio-icon.music{color:#f472b6}.audio-play-button{width:40px;height:40px;padding:0;background:#8b5cf633;border:2px solid rgba(139,92,246,.5);border-radius:50%;color:#8b5cf6;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.asset-card-audio-icon.music .audio-play-button{background:#ec489933;border-color:#ec489980;color:#f472b6}.audio-play-button:hover{background:#8b5cf64d;border-color:#8b5cf6;color:#a78bfa;transform:scale(1.05)}.asset-card-audio-icon.music .audio-play-button:hover{background:#ec48994d;border-color:#ec4899;color:#f472b6}.audio-play-button.playing{background:#8b5cf666;border-color:#8b5cf6;animation:pulse-glow 1.5s ease-in-out infinite}.asset-card-audio-icon.music .audio-play-button.playing{background:#ec489966;border-color:#ec4899}@keyframes pulse-glow{0%,to{box-shadow:0 0 #8b5cf666}50%{box-shadow:0 0 0 8px #8b5cf600}}.asset-card-duration{position:absolute;bottom:8px;right:8px;padding:2px 6px;background:#000000b3;border-radius:4px;font-size:11px;font-weight:500;color:#e5e5e5;font-variant-numeric:tabular-nums}.asset-card-type.voice{background:#8b5cf633;color:#a78bfa}.asset-card-type.music{background:#ec489933;color:#f472b6}.asset-upload-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1100;padding:20px}.asset-upload-modal{width:100%;max-width:500px;background:#1a1625;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden}.asset-upload-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.asset-upload-header h3{margin:0;font-size:16px;font-weight:600;color:#e5e5e5}.asset-upload-header .close-btn{width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.asset-upload-header .close-btn:hover{background:#ffffff1a;color:#e5e5e5}.asset-upload-content{padding:20px}.asset-upload-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 20px;background:#ffffff05;border:2px dashed rgba(255,255,255,.15);border-radius:8px;cursor:pointer;transition:all .2s ease;margin-bottom:16px}.asset-upload-dropzone:hover{background:#ffffff0a;border-color:#ffffff40}.asset-upload-dropzone.has-preview{padding:8px}.asset-upload-dropzone.has-preview img{max-width:100%;max-height:200px;border-radius:6px;object-fit:contain}.asset-upload-dropzone.audio{background:linear-gradient(135deg,#8b5cf61a,#3b82f61a);border-color:#8b5cf64d}.asset-upload-dropzone.audio.has-preview{padding:24px}.audio-preview{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%}.audio-preview svg{color:#a78bfa;margin:0}.audio-preview audio{width:100%;max-width:280px;height:36px}.audio-preview .file-name{margin:0;font-size:12px;color:#9ca3af;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-upload-dropzone svg{color:#4b5563;margin-bottom:12px}.asset-upload-dropzone p{margin:0;font-size:14px;color:#9ca3af}.asset-upload-dropzone span{font-size:12px;color:#6b7280;margin-top:4px}.asset-upload-fields{display:flex;flex-direction:column;gap:14px}.asset-upload-fields .field{display:flex;flex-direction:column;gap:6px}.asset-upload-fields label{font-size:13px;font-weight:500;color:#9ca3af}.asset-upload-fields input,.asset-upload-fields textarea{padding:10px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#e5e5e5;font-size:14px;resize:none}.asset-upload-fields input:focus,.asset-upload-fields textarea:focus{outline:none;border-color:#8b5cf6}.asset-upload-fields input::placeholder,.asset-upload-fields textarea::placeholder{color:#6b7280}.type-selector{display:flex;gap:8px}.type-selector button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#9ca3af;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.type-selector button:hover{background:#ffffff14}.type-selector button.active{background:#8b5cf626;border-color:#8b5cf6;color:#c4b5fd}.type-icon{display:flex;align-items:center;justify-content:center}.type-hint{font-size:11px;color:#6b7280;margin-top:4px}.asset-upload-error{padding:10px 12px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:6px;color:#fca5a5;font-size:13px;margin-top:16px}.asset-upload-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 20px;border-top:1px solid rgba(255,255,255,.1);background:#0003}.asset-upload-footer .cancel-btn{padding:10px 20px;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#9ca3af;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.asset-upload-footer .cancel-btn:hover:not(:disabled){background:#ffffff0d;color:#e5e5e5}.asset-upload-footer .submit-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#8b5cf6;border:none;border-radius:6px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s ease}.asset-upload-footer .submit-btn:hover:not(:disabled){background:#7c3aed}.asset-upload-footer .submit-btn:disabled{background:#4b5563;color:#9ca3af;cursor:not-allowed}.asset-upload-footer .submit-btn .spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.asset-library{display:flex;flex-direction:column;height:100%;max-height:70vh;background:#1a1625;border-radius:12px;overflow:hidden}.asset-library-header{padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.asset-library-header h2{margin:0 0 12px;font-size:18px;font-weight:600;color:#e5e5e5}.asset-library-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.asset-library-search{flex:1;min-width:200px;position:relative;display:flex;align-items:center}.asset-library-search svg{position:absolute;left:10px;color:#9ca3af}.asset-library-search input{width:100%;padding:8px 12px 8px 34px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#e5e5e5;font-size:13px}.asset-library-search input:focus{outline:none;border-color:#8b5cf6}.asset-library-search input::placeholder{color:#6b7280}.asset-library-filters{display:flex;gap:8px;flex-wrap:wrap}.asset-library-filters .filter-group{display:flex;gap:4px;background:#ffffff0d;border-radius:6px;padding:2px}.asset-library-filters button{padding:6px 12px;background:transparent;border:none;border-radius:4px;color:#9ca3af;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.asset-library-filters button:hover{color:#e5e5e5}.asset-library-filters button.active{background:#8b5cf6;color:#fff}.asset-library-upload-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#8b5cf633;border:1px solid #8b5cf6;border-radius:6px;color:#c4b5fd;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.asset-library-upload-btn:hover{background:#8b5cf64d}.asset-library-error{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;background:#ef44441a;border-bottom:1px solid rgba(239,68,68,.2);color:#fca5a5;font-size:13px}.asset-library-error button{padding:4px 8px;background:transparent;border:1px solid rgba(239,68,68,.3);border-radius:4px;color:#fca5a5;font-size:12px;cursor:pointer}.asset-library-selection-info{display:flex;align-items:center;gap:12px;padding:12px 20px;background:#8b5cf61a;border-bottom:1px solid rgba(139,92,246,.2)}.asset-library-selection-info>span{color:#c4b5fd;font-size:13px;font-weight:500}.selected-previews{display:flex;gap:8px}.selected-preview{position:relative;width:40px;height:40px;border-radius:6px;overflow:hidden;border:2px solid #8b5cf6}.selected-preview img{width:100%;height:100%;object-fit:cover}.selected-preview button{position:absolute;top:-4px;right:-4px;width:18px;height:18px;padding:0;background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.selected-preview.voice{background:linear-gradient(135deg,#8b5cf64d,#3b82f64d)}.selected-preview .voice-icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#a78bfa}.asset-library-content{flex:1;overflow-y:auto;padding:16px 20px}.asset-library-loading,.asset-library-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#9ca3af;text-align:center}.asset-library-loading .spinner{width:32px;height:32px;border:3px solid rgba(139,92,246,.2);border-top-color:#8b5cf6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:12px}.asset-library-empty svg{color:#4b5563;margin-bottom:12px}.asset-library-empty p{margin:0;font-size:14px}.asset-library-empty .subtitle{color:#6b7280;font-size:12px;margin-top:4px}.asset-library-empty .upload-btn{margin-top:16px;padding:10px 20px;background:#8b5cf6;border:none;border-radius:6px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s ease}.asset-library-empty .upload-btn:hover{background:#7c3aed}.asset-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.asset-library-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 20px;border-top:1px solid rgba(255,255,255,.1);background:#0003}.asset-library-footer .cancel-btn{padding:10px 20px;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#9ca3af;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.asset-library-footer .cancel-btn:hover{background:#ffffff0d;color:#e5e5e5}.asset-library-footer .confirm-btn{padding:10px 20px;background:#8b5cf6;border:none;border-radius:6px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s ease}.asset-library-footer .confirm-btn:hover:not(:disabled){background:#7c3aed}.asset-library-footer .confirm-btn:disabled{background:#4b5563;color:#9ca3af;cursor:not-allowed}.attachment-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.attachment-modal{background:linear-gradient(135deg,#1e1b4bf2,#0f0a1ffa);border:1px solid rgba(139,92,246,.3);border-radius:16px;width:90%;max-width:520px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column}.attachment-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.1)}.attachment-modal-header h3{margin:0;font-size:1.125rem;color:#fff}.attachment-modal-header .close-btn{background:none;border:none;color:#fff9;font-size:1.5rem;cursor:pointer;padding:0;line-height:1}.attachment-modal-header .close-btn:hover{color:#fff}.attachment-modal-footer{padding:1rem 1.25rem;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:flex-end}.attachment-modal-footer .btn-primary{min-width:100px}.attachment-tabs{display:flex;border-bottom:1px solid rgba(255,255,255,.1)}.attachment-tabs .tab{flex:1;padding:.875rem;background:none;border:none;color:#fff9;font-size:.9rem;cursor:pointer;transition:all .2s;position:relative}.attachment-tabs .tab:hover{color:#ffffffe6}.attachment-tabs .tab.active{color:#a78bfa}.attachment-tabs .tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:linear-gradient(90deg,#8b5cf6,#a855f7)}.attachment-content{padding:1.25rem;overflow-y:auto;flex:1}.upload-description{margin-bottom:1.25rem}.upload-description p{color:#fffc;font-size:.9rem;margin-bottom:.75rem}.upload-description ul{margin:0;padding-left:1.25rem;color:#fff9;font-size:.85rem}.upload-description li{margin-bottom:.5rem}.upload-description li strong{color:#ffffffe6}.upload-limit{color:var(--accent)!important;font-size:.8rem!important}.upload-note{color:var(--warning)!important;font-size:.8rem!important;font-style:italic}.existing-attachments,.pending-attachments{margin-bottom:1rem}.existing-attachments h4,.pending-attachments h4{font-size:.8rem;color:#ffffff80;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.attachment-list{display:flex;gap:.5rem;flex-wrap:wrap}.attachment-item{position:relative;width:80px;height:80px;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.attachment-item img{width:100%;height:100%;object-fit:cover}.attachment-item .attachment-type{position:absolute;bottom:0;left:0;right:0;padding:.25rem;background:#000000b3;color:#fff;font-size:.65rem;text-align:center}.pending-item{display:flex;gap:.75rem;padding:.75rem;background:#0000004d;border-radius:8px;margin-bottom:.5rem}.pending-item img{width:60px;height:60px;object-fit:cover;border-radius:6px}.pending-options{flex:1;display:flex;flex-direction:column;gap:.5rem}.pending-options select,.pending-options input{padding:.5rem;background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff;font-size:.85rem}.pending-options select:focus,.pending-options input:focus{outline:none;border-color:var(--accent)}.pending-options .remove-btn{position:absolute;right:.5rem;top:.5rem;background:#ef4444cc;border:none;color:#fff;width:20px;height:20px;border-radius:50%;cursor:pointer;font-size:.9rem;line-height:1}.pending-item{position:relative}.upload-actions{display:flex;gap:.75rem;margin-top:1rem}.upload-actions .btn-secondary{padding:.625rem 1rem;background:transparent;border:1px solid rgba(139,92,246,.3);color:#a78bfa;border-radius:8px;cursor:pointer;font-size:.875rem;transition:all .2s}.upload-actions .btn-secondary:hover:not(:disabled){background:#8b5cf61a;border-color:#8b5cf680}.upload-actions .btn-secondary:disabled{opacity:.5;cursor:not-allowed}.upload-actions .btn-primary{flex:1;padding:.625rem 1rem;background:linear-gradient(135deg,#8b5cf6,#a855f7);border:none;color:#fff;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s}.upload-actions .btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf666}.upload-actions .btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-upload-music{width:100%;padding:2rem;background:#0000004d;border:2px dashed rgba(139,92,246,.3);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.5rem;transition:all .2s}.btn-upload-music:hover{background:#8b5cf61a;border-color:#8b5cf680}.btn-upload-music .upload-icon{font-size:2rem}.btn-upload-music span:nth-child(2){color:#fff;font-size:1rem}.btn-upload-music .formats{color:#ffffff80;font-size:.8rem}.pending-music{display:flex;flex-direction:column;gap:1rem}.music-info{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#0000004d;border-radius:8px;border:1px solid rgba(139,92,246,.2)}.music-icon{font-size:1.5rem}.music-details{flex:1;display:flex;flex-direction:column}.music-name{color:#fff;font-size:.9rem}.music-duration{color:#ffffff80;font-size:.8rem}.pending-music .remove-btn{background:#ef4444cc;border:none;color:#fff;width:24px;height:24px;border-radius:50%;cursor:pointer;font-size:1rem}.pending-music .btn-primary{padding:.75rem 1.5rem;background:linear-gradient(135deg,#8b5cf6,#a855f7);border:none;color:#fff;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500}.pending-music .btn-primary:disabled{opacity:.6;cursor:not-allowed}.upload-error{margin-top:1rem;padding:.75rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#f87171;font-size:.85rem}.image-source-toggle{display:flex;background:#0000004d;border-radius:8px;padding:3px;margin-bottom:1rem}.image-source-toggle button{flex:1;padding:.5rem 1rem;background:transparent;border:none;border-radius:6px;color:#fff9;font-size:.85rem;cursor:pointer;transition:all .2s}.image-source-toggle button:hover{color:#ffffffe6}.image-source-toggle button.active{background:#8b5cf64d;color:#c4b5fd}.pending-item.library-item{border:1px solid rgba(139,92,246,.3)}.library-asset-name{color:#e5e5e5;font-size:.9rem;font-weight:500}.library-asset-type{padding:2px 6px;border-radius:4px;font-size:.7rem;font-weight:500;text-transform:uppercase}.library-asset-type.asset{background:#3b82f633;color:#60a5fa}.library-asset-type.style{background:#ec489933;color:#f472b6}.library-modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10;padding:20px}.library-modal-content{width:100%;max-width:600px;max-height:80vh;overflow:hidden;border-radius:12px}.upload-actions.primary-action{margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.btn-upload-voice{width:100%;padding:2rem;background:#0000004d;border:2px dashed rgba(16,185,129,.3);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.5rem;transition:all .2s}.btn-upload-voice:hover{background:#10b9811a;border-color:#10b98180}.btn-upload-voice .upload-icon{font-size:2rem}.btn-upload-voice span:nth-child(2){color:#fff;font-size:1rem}.btn-upload-voice .formats{color:#ffffff80;font-size:.8rem}.pending-voice{display:flex;flex-direction:column;gap:1rem}.voice-info{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#0000004d;border-radius:8px;border:1px solid rgba(16,185,129,.2)}.voice-info .voice-icon{font-size:1.5rem}.voice-details{flex:1;display:flex;flex-direction:column}.voice-name{color:#fff;font-size:.9rem}.voice-duration,.voice-description{color:#ffffff80;font-size:.8rem}.voice-preview{width:100%;height:40px;border-radius:6px}.voice-preview::-webkit-media-controls-panel{background:#0006}.pending-voice .remove-btn{background:#ef4444cc;border:none;color:#fff;width:24px;height:24px;border-radius:50%;cursor:pointer;font-size:1rem;flex-shrink:0}.pending-voice .btn-primary{padding:.75rem 1.5rem;background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500}.pending-voice .btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.pending-voice .btn-primary:disabled{opacity:.6;cursor:not-allowed}.voice-item{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:8px;width:auto;height:auto}.voice-item .voice-icon{font-size:1.25rem}@media (max-width: 480px){.attachment-modal{width:95%;max-height:90vh}.pending-item{flex-direction:column}.pending-item img{width:100%;height:120px}.library-modal-content{max-width:100%}.attachment-tabs .tab{padding:.75rem .5rem;font-size:.8rem}}.starting-frame-section{margin-bottom:.5rem}.starting-frame-section .upload-description p{margin:0 0 .25rem;color:#ffffffe6;font-size:.875rem}.starting-frame-section .upload-hint{color:#ffffff80;font-size:.8rem}.starting-frame-ratio-toggle{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.starting-frame-ratio-toggle .ratio-label{color:#fff9;font-size:.8rem;white-space:nowrap}.starting-frame-ratio-toggle .ratio-buttons{display:flex;gap:.5rem}.starting-frame-ratio-toggle .ratio-btn{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff9;font-size:.8rem;cursor:pointer;transition:all .2s}.starting-frame-ratio-toggle .ratio-btn:hover{border-color:#8b5cf666;color:#ffffffe6}.starting-frame-ratio-toggle .ratio-btn.active{background:#8b5cf633;border-color:#8b5cf680;color:#c4b5fd}.starting-frame-preview{display:flex;gap:1rem;align-items:flex-start;margin-top:.75rem}.starting-frame-img{max-width:200px;max-height:140px;width:auto;height:auto;object-fit:contain;border-radius:8px;border:1px solid rgba(139,92,246,.3)}.starting-frame-controls{display:flex;flex-direction:column;gap:.5rem;flex:1}.image-upload-section.disabled-section{opacity:.4;pointer-events:none;position:relative}.section-disabled-notice{pointer-events:auto;opacity:1;padding:.75rem 1rem;margin-bottom:.75rem;background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);border-radius:8px;color:#ffffffb3;font-size:.8rem;line-height:1.4}.starting-frame-actions{display:flex;gap:.5rem;align-items:center}.starting-frame-style-info{display:flex;align-items:center;gap:.375rem;margin-top:.5rem;padding:.375rem .75rem;background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);border-radius:8px;width:fit-content}.starting-frame-style-info .style-info-icon{font-size:.85rem}.starting-frame-style-info .style-info-label{color:#ffffffb3;font-size:.8rem}.btn-sm{padding:.375rem .75rem!important;font-size:.8rem!important}.upload-status-badge{padding:.25rem .75rem;background:#22c55e26;border:1px solid rgba(34,197,94,.3);border-radius:12px;color:#22c55e;font-size:.8rem;font-weight:500}.section-divider{border:none;border-top:1px solid rgba(255,255,255,.08);margin:1rem 0}.aspect-ratio-crop{margin-top:.75rem}.crop-header p{margin:0 0 .75rem;font-size:.85rem;color:#ffffffb3}.crop-container{position:relative;width:100%;border-radius:8px;border:1px solid rgba(139,92,246,.3);-webkit-user-select:none;user-select:none;display:flex;justify-content:center}.crop-image{max-width:100%;max-height:300px;width:auto;height:auto;display:block;opacity:.4}.crop-overlay{position:absolute;border:2px solid #8b5cf6;box-shadow:0 0 0 9999px #00000080;pointer-events:none}.crop-actions{display:flex;gap:.5rem;margin-top:.75rem}.crop-actions .btn-primary,.crop-actions .btn-secondary{padding:.625rem 1.25rem!important;font-size:.9rem!important;font-weight:600;border-radius:10px;cursor:pointer;transition:all .2s ease}.crop-actions .btn-primary{background:linear-gradient(135deg,var(--accent) 0%,#7C3AED 100%);color:#fff;box-shadow:0 2px 8px #8b5cf64d}.crop-actions .btn-secondary{background:#ffffff1a;border:1px solid rgba(255,255,255,.25);color:#ffffffe6}.crop-actions .btn-secondary:hover{background:#ffffff2e;border-color:#fff6}.crop-loading{padding:2rem;text-align:center;color:#ffffff80;font-size:.85rem}.style-selector{padding:1rem;background:#0003;border-radius:12px;margin-bottom:1rem}.style-selector-title{margin:0 0 .25rem;font-size:.95rem;font-weight:600;color:#fff}.style-selector-subtitle{margin:0 0 .75rem;font-size:.8rem;color:#fff9}.category-tabs{display:flex;flex-wrap:wrap;gap:.375rem;margin-bottom:.75rem}.category-tab{padding:.375rem .75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;color:#ffffffb3;font-size:.75rem;cursor:pointer;transition:all .2s}.category-tab:hover{background:#8b5cf626;border-color:#8b5cf64d;color:#fff}.category-tab.active{background:#8b5cf640;border-color:#8b5cf680;color:#fff}.style-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:.5rem}.style-grid.approach-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.style-option{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem .5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .2s}.style-option:hover:not(:disabled){background:#8b5cf626;border-color:#8b5cf666}.style-option.selected{background:#8b5cf633;border-color:#8b5cf699}.style-option:disabled{opacity:.5;cursor:not-allowed}.style-option .style-icon{font-size:1.25rem}.style-option .style-label{font-size:.7rem;font-weight:500;color:#fff;text-align:center}.style-option .style-desc{font-size:.6rem;color:#ffffff80;text-align:center;line-height:1.2}.style-selector-compact{position:relative}.style-selector-trigger{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;cursor:pointer;transition:all .2s;font-size:.85rem}.style-selector-trigger:hover:not(:disabled){background:#8b5cf626;border-color:#8b5cf666}.style-selector-trigger:disabled{opacity:.5;cursor:not-allowed}.style-selector-trigger .style-icon{font-size:1rem}.style-selector-trigger .style-label{font-weight:500}.style-selector-trigger .chevron{transition:transform .2s;margin-left:auto}.style-selector-trigger .chevron.expanded{transform:rotate(180deg)}.style-dropdown{position:fixed;left:50%;transform:translate(-50%);width:min(420px,92vw);bottom:80px;background:linear-gradient(135deg,#1e1b4bfa,#0f0a1ffa);border:1px solid rgba(139,92,246,.3);border-radius:12px;padding:.75rem;z-index:1000;max-height:400px;overflow-y:auto;box-shadow:0 -8px 32px #00000080;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.style-dropdown .category-tabs{margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.style-dropdown-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.625rem .75rem;background:transparent;border:none;border-radius:8px;color:#fff;cursor:pointer;text-align:left;transition:all .15s}.style-dropdown-item:hover{background:#8b5cf626}.style-dropdown-item.selected{background:#8b5cf640}.style-dropdown-item .style-icon{font-size:1.25rem;flex-shrink:0}.style-dropdown-item .style-info{display:flex;flex-direction:column;gap:.125rem}.style-dropdown-item .style-label{font-size:.85rem;font-weight:500}.style-dropdown-item .style-desc{font-size:.7rem;color:#ffffff80}.style-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;background:#8b5cf626;border:1px solid rgba(139,92,246,.3);border-radius:20px;color:#c4b5fd;font-size:.75rem;cursor:pointer;transition:all .2s}.style-badge:hover{background:#8b5cf640;border-color:#8b5cf680}.style-badge .style-icon{font-size:.875rem}.style-badge .style-icon.secondary{opacity:.7;margin-left:-.125rem}.style-badge .style-label{font-weight:500}.style-badge.combined{gap:.25rem}.style-selectors-row{display:flex;gap:.5rem;margin-bottom:1rem}.style-selectors-row .style-selector-compact{flex:1}@media (max-width: 480px){.style-grid{grid-template-columns:repeat(3,1fr)}.style-option .style-desc{display:none}.style-dropdown{max-height:300px}.category-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:.25rem;margin-bottom:.5rem}.category-tab{flex-shrink:0}.style-selectors-row{flex-direction:column;gap:.5rem}}.language-selector{padding:1rem;background:#0003;border-radius:12px;margin-bottom:1rem}.language-selector-title{margin:0 0 .25rem;font-size:.95rem;font-weight:600;color:#fff}.language-selector-subtitle{margin:0 0 .75rem;font-size:.8rem;color:#fff9}.language-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:.5rem}.language-option{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem .5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .2s}.language-option:hover:not(:disabled){background:#3b82f626;border-color:#3b82f666}.language-option.selected{background:#3b82f633;border-color:#3b82f699}.language-option:disabled{opacity:.5;cursor:not-allowed}.language-option .language-icon{font-size:1.5rem}.language-option .language-native{font-size:.8rem;font-weight:500;color:#fff}.language-option .language-label{font-size:.65rem;color:#ffffff80}.language-selector-compact{position:relative}.language-selector-trigger{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;cursor:pointer;transition:all .2s;font-size:.85rem}.language-selector-trigger:hover:not(:disabled){background:#3b82f626;border-color:#3b82f666}.language-selector-trigger:disabled{opacity:.5;cursor:not-allowed}.language-selector-trigger .language-icon{font-size:1rem}.language-selector-trigger .language-label{font-weight:500}.language-selector-trigger .chevron{transition:transform .2s;margin-left:auto}.language-selector-trigger .chevron.expanded{transform:rotate(180deg)}.language-dropdown{position:fixed;left:50%;transform:translate(-50%);width:min(350px,90vw);bottom:80px;background:linear-gradient(135deg,#1e1b4bfa,#0f0a1ffa);border:1px solid rgba(59,130,246,.3);border-radius:12px;padding:.75rem;z-index:1000;max-height:350px;overflow-y:auto;box-shadow:0 -8px 32px #00000080;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.language-dropdown-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.625rem .75rem;background:transparent;border:none;border-radius:8px;color:#fff;cursor:pointer;text-align:left;transition:all .15s}.language-dropdown-item:hover{background:#3b82f626}.language-dropdown-item.selected{background:#3b82f640}.language-dropdown-item .language-icon{font-size:1.5rem;flex-shrink:0}.language-dropdown-item .language-info{display:flex;flex-direction:column;gap:.125rem}.language-dropdown-item .language-label{font-size:.9rem;font-weight:500}.language-dropdown-item .language-sublabel{font-size:.7rem;color:#ffffff80}.language-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;background:#3b82f626;border:1px solid rgba(59,130,246,.3);border-radius:20px;color:#93c5fd;font-size:.75rem;cursor:pointer;transition:all .2s}.language-badge:hover{background:#3b82f640;border-color:#3b82f680}.language-badge .language-icon{font-size:.875rem}.language-badge .language-label{font-weight:500}@media (max-width: 480px){.language-grid{grid-template-columns:repeat(4,1fr)}.language-option .language-label{display:none}.language-dropdown{max-height:250px}}.messages{flex:1;overflow-y:auto;padding:1.5rem;scroll-behavior:smooth;display:flex;flex-direction:column}.main-content .messages{align-items:center}.messages-container{width:100%;max-width:768px;margin:0 auto;display:flex;flex-direction:column}.main-content .message{max-width:100%}.main-content .message.user{align-self:flex-end;max-width:85%}.main-content .message.assistant{align-self:flex-start;max-width:85%}.main-content .message.system,.main-content .message.inline-component{align-self:stretch;max-width:100%}.messages::-webkit-scrollbar{width:6px}.messages::-webkit-scrollbar-track{background:transparent}.messages::-webkit-scrollbar-thumb{background:var(--border-glass);border-radius:3px}.messages::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.scroll-to-bottom{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);width:36px;height:36px;border-radius:50%;background:var(--bg-glass-light);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-glass);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);transition:all .2s ease;z-index:10;animation:fadeInUp .2s ease-out}.scroll-to-bottom:hover{background:var(--bg-glass);color:var(--text-primary);border-color:var(--border-accent);box-shadow:var(--shadow-lg);transform:translate(-50%) translateY(-2px)}.scroll-to-bottom:active{transform:translate(-50%) scale(.95)}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.messages{position:relative}.message{margin-bottom:1rem;padding:1rem 1.25rem;border-radius:18px;max-width:85%;animation:messageIn .25s ease-out;line-height:1.6}@keyframes messageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.message.user{background:linear-gradient(135deg,var(--accent) 0%,#7C3AED 100%);margin-left:auto;color:#fff;box-shadow:0 2px 12px var(--accent-glow);border-radius:20px 20px 4px;position:relative}.message.user:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}.message.assistant{background:linear-gradient(135deg,#1e1b4b99,#28235a66);border:1px solid rgba(255,255,255,.08);border-radius:20px 20px 20px 4px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 8px #00000026}.message-content{word-break:break-word}.message-time{font-size:.7rem;color:#fff6;margin-top:.5rem;text-align:right}.message.user .message-time{color:#fff9}.message.assistant.thinking{padding:1rem 1.25rem}.thinking-indicator{display:flex;align-items:center;gap:4px}.thinking-dot{width:8px;height:8px;background:var(--accent);border-radius:50%;animation:thinking-bounce 1.4s ease-in-out infinite}.thinking-dot:nth-child(1){animation-delay:0s}.thinking-dot:nth-child(2){animation-delay:.2s}.thinking-dot:nth-child(3){animation-delay:.4s}@keyframes thinking-bounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-8px);opacity:1}}.message.system{background:transparent;border:1px solid var(--border-glass);color:var(--text-secondary);font-size:.875rem;max-width:100%}.message.inline-component{max-width:100%;padding:0;background:transparent;border:none}.message-content p{margin-bottom:.5rem}.message-content p:last-child{margin-bottom:0}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4{margin-top:1rem;margin-bottom:.5rem;font-weight:600}.markdown-content h1{font-size:1.25rem}.markdown-content h2{font-size:1.125rem}.markdown-content h3{font-size:1rem}.markdown-content h4{font-size:.9375rem}.markdown-content ul,.markdown-content ol{margin:.5rem 0;padding-left:1.5rem}.markdown-content li{margin-bottom:.25rem}.markdown-content code{background:#0000004d;padding:.125rem .375rem;border-radius:4px;font-family:Monaco,Menlo,monospace;font-size:.875em}.markdown-content pre{background:#0006;padding:.75rem;border-radius:8px;overflow-x:auto;margin:.5rem 0}.markdown-content pre code{background:none;padding:0}.markdown-content strong{font-weight:600}.markdown-content em{font-style:italic}.markdown-content blockquote{border-left:3px solid var(--accent);padding-left:1rem;margin:.5rem 0;color:var(--text-secondary)}.message-images{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.5rem}.message-image-thumb{width:120px;height:120px;object-fit:cover;border-radius:8px;border:1px solid rgba(255,255,255,.15)}.message.user .message-image-thumb{border-color:#ffffff40}.markdown-content img{max-width:100%;max-height:160px;border-radius:8px;object-fit:contain}.markdown-content a{color:var(--accent-hover);text-decoration:underline}.markdown-content hr{border:none;border-top:1px solid var(--border-glass);margin:1rem 0}.message-time{font-size:.7rem;color:var(--text-muted);margin-top:.5rem;opacity:.7}.message.progress-message{background:#1e1b4b99;border:1px solid var(--border-accent)}.progress-content{display:flex;align-items:center;gap:.75rem}.progress-content .progress-count{color:var(--accent);font-weight:600}.progress-bar-container{background:linear-gradient(160deg,#1e1b4b99,#0f0f2380);border:1px solid var(--border-accent);border-radius:14px;padding:1.25rem;margin-bottom:1rem;box-shadow:0 2px 12px #8b5cf614}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.progress-message{color:var(--text-secondary);font-size:.9rem}.progress-count{color:var(--accent);font-weight:600;font-size:.9rem}.progress-bar{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),#a855f7);border-radius:4px;transition:width .3s ease}.progress-fill-overtime{background:linear-gradient(90deg,#f59e0b,#ef4444)}.progress-time-section{margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.1)}.progress-time-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.progress-operation{color:var(--text-muted);font-size:.85rem}.progress-time{color:var(--text-secondary);font-size:.85rem}.progress-bar-time{height:4px;margin-top:.25rem}.progress-timeout-warning{background:#ef444426;border:1px solid rgba(239,68,68,.4);border-radius:8px;padding:.75rem 1rem;margin-bottom:.75rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.progress-timeout-warning span{color:#fca5a5;font-size:.85rem}.progress-timeout-warning .retry-button{background:#ef44444d;border:1px solid rgba(239,68,68,.5);color:#fca5a5;padding:.4rem .75rem;border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.progress-timeout-warning .retry-button:hover{background:#ef444480;border-color:#ef4444}.inline-create-plan{background:linear-gradient(160deg,#8b5cf61a,#7c3aed0d);border:1px solid rgba(139,92,246,.25);border-radius:16px;padding:1.25rem}.inline-create-plan .create-plan-content{display:flex;flex-direction:column;gap:1rem}.inline-create-plan .create-plan-message{margin:0;color:var(--text-secondary);font-size:.95rem}.inline-create-plan .create-plan-options{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.inline-create-plan .style-option{display:flex;align-items:center;gap:.5rem}.inline-create-plan .style-option label{font-size:.85rem;color:var(--text-muted)}.inline-create-plan .locked-value{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);border-radius:8px;color:#ffffffb3;font-size:.85rem;cursor:default}.inline-create-plan .create-plan-btn{align-self:flex-start;display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem}.inline-create-plan .create-plan-btn .spinner-small{width:16px;height:16px}.input-container{width:100%;max-width:768px;display:flex;flex-direction:column;gap:.5rem}.input-container .attachments-indicator{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background:#8b5cf614;border:1px solid rgba(139,92,246,.2);border-radius:12px;font-size:.8rem}.input-container .attachments-indicator .indicator-item{display:flex;align-items:center;gap:.25rem;color:var(--text-secondary)}.input-container .attachments-indicator .indicator-icon{font-size:.9rem}.input-container .attachments-indicator .btn-manage-attachments{margin-left:auto;padding:.2rem .5rem;background:transparent;border:1px solid rgba(139,92,246,.3);border-radius:6px;font-size:.75rem;color:var(--accent);cursor:pointer;transition:all .15s}.input-container .attachments-indicator .btn-manage-attachments:hover{background:#8b5cf626}.input-area{display:flex;gap:.75rem;padding:1rem 1.25rem;border-top:1px solid var(--border-glass);background:#0f0f2366;align-items:center;justify-content:center}.main-content .input-area{justify-content:center;padding:1rem 1.5rem 1.5rem;background:transparent;border-top:none}.input-wrapper{width:100%;max-width:768px;display:flex;gap:.5rem;align-items:center;padding:.375rem .375rem .375rem .5rem;background:#14112dd9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;box-shadow:0 4px 24px #0000004d;transition:border-color .2s,box-shadow .2s}.input-wrapper:focus-within{border-color:#8b5cf680;box-shadow:0 4px 24px #0000004d,0 0 0 2px #8b5cf626}.input-wrapper textarea{flex:1;padding:.5rem .25rem;background:transparent;border:none;color:var(--text-primary);font-size:1rem;font-family:inherit;resize:none;min-height:24px;max-height:200px;line-height:1.5;overflow-y:auto}.input-wrapper textarea:focus{outline:none}.input-wrapper textarea::placeholder{color:var(--text-muted)}.input-wrapper button[type=submit]{width:36px;height:36px;min-width:36px;min-height:36px;padding:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent) 0%,#7C3AED 100%);border:none;border-radius:50%;color:#fff;flex-shrink:0;cursor:pointer;box-shadow:0 2px 8px var(--accent-glow);transition:all .15s ease}.input-wrapper button[type=submit]:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px var(--accent-glow)}.input-wrapper button[type=submit]:active:not(:disabled){transform:scale(.95)}.input-wrapper button[type=submit]:disabled{opacity:.35;cursor:not-allowed}.input-wrapper .attach-btn{width:36px;height:36px;min-width:36px;min-height:36px;padding:0;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:50%;color:var(--text-muted);flex-shrink:0;cursor:pointer;transition:all .15s ease}.input-wrapper .attach-btn:hover:not(:disabled){background:#ffffff14;color:var(--text-primary)}.input-wrapper .attach-btn:active:not(:disabled){transform:scale(.92)}.main-content .welcome-banner{max-width:560px;margin:3rem auto 2rem;padding:2.5rem 2rem;background:linear-gradient(160deg,#1e1b4b80,#0f0f2399);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.08);border-radius:20px;text-align:center;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff0d}.main-content .welcome-banner h3{font-size:1.5rem;margin-bottom:.75rem;background:linear-gradient(135deg,var(--text-primary) 0%,var(--accent-hover) 50%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.01em}.main-content .welcome-banner .value-prop{font-size:.95rem;line-height:1.6;color:var(--text-secondary);margin-bottom:1rem}.main-content .welcome-banner .value-prop strong{color:var(--text-primary)}.main-content .welcome-banner .cta-text{font-size:.875rem;color:var(--text-muted);margin-bottom:.75rem}.main-content .welcome-banner .welcome-features{display:flex;justify-content:center;gap:.75rem;margin:1.5rem 0;flex-wrap:wrap}.main-content .welcome-banner .feature-item{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--text-secondary);padding:.4rem .75rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:20px}.main-content .welcome-banner .feature-icon{font-size:.95rem}.main-content .welcome-banner .example-label{font-size:.8rem;color:var(--text-muted);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.main-content .welcome-banner .example-prompts{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;margin-bottom:1.25rem}.main-content .welcome-banner .example-prompt-btn{padding:.5rem 1rem;background:#7c3aed14;border:1px solid rgba(124,58,237,.2);border-radius:20px;color:var(--accent-hover);font-size:.8rem;cursor:pointer;transition:all .2s ease;font-weight:500}.main-content .welcome-banner .example-prompt-btn:hover{background:#7c3aed2e;border-color:#7c3aed80;transform:translateY(-1px);box-shadow:0 4px 12px #7c3aed26}.main-content .welcome-banner .welcome-divider{height:1px;background:linear-gradient(90deg,transparent,var(--border-glass),transparent);margin:1rem 0}.main-chat .input-area textarea{flex:1;padding:.875rem 1rem;background:#0f0f2399;border:1px solid var(--border-glass);border-radius:14px;color:var(--text-primary);font-size:.95rem;font-family:inherit;resize:none;min-height:52px;max-height:150px;transition:all .2s ease}.main-chat .input-area textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.main-chat .input-area textarea::placeholder{color:var(--text-muted)}.main-chat .attach-btn{width:44px;height:44px;padding:0;display:flex;align-items:center;justify-content:center;background:#0f0f2399;border:1px solid var(--border-glass);border-radius:12px;color:var(--text-secondary);flex-shrink:0}.main-chat .attach-btn:hover:not(:disabled){background:var(--bg-glass);color:var(--accent);border-color:var(--border-accent)}.main-chat .attach-btn:disabled{opacity:.4;cursor:not-allowed}.main-chat .attachments-indicator{display:flex;align-items:center;gap:1rem;padding:.5rem 1rem;background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);border-radius:8px;margin:0 1rem .5rem}.main-chat .attachments-indicator .indicator-item{display:flex;align-items:center;gap:.375rem;font-size:.85rem;color:var(--text-secondary)}.main-chat .attachments-indicator .indicator-icon{font-size:1rem}.main-chat .attachments-indicator .btn-manage-attachments{margin-left:auto;padding:.25rem .75rem;background:transparent;border:1px solid rgba(139,92,246,.3);border-radius:6px;color:var(--accent);font-size:.8rem;cursor:pointer;transition:all .2s}.main-chat .attachments-indicator .btn-manage-attachments:hover{background:#8b5cf61a;border-color:#8b5cf680}.main-chat .input-area button[type=submit]{width:44px;height:44px;padding:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent) 0%,#7C3AED 100%);border:none;border-radius:12px;color:#fff;flex-shrink:0;box-shadow:0 4px 12px var(--accent-glow)}.main-chat .input-area button[type=submit]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px var(--accent-glow)}.main-chat .input-area button[type=submit]:disabled{opacity:.4;cursor:not-allowed;transform:none}.attachment-preview{padding:.75rem 1.25rem;border-top:1px solid var(--border-glass);background:#0f0f234d}.existing-images,.pending-images{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.existing-images-section{margin-bottom:.75rem}.existing-images-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.existing-images-list{display:flex;gap:.5rem;flex-wrap:wrap}.existing-image-item{display:flex;flex-direction:column;gap:.25rem;padding:.4rem;background:#0f0f2399;border-radius:8px;border:1px solid var(--border-glass);width:80px}.existing-image-item img{width:100%;height:50px;object-fit:cover;border-radius:6px}.existing-image-info{display:flex;flex-direction:column;gap:.1rem}.existing-image-type{font-size:.65rem;color:var(--accent);font-weight:600}.existing-image-desc{font-size:.6rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment-label{font-size:.75rem;color:var(--text-secondary);white-space:nowrap}.attachment-thumbnails{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.attachment-thumb{position:relative;width:48px;height:48px;border-radius:8px;overflow:hidden;border:1px solid var(--border-glass)}.attachment-thumb.pending{border-color:var(--accent)}.attachment-thumb img{width:100%;height:100%;object-fit:cover}.attachment-thumb .remove-btn{position:absolute;top:-4px;right:-4px;width:18px;height:18px;border-radius:50%;background:var(--error);color:#fff;border:none;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.clear-existing-btn{padding:.25rem .5rem;font-size:.7rem;background:transparent;border:1px solid var(--border-glass);border-radius:6px;color:var(--text-muted);cursor:pointer}.clear-existing-btn:hover{background:var(--error-glow);color:var(--error);border-color:#ef44444d}.pending-files-list{display:flex;flex-direction:column;gap:.75rem;width:100%}.pending-file-item{display:flex;gap:.75rem;align-items:flex-start;padding:.625rem;background:#8b5cf61a;border-radius:10px;border:1px solid var(--border-accent)}.pending-file-preview{position:relative;width:60px;height:60px;border-radius:8px;overflow:hidden;flex-shrink:0}.pending-file-preview img{width:100%;height:100%;object-fit:cover}.pending-file-preview .remove-btn{position:absolute;top:-4px;right:-4px;width:20px;height:20px;border-radius:50%;background:var(--error);color:#fff;border:none;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.pending-file-options{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:0}.ref-type-select{padding:.4rem .5rem;font-size:.8rem;background:#0f0f2399;border:1px solid var(--border-glass);border-radius:6px;color:var(--text-primary);cursor:pointer;width:100%}.ref-type-select:focus{outline:none;border-color:var(--accent)}.ref-desc-input{padding:.4rem .5rem;font-size:.75rem;background:#0f0f2399;border:1px solid var(--border-glass);border-radius:6px;color:var(--text-primary);width:100%}.ref-desc-input:focus{outline:none;border-color:var(--accent)}.ref-desc-input::placeholder{color:var(--text-muted)}.inline-plan{background:linear-gradient(160deg,#1e1b4b80,#0f0f2366);border:1px solid var(--border-glass);border-radius:16px;padding:1.25rem;width:100%}.inline-plan .regenerating-notice{display:flex;align-items:center;gap:.5rem;padding:.625rem .875rem;background:#8b5cf61a;border:1px solid var(--border-accent);border-radius:10px;margin-bottom:1rem;font-size:.85rem;color:var(--text-secondary)}.inline-plan .plan-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.inline-plan .plan-header h4{margin:0;font-size:1.1rem;font-weight:600}.plan-cost-info{display:flex;align-items:center;gap:.75rem}.inline-plan .plan-meta{color:var(--text-secondary);font-size:.85rem}.plan-cost{padding:.25rem .625rem;background:var(--accent-glow);border:1px solid var(--border-accent);border-radius:6px;font-size:.85rem;font-weight:600;color:var(--accent)}.plan-cost-byok{padding:.25rem .625rem;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:6px;font-size:.8rem;font-weight:500;color:#10b981}.plan-status-inline.completed{color:var(--success)}.plan-status-inline .completed-check{font-size:1.1rem;margin-right:.5rem;color:var(--success)}.plan-overview-inline{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.plan-tag{padding:.3rem .625rem;background:#0f0f2399;border:1px solid var(--border-glass);border-radius:6px;font-size:.8rem}.plan-tag strong{color:var(--text-secondary);font-weight:500}.shot-list-inline{display:flex;flex-direction:column;gap:.625rem;margin-bottom:1rem}.shot-card-inline{background:#0f0f2380;border:1px solid var(--border-glass);border-radius:12px;overflow:hidden}.shot-header-inline{display:flex;justify-content:space-between;align-items:center;padding:.625rem .875rem;background:var(--accent-glow);border-bottom:1px solid var(--border-glass)}.shot-header-inline .shot-number{font-weight:600;font-size:.85rem}.shot-header-inline .shot-duration{color:var(--text-secondary);font-size:.8rem}.shot-details-inline{padding:.625rem .875rem;font-size:.8rem}.shot-details-inline>div{margin-bottom:.3rem}.shot-details-inline>div:last-child{margin-bottom:0}.dialogue-inline{color:var(--accent);font-style:italic}.btn-view-prompt{padding:.2rem .5rem;font-size:.7rem;background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.btn-view-prompt:hover{background:var(--bg-glass);color:var(--text-primary)}.btn-view-prompt.active{background:#8b5cf633;border-color:var(--accent);color:var(--accent)}.btn-regenerate-from{padding:.2rem .5rem;font-size:.7rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:4px;color:#f87171;cursor:pointer;transition:all .2s ease;margin-left:auto}.btn-regenerate-from:hover{background:#ef444433;border-color:#ef444480;color:#ef4444}.btn-edit-shot{padding:.2rem .5rem;font-size:.7rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:4px;color:#60a5fa;cursor:pointer;transition:all .2s ease}.btn-edit-shot:hover{background:#3b82f633;border-color:#3b82f680;color:#3b82f6}.shot-card-inline.editing{border-color:var(--accent);box-shadow:0 0 10px var(--accent-glow)}.shot-edit-form{padding:.75rem;display:flex;flex-direction:column;gap:.625rem}.edit-field{display:flex;flex-direction:column;gap:.25rem}.edit-field label{font-size:.7rem;color:var(--text-secondary);font-weight:500}.edit-field input,.edit-field textarea{padding:.5rem .75rem;background:#0f0f2399;border:1px solid var(--border-glass);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:.8rem}.edit-field input:focus,.edit-field textarea:focus{outline:none;border-color:var(--accent)}.edit-field textarea{min-height:60px;resize:vertical}.edit-actions{display:flex;gap:.5rem;padding:.625rem .875rem;border-top:1px solid var(--border-glass);background:#0003}.edit-actions button{flex:1;padding:.5rem .75rem;font-size:.8rem;border-radius:8px;cursor:pointer;transition:all .2s ease}.edit-actions button:disabled{opacity:.5;cursor:not-allowed}.raw-prompt-section{padding:.75rem;background:#0000004d;border-top:1px solid var(--border-glass)}.raw-prompt-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.raw-prompt-header strong{font-size:.75rem;color:var(--text-secondary)}.btn-copy-prompt{padding:.2rem .5rem;font-size:.65rem;background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.btn-copy-prompt:hover{background:var(--bg-glass);color:var(--text-primary)}.raw-prompt-content{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.7rem;line-height:1.5;background:#0006;padding:.75rem;border-radius:6px;color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;max-height:300px;overflow-y:auto;margin:0}.plan-feedback-inline{background:#0f0f2380;border:1px solid var(--border-glass);padding:.875rem;border-radius:12px}.plan-feedback-inline p{margin-bottom:.625rem;font-size:.9rem}.plan-feedback-inline textarea{width:100%;min-height:60px;padding:.625rem .875rem;background:#0f0f2399;border:1px solid var(--border-glass);border-radius:10px;color:var(--text-primary);font-family:inherit;font-size:.85rem;resize:vertical;margin-bottom:.625rem}.plan-feedback-inline textarea:focus{outline:none;border-color:var(--accent)}.feedback-actions-inline,.plan-actions-inline{display:flex;gap:.5rem}.feedback-actions-inline button,.plan-actions-inline button{flex:1;padding:.7rem 1rem;font-size:.85rem;font-weight:500;border-radius:10px;cursor:pointer;transition:all .15s ease}.inline-clip{background:linear-gradient(160deg,#1e1b4b80,#0f0f2366);border:1px solid var(--border-glass);border-radius:16px;padding:1.25rem;width:100%}.inline-clip.resolved{opacity:.7}.inline-clip.feedback-mode{border-color:var(--accent)}.clip-header-inline{display:flex;align-items:center;gap:.75rem;margin-bottom:.875rem;flex-wrap:wrap}.clip-header-inline .clip-number{font-weight:600;font-size:.95rem}.clip-header-inline .clip-cost{color:var(--success);font-size:.85rem;font-weight:600}.clip-header-inline .clip-cumulative{color:var(--text-muted);font-size:.8rem}.clip-header-inline .clip-status{margin-left:auto;padding:.25rem .625rem;border-radius:6px;font-size:.75rem;font-weight:600}.clip-status.approved{background:var(--success-glow);color:var(--success);border:1px solid rgba(16,185,129,.3)}.clip-status.regenerating{background:var(--accent-glow);color:var(--accent);border:1px solid var(--border-accent)}.clip-actions-inline{display:flex;gap:.625rem;margin-top:1rem}.clip-actions-inline button{flex:1;padding:.7rem 1rem;font-size:.85rem;font-weight:500;border-radius:10px;cursor:pointer;transition:all .15s ease}.auto-approve-row{display:flex;align-items:center;justify-content:space-between;margin-top:.75rem;padding:.5rem .75rem;background:#ffffff08;border-radius:8px;font-size:.8rem}.auto-approve-label{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);cursor:pointer}.auto-approve-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.auto-approve-label:hover{color:var(--text-primary)}.auto-approve-countdown{color:var(--warning, #f59e0b);font-weight:500;animation:pulse 1s ease-in-out infinite}.auto-approve-countdown.paused{color:var(--text-secondary);animation:none}.countdown-controls{display:flex;align-items:center;gap:.5rem}.btn-pause-countdown{background:#ffffff1a;border:none;border-radius:4px;padding:.25rem .5rem;font-size:.75rem;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.btn-pause-countdown:hover{background:#fff3;color:var(--text-primary)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.countdown-timer-bar{height:3px;background:#ffffff14;border-radius:2px;margin-top:.75rem;overflow:hidden}.countdown-timer-fill{height:100%;background:linear-gradient(90deg,var(--accent),#a855f7);border-radius:2px;transition:width 1s linear}.countdown-timer-fill.paused{opacity:.4}.countdown-timer-fill.urgent{background:linear-gradient(90deg,var(--error),#f97316);animation:urgentPulse .5s ease-in-out infinite}@keyframes urgentPulse{0%,to{opacity:1}50%{opacity:.7}}.auto-approve-countdown.urgent{color:var(--error);font-weight:600}.clip-feedback-inline{background:#0f0f2380;border:1px solid var(--border-glass);padding:.875rem;border-radius:12px;margin-top:.875rem}.clip-feedback-inline p{margin-bottom:.5rem;font-size:.85rem}.clip-feedback-inline textarea{width:100%;min-height:50px;padding:.625rem .875rem;background:#0f0f2399;border:1px solid var(--border-glass);border-radius:10px;color:var(--text-primary);font-family:inherit;font-size:.85rem;resize:vertical;margin-bottom:.5rem}.clip-feedback-inline textarea:focus{outline:none;border-color:var(--accent)}.inline-preview{background:linear-gradient(160deg,#1e1b4b80,#0f0f2366);border:1px solid var(--accent);border-radius:16px;padding:1.25rem;width:100%}.inline-preview.resolved{opacity:.7;border-color:var(--border-glass)}.inline-preview.resolved.approved{border-color:var(--success)}.inline-preview.feedback-mode{border-color:var(--warning)}.preview-header-inline{display:flex;align-items:center;gap:.75rem;margin-bottom:.875rem;flex-wrap:wrap}.preview-header-inline .preview-title{font-weight:600;font-size:.95rem;color:var(--accent)}.preview-header-inline .preview-cost{color:var(--success);font-size:.85rem;font-weight:600}.preview-header-inline .preview-cost.preview-free{padding:.2rem .5rem;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:4px;color:#10b981}.preview-header-inline .preview-status{margin-left:auto;padding:.25rem .625rem;border-radius:6px;font-size:.75rem;font-weight:600}.preview-status.approved{background:var(--success-glow);color:var(--success);border:1px solid rgba(16,185,129,.3)}.preview-status.rejected{background:var(--accent-glow);color:var(--accent);border:1px solid var(--border-accent)}.preview-image-container{border-radius:12px;overflow:hidden;margin-bottom:.875rem;border:1px solid var(--border-glass);display:flex;justify-content:center;background:#0003}.preview-image{width:100%;max-height:420px;object-fit:contain;display:block}.preview-description{font-size:.85rem;color:var(--text-secondary);margin-bottom:.875rem}.preview-actions-inline{display:flex;gap:.625rem}.preview-actions-inline button{flex:1;padding:.7rem 1rem;font-size:.85rem;font-weight:500;border-radius:10px;cursor:pointer;transition:all .15s ease}.preview-feedback-inline{background:#0f0f2380;border:1px solid var(--border-glass);padding:.875rem;border-radius:12px;margin-top:.875rem}.preview-feedback-inline p{margin-bottom:.5rem;font-size:.85rem}.preview-feedback-inline textarea{width:100%;min-height:50px;padding:.625rem .875rem;background:#0f0f2399;border:1px solid var(--border-glass);border-radius:10px;color:var(--text-primary);font-family:inherit;font-size:.85rem;resize:vertical;margin-bottom:.5rem}.preview-feedback-inline textarea:focus{outline:none;border-color:var(--accent)}.preview-feedback-inline .feedback-actions{display:flex;gap:.5rem;justify-content:flex-end}.preview-feedback-inline .feedback-actions button{padding:.5rem 1rem;font-size:.85rem;border-radius:8px}.inline-completed{background:linear-gradient(160deg,#10b9811f,#0596690f);border:1px solid var(--success);border-radius:16px;padding:1.25rem;width:100%;box-shadow:0 2px 16px #10b98114}.completed-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.875rem;flex-wrap:wrap;gap:.75rem}.completed-header h4{margin:0;color:var(--success);font-size:1.1rem}.completed-stats{display:flex;gap:.75rem}.completed-stats .stat{padding:.3rem .625rem;background:#0f0f2399;border:1px solid var(--border-glass);border-radius:8px;font-size:.85rem}.completed-actions{margin-top:.875rem;display:flex;gap:.5rem;flex-wrap:wrap}.btn-action{padding:.5rem .875rem;background:transparent;border-radius:8px;font-weight:500;font-size:.8rem;cursor:pointer;transition:all .2s ease;white-space:nowrap;border:1px solid}.btn-action:hover:not(:disabled){transform:translateY(-1px)}.btn-action:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-action-download{border-color:#10b98166;color:#6ee7b7}.btn-action-download:hover:not(:disabled){background:#10b9811a;border-color:#10b98199}.btn-action-music{border-color:#6366f166;color:#a5b4fc}.btn-action-music:hover:not(:disabled){background:#6366f11a;border-color:#6366f199}.btn-action-voice{border-color:#f472b666;color:#f9a8d4}.btn-action-voice:hover:not(:disabled){background:#f472b61a;border-color:#f472b699}.subtitle-section{margin-top:.625rem;padding-top:.625rem;border-top:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.subtitle-options{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.subtitle-size-selector{display:flex;gap:.25rem;align-items:center}.subtitle-size-btn{padding:.3rem .55rem;background:transparent;border:1px solid rgba(251,191,36,.25);border-radius:6px;color:#fdd34db3;font-size:.7rem;cursor:pointer;transition:all .2s ease}.subtitle-size-btn:hover{border-color:#fbbf2480;color:#fcd34d}.subtitle-size-btn.active{background:#fbbf2426;border-color:#fbbf2499;color:#fcd34d}.subtitle-size-btn:disabled{opacity:.5;cursor:not-allowed}.custom-pts-input{width:50px;padding:.25rem .4rem;background:#0000004d;border:1px solid rgba(251,191,36,.3);border-radius:6px;color:#fcd34d;font-size:.7rem;text-align:center}.custom-pts-input:focus{outline:none;border-color:#fbbf2499}.subtitle-lang-select{padding:.3rem 1.2rem .3rem .45rem;background:#0000004d;border:1px solid rgba(251,191,36,.25);border-radius:6px;color:#fdd34de6;font-size:.7rem;cursor:pointer;transition:all .2s ease;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='rgba(253,211,77,0.6)'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .35rem center}.subtitle-lang-select:hover{border-color:#fbbf2480}.subtitle-lang-select:focus{outline:none;border-color:#fbbf2499}.subtitle-lang-select:disabled{opacity:.5;cursor:not-allowed}.subtitle-lang-select option{background:#1a1a2e;color:#fcd34d}.btn-action-subtitle{border-color:#fbbf2466;color:#fcd34d}.btn-action-subtitle:hover:not(:disabled){background:#fbbf241a;border-color:#fbbf2499}.inline-insufficient-credits{background:#ef44441a;border:1px solid rgba(239,68,68,.5);border-radius:16px;padding:1.25rem;width:100%}.insufficient-credits-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.insufficient-credits-header .warning-icon{font-size:1.25rem}.insufficient-credits-header h4{color:#ef4444;font-size:1.1rem;font-weight:600;margin:0}.insufficient-credits-body{color:var(--text-primary);margin-bottom:1rem}.insufficient-credits-body p{margin:0 0 .5rem;line-height:1.5}.insufficient-credits-body .shortfall{color:#ef4444;font-weight:500}.insufficient-credits-actions{padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.insufficient-credits-actions .help-text{color:var(--text-secondary);font-size:.9rem;margin:0}.inline-error{background:#ef44441a;border:1px solid rgba(239,68,68,.5);border-radius:16px;padding:1.25rem;width:100%}.inline-error.recoverable{background:#fbbf241a;border-color:#fbbf2480}.error-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.error-header .error-icon{font-size:1.25rem}.error-header h4{color:#ef4444;font-size:1.1rem;font-weight:600;margin:0}.inline-error.recoverable .error-header h4{color:#fbbf24}.error-body{color:var(--text-primary);margin-bottom:1rem}.error-body .error-message{margin:0 0 .5rem;line-height:1.5;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.9rem;background:#0003;padding:.75rem;border-radius:8px;word-break:break-word}.error-body .error-hint{color:var(--text-secondary);font-size:.9rem;margin:.5rem 0 0}.error-footer{padding-top:1rem;border-top:1px solid rgba(255,255,255,.1);display:flex;gap:.75rem}.btn-copy-session{padding:.5rem 1rem;font-size:.85rem;background:transparent;border:1px solid var(--border-glass);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.btn-copy-session:hover{background:#ffffff1a;color:var(--text-primary)}.btn-retry{padding:.5rem 1rem;font-size:.85rem}.video-player{width:100%;background:#000;border-radius:12px;overflow:hidden;border:1px solid var(--border-glass)}.video-player video{width:100%;max-height:60vh;object-fit:contain;display:block}.music-settings-panel{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:16px;padding:1.5rem;max-width:600px;margin:1rem auto}.music-settings-header{margin-bottom:1rem;text-align:center}.music-settings-header h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.music-settings-header .cost-info{font-size:.85rem;color:var(--text-secondary)}.music-preview-video.compact video{max-height:200px}.music-choice-section{text-align:center}.music-choice-section h4{font-size:1.1rem;color:var(--text-primary);margin-bottom:1rem}.music-choice-buttons{display:flex;gap:1rem;justify-content:center}.music-choice-btn{padding:1rem 2rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:2px solid transparent}.music-choice-btn.yes{background:linear-gradient(135deg,var(--accent) 0%,#7C3AED 100%);color:#fff;border-color:var(--accent)}.music-choice-btn.yes:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--accent-glow)}.music-choice-btn.no{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-glass)}.music-choice-btn.no:hover{background:var(--bg-glass);border-color:var(--text-secondary)}.music-confirm-section{text-align:center}.music-confirm-section p{color:var(--text-secondary);margin-bottom:1.5rem}.music-options-section{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:1.5rem}.music-option-group{display:flex;flex-direction:column;gap:.75rem}.option-label{font-size:.95rem;font-weight:600;color:var(--text-primary)}.music-mode-options{display:flex;flex-direction:column;gap:.5rem}.mode-option{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 1rem;background:var(--bg-secondary);border:2px solid transparent;border-radius:10px;cursor:pointer;transition:all .2s ease}.mode-option:hover{background:var(--bg-glass)}.mode-option.selected{border-color:var(--accent);background:#8b5cf61a}.mode-option input[type=radio]{margin-top:3px;accent-color:var(--accent)}.mode-label{font-weight:600;color:var(--text-primary);display:block}.mode-desc{font-size:.85rem;color:var(--text-secondary);display:block}.custom-prompt-input{margin-top:.5rem}.custom-prompt-input input{width:100%;padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:8px;color:var(--text-primary);font-size:.95rem}.custom-prompt-input input:focus{outline:none;border-color:var(--accent)}.custom-prompt-input input::placeholder{color:var(--text-tertiary)}.library-selection{margin-top:.75rem}.selected-library-asset{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-secondary);border-radius:10px}.selected-library-asset .music-icon{font-size:1.25rem}.selected-library-asset .asset-name{flex:1;font-weight:500;color:var(--text-primary)}.selected-library-asset .change-btn{padding:.35rem .75rem;font-size:.85rem;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.selected-library-asset .change-btn:hover{background:var(--bg-primary);color:var(--text-primary)}.browse-library-btn{width:100%;padding:1rem;background:var(--bg-secondary);border:2px dashed var(--border-glass);border-radius:10px;color:var(--text-secondary);font-size:.95rem;cursor:pointer;transition:all .2s ease}.browse-library-btn:hover{background:var(--bg-glass);border-color:var(--accent);color:var(--accent)}.volume-presets{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.volume-preset{display:flex;flex-direction:column;align-items:center;padding:.75rem;background:var(--bg-secondary);border:2px solid transparent;border-radius:10px;cursor:pointer;transition:all .2s ease}.volume-preset:hover{background:var(--bg-glass)}.volume-preset.selected{border-color:var(--accent);background:#8b5cf61a}.preset-label{font-weight:600;color:var(--text-primary);font-size:1rem}.preset-desc{font-size:.75rem;color:var(--text-secondary);text-align:center}.volume-slider-container{display:flex;align-items:center;gap:1rem;margin-top:.5rem}.volume-slider{flex:1;height:6px;border-radius:3px;background:var(--bg-secondary);-webkit-appearance:none;-moz-appearance:none;appearance:none}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent);cursor:pointer;transition:transform .2s ease}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.volume-value{font-weight:600;color:var(--text-primary);min-width:45px;text-align:right}.music-action-buttons{display:flex;gap:1rem;justify-content:center}.music-action-buttons .back-btn{padding:.75rem 1.5rem;background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:10px;color:var(--text-primary);font-weight:500;cursor:pointer;transition:all .2s ease}.music-action-buttons .back-btn:hover:not(:disabled){background:var(--bg-glass)}.music-action-buttons .confirm-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--accent) 0%,#7C3AED 100%);border:none;border-radius:10px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s ease}.music-action-buttons .confirm-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px var(--accent-glow)}.music-action-buttons button:disabled{opacity:.5;cursor:not-allowed}.music-preview-panel{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:16px;padding:1.5rem;max-width:600px;margin:1rem auto}.music-preview-header{margin-bottom:1rem;text-align:center}.music-preview-header h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.music-info{display:flex;justify-content:center;gap:1rem;font-size:.85rem;color:var(--text-secondary)}.music-desc{background:var(--bg-secondary);padding:.25rem .75rem;border-radius:20px}.music-volume{background:#8b5cf626;padding:.25rem .75rem;border-radius:20px;color:var(--accent)}.music-preview-video{margin-bottom:1.5rem;border-radius:12px;overflow:hidden}.music-preview-question{text-align:center}.music-preview-question p{font-size:1rem;color:var(--text-primary);margin-bottom:1rem}.music-preview-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.music-preview-actions .btn-approve{padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--success) 0%,#059669 100%);border:none;border-radius:10px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s ease}.music-preview-actions .btn-approve:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.music-preview-actions .btn-adjust{padding:.75rem 1.5rem;background:var(--bg-secondary);border:1px solid var(--accent);border-radius:10px;color:var(--accent);font-weight:500;cursor:pointer;transition:all .2s ease}.music-preview-actions .btn-adjust:hover:not(:disabled){background:#8b5cf61a}.music-preview-actions .btn-restart{padding:.75rem 1.5rem;background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:10px;color:var(--text-secondary);font-weight:500;cursor:pointer;transition:all .2s ease}.music-preview-actions .btn-restart:hover:not(:disabled){background:var(--bg-glass);color:var(--text-primary)}.music-preview-actions button:disabled{opacity:.5;cursor:not-allowed}.volume-adjust-section{text-align:center}.volume-adjust-section h4{font-size:1rem;color:var(--text-primary);margin-bottom:.5rem}.current-volume-info{font-size:.9rem;color:var(--text-secondary);margin-bottom:1rem}.current-volume-info .new-volume{color:var(--accent);font-weight:600}.volume-preset.current{border-color:var(--text-tertiary)}.volume-preset .current-badge{font-size:.65rem;color:var(--text-tertiary);background:var(--bg-glass);padding:.1rem .4rem;border-radius:4px;position:absolute;top:4px;right:4px}.volume-preset{position:relative}.volume-adjust-actions{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.volume-adjust-actions .btn-cancel{padding:.75rem 1.5rem;background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:10px;color:var(--text-primary);font-weight:500;cursor:pointer;transition:all .2s ease}.volume-adjust-actions .btn-cancel:hover:not(:disabled){background:var(--bg-glass)}.volume-adjust-actions .btn-apply{padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--accent) 0%,#7C3AED 100%);border:none;border-radius:10px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s ease}.volume-adjust-actions .btn-apply:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px var(--accent-glow)}.volume-adjust-actions button:disabled{opacity:.5;cursor:not-allowed}.music-preview-panel .cost-info{text-align:center;font-size:.85rem;color:var(--text-tertiary);margin-top:1rem}.change-music-button{padding:.75rem 1.5rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;color:#fff;font-weight:500;cursor:pointer;transition:all .2s ease}.change-music-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #6366f166}.change-voice-button{padding:.75rem 1.5rem;background:linear-gradient(135deg,#ec4899,#f472b6);border:none;border-radius:8px;color:#fff;font-weight:500;cursor:pointer;transition:all .2s ease}.change-voice-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ec489966}.change-voice-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.change-subtitle-button{padding:.75rem 1.5rem;background:linear-gradient(135deg,#f59e0b,#fbbf24);border:none;border-radius:12px;color:#1a1a2e;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease}.change-subtitle-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #f59e0b66}.change-subtitle-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.video-version-toggle{display:flex;gap:.5rem;margin-bottom:1rem;padding:.25rem;background:#1e1b4b99;border-radius:8px;width:fit-content}.video-version-toggle button{padding:.5rem 1rem;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.video-version-toggle button:hover{color:var(--text-primary);background:#8b5cf61a}.video-version-toggle button.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.video-version-note{color:var(--text-secondary);font-size:.85rem;margin:.5rem 0 1rem;padding:.5rem 1rem;background:#8b5cf61a;border-left:3px solid var(--accent);border-radius:4px}.duration-select{background:#1e1e3ccc;border:1px solid rgba(124,58,237,.3);border-radius:6px;color:var(--text-primary);padding:.25rem .5rem;font-size:.85rem;cursor:pointer;transition:all .2s ease}.duration-select:hover{border-color:#7c3aed99}.duration-select:focus{outline:none;border-color:#7c3aedcc;box-shadow:0 0 0 2px #7c3aed33}.chat-interface{display:flex;flex-direction:column;height:100%;width:100%;background:transparent;overflow:hidden}.chat-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.chat-empty-state .welcome-logo{width:80px;height:80px;margin-bottom:1.5rem;opacity:.9}.chat-empty-state h2{font-size:1.75rem;font-weight:600;margin-bottom:.5rem;background:linear-gradient(135deg,var(--text-primary) 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.chat-empty-state p{color:var(--text-secondary);font-size:1rem;max-width:400px;line-height:1.6}.chat-empty-suggestions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:2rem;max-width:600px}.suggestion-chip{padding:.75rem 1.25rem;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:12px;color:var(--text-secondary);font-size:.9rem;cursor:pointer;transition:all .2s ease}.suggestion-chip:hover{background:var(--bg-glass-light);border-color:var(--border-accent);color:var(--text-primary);transform:translateY(-1px)}.main-chat .chat-interface{max-width:900px;height:calc(100vh - 140px);background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-glass);border-radius:24px;box-shadow:var(--shadow-lg)}.main-content .chat-interface{height:100vh;border-radius:0;background:transparent}@media (max-width: 768px){.chat-interface{height:calc(100vh - 120px);border-radius:20px}.messages{padding:1rem}.message{max-width:92%;padding:.75rem 1rem}.input-area{padding:.875rem 1rem}}@media (max-width: 480px){.completed-header{flex-direction:column;align-items:flex-start}}@media (max-width: 768px){.chat-interface{height:calc(100dvh - 70px);border-radius:0;border-left:none;border-right:none}.messages{padding:.75rem;gap:.75rem}.message{max-width:88%;padding:.75rem 1rem;font-size:.95rem}.input-area{padding:.75rem;border-radius:0;border-bottom:none;border-left:none;border-right:none;padding-bottom:calc(.75rem + env(safe-area-inset-bottom,0))}.input-group{gap:.5rem}.input-group textarea{font-size:16px;padding:.75rem;min-height:44px}.input-group button{min-width:44px;min-height:44px;padding:.625rem}.clip-preview{max-width:100%}.clip-preview video{max-height:200px}.feedback-buttons{flex-direction:column;gap:.5rem}.feedback-buttons button{width:100%;min-height:44px}.production-plan{font-size:.9rem}.shot-card{padding:.75rem}}@media (max-width: 480px){.chat-interface{height:calc(100dvh - 60px)}.message{max-width:92%;padding:.625rem .875rem;border-radius:14px}.message.user{border-radius:14px 14px 4px}.message.assistant{border-radius:14px 14px 14px 4px}.completed-card{padding:1.25rem}.video-container video{max-height:250px}.completed-actions{flex-direction:column;gap:.5rem}.completed-actions .btn-action{width:100%}}@media (max-width: 375px){.messages{padding:.5rem}.message{padding:.5rem .75rem;font-size:.9rem}.input-area{padding:.5rem}}@media (max-height: 500px) and (orientation: landscape){.chat-interface{height:calc(100dvh - 50px)}.messages,.input-area{padding:.5rem 1rem}}@media (max-width: 900px){.main-content .chat-interface{padding-top:60px}.messages-container{max-width:100%;padding:0 1rem}.input-wrapper{max-width:100%}}@media (max-width: 768px){.messages-container{padding:0 .75rem}.main-content .input-area{padding:.75rem}.input-wrapper{padding:.5rem;border-radius:14px}.input-wrapper textarea{font-size:16px;max-height:160px}}@media (max-width: 480px){.main-content .chat-interface{padding-top:52px}.messages-container{padding:0 .5rem}.input-wrapper textarea{font-size:16px}}@media (max-width: 768px){.inline-plan,.inline-clip,.inline-preview,.inline-completed,.inline-error,.inline-insufficient-credits,.inline-create-plan{padding:1rem;border-radius:12px}.clip-actions-inline,.preview-actions-inline,.plan-actions-inline,.feedback-actions-inline{flex-direction:column}.clip-actions-inline button,.preview-actions-inline button,.plan-actions-inline button,.feedback-actions-inline button{min-height:44px}.music-choice-buttons{flex-direction:column}.music-choice-btn{padding:.875rem 1.5rem}.music-preview-actions{flex-direction:column}.music-preview-actions button{min-height:44px;width:100%}.volume-presets{grid-template-columns:1fr 1fr}.inline-create-plan .create-plan-options{flex-direction:column;align-items:stretch}.inline-create-plan .style-option{justify-content:space-between}.auto-approve-row{flex-direction:column;gap:.5rem;align-items:flex-start}.scroll-to-bottom{width:40px;height:40px}}@media (max-width: 480px){.inline-plan,.inline-clip,.inline-preview,.inline-completed,.inline-error,.inline-insufficient-credits,.inline-create-plan{padding:.75rem}.shot-details-inline{padding:.5rem .625rem;font-size:.75rem}.shot-header-inline{padding:.5rem .625rem}.music-action-buttons{flex-direction:column;gap:.5rem}.music-action-buttons button{width:100%;min-height:44px}.volume-adjust-actions{flex-direction:column;gap:.5rem}.volume-adjust-actions button{width:100%;min-height:44px}}.sidebar-user-wrapper{position:relative}.sidebar-user-menu{position:absolute;bottom:calc(100% + 8px);left:0;right:0;background:var(--bg-glass-light);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-glass);border-radius:10px;box-shadow:var(--shadow-lg);overflow:hidden;z-index:200;animation:slideUp .15s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sidebar-menu-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:transparent;border:none;color:var(--text-primary);font-size:.85rem;text-align:left;cursor:pointer;transition:all .15s ease}.sidebar-menu-item:hover{background:#ffffff0d}.sidebar-menu-item.logout{color:var(--error)}.sidebar-menu-item .byok-indicator{width:6px;height:6px;border-radius:50%;background:var(--success);margin-left:auto}.sidebar-menu-divider{height:1px;background:var(--border-glass);margin:.25rem 0}.session-item-meta .badge.completed{background:#10b98126;color:var(--success)}.sidebar-history{position:relative}.sidebar-history:before,.sidebar-history:after{content:"";position:absolute;left:0;right:0;height:24px;pointer-events:none;z-index:1}.sidebar-history:before{top:28px;background:linear-gradient(to bottom,rgba(30,27,75,.4),transparent);opacity:0;transition:opacity .2s}.sidebar-history:after{bottom:0;background:linear-gradient(to top,rgba(30,27,75,.4),transparent)}.sidebar-history.scrolled-top:before{opacity:1}.session-list-empty .btn-ghost{margin-top:.75rem}.sidebar-history-header{display:flex;align-items:center;justify-content:space-between;padding:0 .5rem;margin-bottom:.5rem}.sidebar-history-header h3{margin:0}.sidebar-history-actions{display:flex;align-items:center;gap:.25rem}.btn-refresh{padding:.25rem;border:none;opacity:.6}.btn-refresh:hover{opacity:1}.btn-refresh svg.spinning{animation:spin 1s linear infinite}.btn-select{padding:.25rem;opacity:.6}.btn-select:hover{opacity:1}.select-mode-actions{display:flex;gap:.5rem}.select-mode-actions .btn-ghost{font-size:.7rem;padding:.25rem .5rem}.select-mode-actions .btn-ghost:disabled{opacity:.4;cursor:not-allowed}.session-checkbox{display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:color .15s}.session-checkbox:hover{color:var(--text-primary)}.session-item.selected .session-checkbox{color:var(--accent)}.session-item.select-mode .session-item-content{padding-left:0}.session-item.selected{background:#8b5cf61a}.btn-load-more{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.6rem 1rem;margin-top:.25rem;background:transparent;border:1px solid var(--border-glass);border-radius:8px;color:var(--text-muted);font-size:.8rem;cursor:pointer;transition:all .15s ease}.btn-load-more:hover:not(:disabled){background:#ffffff0d;color:var(--text-primary);border-color:#ffffff26}.btn-load-more:disabled{opacity:.6;cursor:not-allowed}.btn-load-more .spinner-small{width:14px;height:14px}*{box-sizing:border-box;margin:0;padding:0}:root{--bg-dark: #000000;--bg-primary: #0F0F23;--bg-secondary: #1E1B4B;--bg-glass: rgba(30, 27, 75, .4);--bg-glass-light: rgba(30, 27, 75, .6);--text-primary: #F8FAFC;--text-secondary: #94A3B8;--text-muted: #64748B;--accent: #8B5CF6;--accent-hover: #A78BFA;--accent-glow: rgba(139, 92, 246, .3);--cta: #E11D48;--cta-hover: #F43F5E;--success: #10B981;--success-glow: rgba(16, 185, 129, .2);--error: #EF4444;--error-glow: rgba(239, 68, 68, .2);--warning: #F59E0B;--border-glass: rgba(255, 255, 255, .1);--border-accent: rgba(139, 92, 246, .3);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-glow: 0 0 40px rgba(139, 92, 246, .15)}html{font-size:16px}body{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-dark);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 20% 20%,rgba(139,92,246,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(30,27,75,.3) 0%,transparent 50%),linear-gradient(180deg,var(--bg-dark) 0%,var(--bg-primary) 100%);pointer-events:none;z-index:-1}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.app-layout{display:flex;height:100vh;overflow:hidden}.sidebar{width:320px;flex-shrink:0;background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--border-glass);display:flex;flex-direction:column;transition:transform .3s ease;z-index:100}.sidebar-header{display:flex;flex-direction:column;gap:1rem;padding:1rem;border-bottom:1px solid var(--border-glass)}.sidebar-logo{display:flex;align-items:center;gap:.5rem;padding:.5rem}.sidebar-logo img{height:28px;width:auto}.btn-new-chat{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.625rem 1rem;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:10px;color:var(--text-primary);font-weight:500;font-size:.875rem;cursor:pointer;transition:all .15s ease}.btn-new-chat:hover{background:#ffffff1f;border-color:#ffffff2e}.btn-new-chat:active{transform:scale(.98)}.btn-new-chat svg{width:16px;height:16px;opacity:.8}.sidebar-history{flex:1;overflow-y:auto;padding:.75rem}.sidebar-history::-webkit-scrollbar{width:4px}.sidebar-history::-webkit-scrollbar-track{background:transparent}.sidebar-history::-webkit-scrollbar-thumb{background:var(--border-glass);border-radius:2px}.sidebar-history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding:0 .25rem}.sidebar-history h3{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.75px;color:var(--text-muted);margin:0}.select-mode-actions{display:flex;gap:.375rem}.btn-select{padding:.25rem .375rem;border:none}.session-list{display:flex;flex-direction:column;gap:.25rem}.session-item{display:flex;align-items:stretch;width:100%;position:relative;border-radius:10px;transition:all .15s ease}.session-item-content{display:flex;flex-direction:column;gap:.2rem;flex:1;padding:.625rem .75rem;background:transparent;border:none;border-radius:10px;text-align:left;cursor:pointer}.session-item:hover{background:#ffffff0a}.session-item.active{background:#8b5cf61f;border:none}.session-item.active .session-item-title{color:var(--accent-hover)}.session-item.select-mode{padding-left:.25rem}.session-item.selected{background:#8b5cf626}.session-checkbox{display:flex;align-items:center;justify-content:center;padding:.25rem;background:transparent;border:none;color:var(--text-muted);cursor:pointer}.session-checkbox:hover{color:var(--accent)}.session-item-actions{display:none;align-items:center;gap:.25rem;position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:linear-gradient(to right,transparent,var(--bg-sidebar) 20%);padding-left:1rem}.session-item:hover .session-item-actions{display:flex}.session-action-btn.copied{color:var(--success, #22c55e)}.session-action-btn{display:flex;align-items:center;justify-content:center;padding:.25rem;background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:all .15s ease;border-radius:4px}.session-action-btn:hover{color:var(--text-primary);background:#ffffff1a}.session-action-btn.session-delete-btn:hover{color:var(--error);background:#ef44441a}.session-item-title{font-size:.82rem;font-weight:500;color:var(--text-primary);line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;max-width:100%;text-overflow:ellipsis}.session-item-meta{display:flex;align-items:center;gap:.5rem;font-size:.7rem;color:var(--text-muted)}.session-item-meta .date{flex:1}.session-item-meta .badge{padding:.125rem .375rem;font-size:.65rem;background:var(--success-glow);color:var(--success);border-radius:4px}.session-list-loading,.session-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;color:var(--text-muted);font-size:.8rem;text-align:center}.session-list-loading .spinner-small{margin-bottom:.5rem}.sidebar-footer{padding:.75rem;border-top:1px solid var(--border-glass);display:flex;flex-direction:column;gap:.5rem}.sidebar-footer-row{display:flex;align-items:center;gap:.5rem}.sidebar-credits{display:flex;align-items:center;justify-content:space-between;flex:1;padding:.625rem .75rem;background:#0f0f2380;border:1px solid rgba(255,255,255,.04);border-radius:10px;font-size:.85rem}.sidebar-credits .label{color:var(--text-muted)}.sidebar-credits .value{color:var(--success);font-weight:600}.sidebar-credits .credits-add-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;margin-left:4px;background:#8b5cf626;border:1px solid rgba(139,92,246,.3);border-radius:6px;color:var(--accent);cursor:pointer;transition:all .15s;flex-shrink:0}.sidebar-credits .credits-add-btn:hover{background:#8b5cf64d;border-color:#8b5cf680}.sidebar-credits .credits-add-btn:active{transform:scale(.9)}.sidebar-user-compact{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;background:transparent;border:1px solid var(--border-glass);border-radius:10px;cursor:pointer;transition:all .15s ease;width:100%}.sidebar-user-compact:hover{background:#ffffff08;border-color:var(--border-accent)}.sidebar-user-compact .avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--accent) 0%,#7C3AED 100%);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;color:#fff}.sidebar-user-compact .name{flex:1;font-size:.85rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-compact .menu-icon{color:var(--text-muted)}.sidebar-toggle{display:none;position:fixed;top:.75rem;left:.75rem;z-index:150;width:40px;height:40px;padding:0;background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-glass);border-radius:10px;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.sidebar-toggle:hover{background:var(--bg-glass-light);border-color:var(--border-accent)}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:90}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.glass-header{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-glass);z-index:100}.logo-container{display:flex;align-items:center;gap:.75rem;background:none;border:none;padding:.25rem .5rem;margin:-.25rem -.5rem;border-radius:12px;cursor:pointer;transition:all .2s ease}.logo-container:hover{background:#ffffff0d;transform:scale(1.02)}.logo-container:active{transform:scale(.98)}.logo{height:36px;width:auto;object-fit:contain}.header-right{display:flex;align-items:center;gap:1rem}.session-status{display:flex;align-items:center;gap:.75rem}.status-badge{padding:.375rem .875rem;border-radius:100px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-idle,.status-connected{background:#10b98126;color:var(--success);border:1px solid rgba(16,185,129,.3)}.status-connecting{background:#f59e0b26;color:var(--warning);border:1px solid rgba(245,158,11,.3)}.status-generating,.status-confirming{background:#8b5cf626;color:var(--accent);border:1px solid var(--border-accent);animation:pulse-glow 2s ease-in-out infinite}.status-failed{background:var(--error-glow);color:var(--error);border:1px solid rgba(239,68,68,.3)}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 var(--accent-glow)}50%{box-shadow:0 0 12px 2px var(--accent-glow)}}main{flex:1;display:flex;justify-content:center;padding:2rem}.main-centered{display:flex;align-items:center;justify-content:center;padding:2rem}.main-chat{display:flex;justify-content:center;padding:1rem 2rem 2rem;max-width:1000px;margin:0 auto;width:100%}.glass-card{background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-glass);border-radius:20px;box-shadow:var(--shadow-lg),var(--shadow-glow)}.loading-screen{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:transparent;z-index:100}.loading-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.loading-logo{height:60px;width:auto;max-width:160px;object-fit:contain}.loading-text{color:var(--text-secondary);font-size:.95rem;margin:0;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.error-card{max-width:450px;width:100%;padding:2.5rem;text-align:center}.error-icon{width:64px;height:64px;margin:0 auto 1.5rem;padding:1rem;background:var(--error-glow);border-radius:50%;color:var(--error)}.icon-lg{width:100%;height:100%}.error-card h2{font-size:1.5rem;font-weight:600;margin-bottom:.75rem}.error-message{color:var(--text-secondary);margin-bottom:1.5rem}.error-boundary-fallback{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-primary, #0a0a0a);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:9999}.error-boundary-card{text-align:center;max-width:420px;padding:2rem}.error-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.error-modal-overlay .error-card{position:relative;animation:modal-appear .2s ease-out}@keyframes modal-appear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.error-close-btn{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:var(--text-secondary);padding:.5rem;border-radius:8px;transition:all .2s ease}.error-close-btn:hover{background:var(--glass-border);color:var(--text-primary)}.error-actions{display:flex;gap:.75rem;justify-content:center}.error-actions .btn-secondary,.error-actions .btn-primary{flex:1}button{font-family:inherit;cursor:pointer;transition:all .2s ease}.btn-primary{padding:.875rem 1.75rem;background:linear-gradient(135deg,var(--accent) 0%,#7C3AED 100%);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;box-shadow:0 4px 14px var(--accent-glow)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px var(--accent-glow)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{padding:.875rem 1.75rem;background:var(--bg-glass);color:var(--text-primary);border:1px solid var(--border-glass);border-radius:12px;font-size:1rem;font-weight:500}.btn-secondary:hover:not(:disabled){background:var(--bg-glass-light);border-color:var(--border-accent)}.btn-ghost{padding:.5rem 1rem;background:transparent;color:var(--text-secondary);border:1px solid var(--border-glass);border-radius:8px;font-size:.875rem;font-weight:500}.btn-ghost:hover:not(:disabled){background:var(--bg-glass);color:var(--text-primary)}.btn-sm{padding:.375rem .75rem;font-size:.8rem}.btn-success{background:linear-gradient(135deg,var(--success) 0%,#059669 100%);box-shadow:0 4px 14px var(--success-glow)}.btn-success:hover:not(:disabled){box-shadow:0 6px 20px var(--success-glow)}.connecting-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:var(--text-secondary);text-align:center;height:100%;min-height:300px;gap:.5rem}.connecting-state p{font-size:.95rem;opacity:.8}.connecting-state.loading-page{flex:1;background:linear-gradient(180deg,rgba(139,92,246,.03) 0%,transparent 50%)}.connecting-state.loading-page .loading-content{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem;background:var(--bg-glass-light);border:1px solid var(--border-glass);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.connecting-state.loading-page h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.connecting-state.loading-page p{margin:0;color:var(--text-muted)}.spinner{width:48px;height:48px;border:3px solid var(--border-glass);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.spinner-small{width:20px;height:20px;border:2px solid var(--border-glass);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.api-key-setup{max-width:480px;width:100%;padding:2.5rem;background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-glass);border-radius:24px;box-shadow:var(--shadow-lg),var(--shadow-glow)}.api-key-setup h2{font-size:1.75rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,var(--text-primary) 0%,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.api-key-setup .subtitle{color:var(--text-secondary);font-size:.9rem;margin-bottom:2rem;line-height:1.5}.badge{display:inline-flex;align-items:center;padding:.25rem .625rem;font-size:.75rem;font-weight:500;border-radius:6px}.badge-success{background:#22c55e26;color:#22c55e}.badge-warning{background:#eab30826;color:#eab308}.badge-secondary{background:#9ca3af26;color:#9ca3af}.spinner-sm{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;margin-right:.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;font-size:.9rem;color:var(--text-primary)}.required{color:var(--cta)}.checkbox-group{margin-top:.5rem}.checkbox-label{display:flex;align-items:center;gap:.625rem;cursor:pointer;font-weight:400}.checkbox-label span{font-size:.9rem;color:var(--text-secondary)}.checkbox-group .hint{margin-left:26px}.form-group input[type=text],.form-group input[type=password]{width:100%;padding:.875rem 1rem;background:#0f0f2399;border:1px solid var(--border-glass);border-radius:12px;color:var(--text-primary);font-size:1rem;font-family:inherit;transition:all .2s ease}.form-group input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.form-group input::placeholder{color:var(--text-muted)}.session-select{width:100%;padding:.875rem 2.5rem .875rem 1rem;background:#0f0f2399;border:1px solid var(--border-glass);border-radius:12px;color:var(--text-primary);font-size:1rem;font-family:inherit;transition:all .2s ease;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%239ca3af' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}.session-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.session-select option,.session-select optgroup{background:#1a1a2e;color:var(--text-primary);padding:.5rem}.session-select optgroup{font-weight:600;color:var(--text-secondary)}.form-group .hint{margin-top:.5rem;font-size:.8rem;color:var(--text-muted)}.form-group .hint a{color:var(--accent);text-decoration:none;font-weight:500}.form-group .hint a:hover{text-decoration:underline}.error-message{padding:.875rem 1rem;background:var(--error-glow);border:1px solid rgba(239,68,68,.3);border-radius:12px;color:var(--error);font-size:.9rem;margin-bottom:1rem}.resume-section{border-top:1px solid var(--border-glass);padding-top:1.25rem;margin-top:.5rem}.checkbox-label{display:flex;align-items:center;gap:.625rem;cursor:pointer}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.checkbox-label span{font-weight:500;font-size:.9rem}.resume-input{margin-top:.875rem}.resume-input input{font-family:JetBrains Mono,monospace;font-size:.85rem}.api-key-setup button[type=submit]{width:100%;padding:1rem;margin-top:.5rem;background:linear-gradient(135deg,var(--accent) 0%,#7C3AED 100%);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px var(--accent-glow)}.api-key-setup button[type=submit]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px var(--accent-glow)}.api-key-setup button[type=submit]:disabled{opacity:.5;cursor:not-allowed;transform:none}.user-menu{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:10px;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.user-menu-trigger:hover{border-color:var(--border-accent);background:var(--bg-glass-light)}.user-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--accent) 0%,#7C3AED 100%);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:#fff}.user-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:var(--bg-glass-light);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-glass);border-radius:12px;box-shadow:var(--shadow-lg);overflow:hidden;z-index:200}.user-menu-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.875rem 1rem;background:transparent;border:none;color:var(--text-primary);font-size:.9rem;text-align:left;cursor:pointer;transition:all .2s ease}.user-menu-item:hover{background:var(--bg-glass)}.user-menu-item.logout{color:var(--error);border-top:1px solid var(--border-glass)}.sign-in-button{padding:.5rem 1.25rem;background:linear-gradient(135deg,var(--accent) 0%,#7C3AED 100%);border:none;border-radius:10px;color:#fff;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px var(--accent-glow)}.sign-in-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px var(--accent-glow)}@media (max-width: 768px){.glass-header{padding:.625rem 1rem}.logo-text{font-size:1.25rem}main,.main-centered,.main-chat{padding:1rem}.api-key-setup{padding:1.75rem;border-radius:20px}.header-right{gap:.75rem}.session-status{gap:.5rem}.status-badge{padding:.25rem .625rem;font-size:.7rem}}@media (max-width: 480px){.glass-header{flex-wrap:wrap;gap:.75rem}.logo-container{flex:1}.header-right{width:100%;justify-content:space-between}}header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-glass)}.panel{background:var(--bg-glass);border-radius:16px;border:1px solid var(--border-glass);overflow:hidden}button:not([class]){padding:.875rem 1.75rem;background:linear-gradient(135deg,var(--accent) 0%,#7C3AED 100%);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600}button:not([class]):hover:not(:disabled){transform:translateY(-2px)}button:not([class]):disabled{opacity:.5;cursor:not-allowed}.session-history{max-height:80vh;overflow-y:auto;padding:1.5rem}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.history-header h2{margin:0;font-size:1.25rem;font-weight:600}.history-loading,.history-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;color:var(--text-muted)}.history-empty svg{opacity:.5;margin-bottom:1rem}.history-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:1rem;margin-bottom:1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.history-error p{margin:0;color:#ef4444}.history-list{display:flex;flex-direction:column;gap:1rem}.history-item{padding:1rem;border-radius:12px}.history-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.history-item-info{display:flex;flex-direction:column;gap:.5rem}.session-title{font-weight:600;font-size:1rem;color:var(--text-primary);max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-date{font-size:.8rem;color:var(--text-muted)}.session-id{font-family:SF Mono,Monaco,monospace;font-size:.75rem;color:var(--text-muted);opacity:.7}.history-item-details{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.75rem}.detail-row{display:flex;justify-content:space-between;font-size:.875rem}.detail-label{color:var(--text-muted)}.detail-value{color:var(--text-secondary)}.history-item-actions{display:flex;gap:.5rem}.badge{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:9999px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-success{background:#22c55e33;color:#22c55e}.badge-warning{background:#f59e0b33;color:#f59e0b}.badge-secondary{background:#6b728033;color:#9ca3af}.spinner-sm{width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;margin-right:.5rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{width:100%;max-width:600px;max-height:90vh;overflow:hidden;animation:modalSlideIn .2s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.btn-link{background:none;border:none;color:var(--accent);font-size:inherit;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:2px}.btn-link:hover{color:var(--accent-hover)}.hint-link{margin-top:.5rem;font-size:.8rem}.session-hints{margin-top:.5rem}@media (max-width: 768px){html{font-size:15px}.session-history{max-height:85vh;padding:1rem}.history-item{padding:.875rem}.session-title{max-width:200px;font-size:.95rem}.history-item-actions{flex-direction:column}.history-item-actions button{width:100%;min-height:44px}}@media (max-width: 480px){html{font-size:14px}.glass-header{padding:.5rem .75rem;flex-wrap:nowrap;gap:.5rem}.logo{height:28px;max-width:70px}.logo-text{font-size:1.1rem}.header-right{width:auto;gap:.5rem}.session-status{display:none}button,.btn-primary,.btn-secondary,.btn-ghost{min-height:44px;min-width:44px}.error-card{padding:1.5rem;margin:.5rem}.error-actions{flex-direction:column}.error-actions button{width:100%}.modal-overlay{padding:0;align-items:flex-end}.modal-content,.session-history{max-width:100%;max-height:90vh;border-radius:20px 20px 0 0;margin:0}.input-group{flex-wrap:nowrap}.input-group textarea{flex:1;min-width:0}.attachment-btn{min-width:40px;padding:.5rem}.glass-card,.api-key-setup,.error-card{border-radius:16px;max-width:100%}}@media (max-width: 375px){html{font-size:13px}.glass-header{padding:.5rem}.logo-text{font-size:1rem}}@media (max-height: 500px) and (orientation: landscape){.glass-header{padding:.375rem 1rem}.logo{height:24px;max-width:60px}}@media (hover: none) and (pointer: coarse){.btn-primary:hover,.btn-secondary:hover,.btn-ghost:hover{transform:none}.btn-primary:active{transform:scale(.98);opacity:.9}.btn-secondary:active,.btn-ghost:active{background:#ffffff26}.message-actions button,.clip-actions button{min-width:44px;min-height:44px;padding:.625rem}}@supports (padding: env(safe-area-inset-bottom)){.input-area{padding-bottom:calc(.75rem + env(safe-area-inset-bottom))}.glass-header{padding-top:calc(.75rem + env(safe-area-inset-top))}@media (max-width: 480px){.modal-content{padding-bottom:env(safe-area-inset-bottom)}}}@media (max-width: 900px){.sidebar{position:fixed;left:0;top:0;bottom:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay.visible{display:block}.sidebar-toggle{display:flex;align-items:center;justify-content:center}.main-content{width:100%}}@media (max-width: 768px){.sidebar{width:280px}}@media (max-width: 480px){.sidebar{width:100%;max-width:320px}.sidebar-toggle{top:.5rem;left:.5rem;width:36px;height:36px}}