.chat-page{background:#0f0f1a;flex-direction:column;flex:1;height:100%;min-height:0;font-family:Inter,sans-serif;display:flex;overflow:hidden}.chat-header{-webkit-tap-highlight-color:transparent;flex-shrink:0;justify-content:space-between;align-items:center;height:48px;padding:0 16px;display:flex}.chat-header-sep{background:#ffffff10;flex-shrink:0;height:1px}.chat-model-pill{cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff08;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;display:flex}.chat-model-pill:active{background:#ffffff0f}.chat-provider-dot{border-radius:4px;flex-shrink:0;width:8px;height:8px}.chat-header-right{align-items:center;gap:12px;display:flex}.chat-header-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:0}.chat-messages{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;flex:1;min-height:0;padding:16px;overflow-y:auto}.chat-messages>*+*{margin-top:16px}.chat-user-msg{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.chat-user-bubble{word-break:break-word;background:#6366f120;border-radius:16px 16px 4px;max-width:85%;padding:12px 16px}.chat-user-bubble p{color:#ffffffde;white-space:pre-wrap;margin:0;font-size:14px;line-height:1.6}.chat-user-attachment-img{object-fit:cover;border-radius:10px;max-width:200px;max-height:200px;margin-bottom:6px}.chat-user-attachment-doc{background:#ffffff1a;border-radius:8px;align-items:center;gap:8px;margin-bottom:6px;padding:6px 10px;display:flex}.chat-timestamp{color:#ffffff30;font-family:Inter,sans-serif;font-size:11px}.chat-ai-msg{flex-direction:column;gap:4px;width:100%;display:flex}.chat-ai-header{align-items:center;gap:8px;display:flex}.chat-ai-dot{border-radius:4px;flex-shrink:0;width:8px;height:8px}.chat-ai-model{color:#818cf8;font-size:12px;font-weight:600}.chat-ai-bubble{word-break:break-word;background:#ffffff06;border:1px solid #ffffff08;border-radius:16px 16px 16px 4px;max-width:95%;padding:14px 18px}.chat-ai-footer{align-items:center;gap:12px;display:flex}.chat-footer-sep{background:#ffffff20;border-radius:2px;flex-shrink:0;width:3px;height:3px}.chat-cost{color:#ffffff30;font-size:11px;font-weight:500}.chat-copy-btn{cursor:pointer;color:#ffffff40;-webkit-tap-highlight-color:transparent;background:#ffffff08;border:none;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;display:flex}.chat-copy-btn:active{color:#fff6}.chat-typing{align-items:center;gap:4px;display:flex}.chat-typing-dot{border-radius:3px;width:6px;height:6px;animation:1.4s infinite chat-typing-pulse}.chat-typing-dot:first-child{background:#818cf8;animation-delay:0s}.chat-typing-dot:nth-child(2){background:#6366f180;animation-delay:.2s}.chat-typing-dot:nth-child(3){background:#6366f140;animation-delay:.4s}@keyframes chat-typing-pulse{0%,60%,to{opacity:.3;transform:scale(.8)}30%{opacity:1;transform:scale(1)}}.chat-typing-label{color:#818cf8;margin-left:6px;font-size:13px;font-weight:500}.chat-stopped{color:#ef4444;background:#ef444420;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.chat-stopped-actions{align-items:center;gap:8px;display:flex}.chat-action-pill{color:#ffffff4f;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff08;border:1px solid #ffffff10;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:500;display:flex}.chat-action-pill:active{background:#ffffff0f}.chat-code-block{background:#0d0d16;border-radius:12px;margin:8px 0;overflow:hidden}.chat-code-header{background:#ffffff08;justify-content:space-between;align-items:center;height:32px;padding:0 12px;display:flex}.chat-code-lang{color:#ffffff4f;font-size:12px;font-weight:500}.chat-code-copy{cursor:pointer;color:#ffffff40;-webkit-tap-highlight-color:transparent;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:12px;display:flex}.chat-code-copy:active{color:#ffffff80}.chat-code-content{-webkit-overflow-scrolling:touch;padding:12px;overflow-x:auto}.chat-code-content code{color:#fffc;white-space:pre;font-family:JetBrains Mono,Fira Code,SF Mono,Menlo,monospace;font-size:13px;line-height:1.5}.chat-inline-code{color:#fffc;-webkit-overflow-scrolling:touch;vertical-align:bottom;background:#ffffff10;border-radius:4px;max-width:100%;padding:2px 6px;font-family:JetBrains Mono,Fira Code,SF Mono,Menlo,monospace;font-size:13px;display:inline-block;overflow-x:auto}.chat-markdown{color:#fffc;font-size:14px;line-height:1.5;overflow:hidden}.chat-markdown p{margin:0 0 8px}.chat-markdown p:last-child{margin-bottom:0}.chat-markdown ul,.chat-markdown ol{margin:4px 0 8px;padding-left:20px}.chat-markdown li{margin:2px 0}.chat-markdown strong{color:#fff;font-weight:600}.chat-markdown em{font-style:italic}.chat-markdown table{border-collapse:collapse;width:100%;margin:8px 0;font-size:13px}.chat-markdown th,.chat-markdown td{text-align:left;border:1px solid #ffffff15;padding:6px 10px}.chat-markdown th{color:#fff;background:#ffffff08;font-weight:600}.chat-markdown blockquote{color:#fff9;border-left:3px solid #6366f1;margin:8px 0;padding-left:12px}.chat-markdown a{color:#6366f1;text-decoration:underline}.chat-markdown hr{background:#ffffff10;border:none;height:1px;margin:12px 0}.chat-welcome{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;width:300px;min-height:0;margin:0 auto;font-family:Inter,sans-serif;display:flex;overflow:hidden}.chat-welcome-title{color:#fff;text-align:center;font-size:22px;font-weight:700}.chat-welcome-subtitle{color:#ffffff4f;text-align:center;width:260px;font-size:14px}.chat-chips{flex-direction:column;gap:8px;width:100%;display:flex}.chat-chip{cursor:pointer;-webkit-tap-highlight-color:transparent;color:#ffffff80;text-align:left;background:#ffffff06;border:1px solid #ffffff10;border-radius:12px;align-items:center;gap:10px;width:100%;padding:10px 14px;font-size:13px;display:flex}.chat-chip:active{background:#ffffff0d}.chat-bottom-bar{padding-bottom:env(safe-area-inset-bottom,0px);background:#0f0f1a;flex-shrink:0}body.keyboard-open .chat-bottom-bar{padding-bottom:44px}.chat-bottom-sep{background:#ffffff10;height:1px}.chat-bottom-content{flex-direction:column;gap:4px;padding:8px 16px;display:flex}.chat-bottom-content.has-attachments{gap:8px}.chat-input-row{align-items:center;gap:8px;min-height:44px;display:flex}.chat-circle-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;display:flex}.chat-circle-btn:active{opacity:.8}.chat-circle-btn:disabled{opacity:.4;cursor:not-allowed}.chat-btn-default{background:#ffffff08}.chat-btn-attach-active{background:#6366f120}.chat-btn-web-active{background:#3b82f610}.chat-btn-send{background:#6366f1}.chat-btn-stop{background:#ef4444}.chat-text-field{resize:none;color:#fff;-webkit-tap-highlight-color:transparent;background:#ffffff08;border:none;border-radius:20px;outline:none;flex:1;min-height:44px;max-height:120px;padding:8px 16px;font-family:Inter,sans-serif;font-size:14px;line-height:1.4}.chat-text-field::placeholder{color:#ffffff30}.chat-text-field:disabled{color:#ffffff20;background:#ffffff05}.chat-cost-text{text-align:center;color:#ffffff30;font-size:11px}.chat-cost-text.streaming{color:#8b5cf640;font-weight:500}.chat-cost-text.uploading{color:#6366f180;font-weight:500}.chat-attach-row{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:10px;display:flex;overflow-x:auto}.chat-attach-row::-webkit-scrollbar{display:none}.chat-attach-img-wrap{flex-shrink:0;width:80px;height:80px;position:relative}.chat-attach-img{object-fit:cover;border-radius:10px;width:72px;height:72px;position:absolute;top:4px;left:4px}.chat-attach-img-spinner{background:#00000080;border-radius:10px;justify-content:center;align-items:center;width:72px;height:72px;display:flex;position:absolute;top:4px;left:4px}.chat-attach-x{cursor:pointer;z-index:1;-webkit-tap-highlight-color:transparent;background:#ef4444;border:1px solid #00000030;border-radius:9px;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:absolute;top:0;right:0}.chat-attach-file{background:#ffffff08;border:1px solid #ffffff10;border-radius:10px;flex-shrink:0;align-items:center;gap:10px;max-width:200px;height:72px;padding:0 14px;display:flex;position:relative}.chat-attach-file-icon{flex-shrink:0}.chat-attach-file-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.chat-attach-file-name{color:#fffc;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;overflow:hidden}.chat-attach-file-size{color:#ffffff40;font-size:10px}.chat-attach-file-x{cursor:pointer;color:#ffffff30;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-shrink:0;padding:0}.chat-error-card{background:#ef444410;border:1px solid #ef444430;border-radius:16px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.chat-error-header{align-items:center;gap:10px;display:flex}.chat-error-title{color:#ef4444;font-size:14px;font-weight:600}.chat-error-text{color:#ffffff61;font-size:13px;line-height:1.4}.chat-error-retry{color:#ef4444;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ef444418;border:none;border-radius:10px;justify-content:center;align-items:center;gap:6px;width:100%;padding:8px 0;font-size:13px;font-weight:500;display:flex}.chat-error-retry:active{background:#ef444426}.chat-balance-card{background:#f59e0b10;border:1px solid #f59e0b30;border-radius:16px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.chat-balance-header{align-items:center;gap:10px;display:flex}.chat-balance-title{color:#f59e0b;font-size:14px;font-weight:600}.chat-balance-details{justify-content:space-between;font-size:13px;display:flex}.chat-balance-label{color:#ffffff40}.chat-balance-value{color:#fff;font-weight:500}.chat-balance-topup{color:#000;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#f59e0b;border:none;border-radius:10px;justify-content:center;align-items:center;gap:6px;width:100%;padding:10px 0;font-size:14px;font-weight:600;display:flex}.chat-balance-topup:active{opacity:.9}.chat-balance-cheaper{color:#ffffff4f;cursor:pointer;text-align:center;-webkit-tap-highlight-color:transparent;background:0 0;border:none;width:100%;font-size:13px}.chat-model-sheet-header{flex-direction:column;gap:4px;padding:0 20px;display:flex}.chat-model-sheet-title{color:#fff;font-size:20px;font-weight:700}.chat-model-sheet-subtitle{color:#ffffff4f;font-size:13px}.chat-model-list{-webkit-overflow-scrolling:touch;flex:1;padding:16px 0;overflow-y:auto}.chat-tier-header{align-items:center;gap:6px;padding:8px 20px;display:flex}.chat-tier-dot{border-radius:4px;flex-shrink:0;width:8px;height:8px}.chat-tier-name{color:#ffffff40;font-size:14px;font-weight:600}.chat-model-row{text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:10px 20px;font-family:Inter,sans-serif;display:flex}.chat-model-row:active{background:#ffffff08}.chat-model-row.selected{background:#6366f110}.chat-provider-icon{color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.chat-model-info{flex:1;min-width:0}.chat-model-name-row{align-items:center;gap:6px;display:flex}.chat-model-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:600;overflow:hidden}.chat-model-badge{letter-spacing:.5px;border-radius:4px;flex-shrink:0;padding:2px 5px;font-size:8px;font-weight:700}.chat-badge-fast{color:#10b981;background:#10b98130}.chat-badge-new{color:#6366f1;background:#6366f130}.chat-badge-top{color:#8b5cf6;background:#8b5cf630}.chat-model-desc{color:#ffffff40;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;overflow:hidden}.chat-model-price{flex-shrink:0;font-size:13px;font-weight:600}.chat-session-header{justify-content:space-between;align-items:center;padding:0 20px;display:flex}.chat-session-new-btn{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#6366f1;border:none;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;display:flex}.chat-session-new-btn:active{opacity:.85}.chat-session-list{-webkit-overflow-scrolling:touch;flex:1;padding:16px 0;overflow-y:auto}.chat-session-row{cursor:pointer;-webkit-tap-highlight-color:transparent;align-items:center;gap:12px;padding:12px 20px;display:flex}.chat-session-row:active{background:#ffffff08}.chat-session-row.active{background:#6366f110}.chat-session-icon{background:#ffffff08;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.chat-session-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.chat-session-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.chat-session-meta{color:#ffffff40;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.chat-session-delete{cursor:pointer;color:#ffffff20;-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:4px}.chat-session-delete:active{color:#ef444480}.chat-loading-session{color:#ffffff4d;justify-content:center;align-items:center;gap:8px;padding:24px 16px;font-size:13px;display:flex}.chat-streaming-text{white-space:pre-wrap;word-break:break-word;color:#fffc;font-size:14px;line-height:1.5}@keyframes chat-cursor-blink{0%,to{opacity:1}50%{opacity:0}}.chat-page textarea:disabled::placeholder{color:#ffffff25}.chat-page textarea::placeholder{color:#ffffff36}.image-gen-section-number{color:#fff;background:#6366f1;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:14px;font-weight:700;display:flex}.image-gen-section-header{align-items:center;gap:10px;display:flex}.image-gen-section-title{color:#fff;font-size:16px;font-weight:600}.image-gen-section-optional{color:#ffffff4f;font-size:14px}.image-gen-section-subtitle{color:#ffffff40;font-size:13px}.image-gen-upload-area{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:2px solid #6366f1;border-radius:14px;padding:4px}.image-gen-upload-area:active{opacity:.8}.image-gen-upload-inner{background:#1a1a2e;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px 16px;display:flex}.image-gen-upload-hint{color:#ffffff40;margin-top:4px;font-size:12px}.image-gen-ref-area{background:#6366f118;border-radius:14px;padding:4px}.image-gen-ref-inner{background:#1a1a2e;border-radius:12px;padding:12px}.image-gen-thumb-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.image-gen-upload-card{background:#1a1a2e;border-radius:14px;padding:14px}.image-gen-prompt-card{background:#1a1a2e;border-radius:14px;flex-direction:column;gap:10px;padding:14px;display:flex}.image-gen-prompt-label{color:#ffffff90;font-size:13px;font-weight:600}.image-gen-prompt-counter{color:#ffffff30;font-size:12px}.image-gen-prompt-textarea{resize:none;color:#fffc;background:0 0;border:none;outline:none;width:100%;min-height:80px;font-family:inherit;font-size:14px;line-height:1.5}.image-gen-prompt-textarea::placeholder{color:#ffffff30}.image-gen-prompt-divider{background:#ffffff08;height:1px}.image-gen-actions-row{align-items:center;gap:8px;display:flex}.image-gen-action-btn{color:#ffffff4f;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff08;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;padding:8px 12px;display:flex}.image-gen-action-btn:active{background:#ffffff0f}.image-gen-ai-btn{color:#6366f1;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;-webkit-tap-highlight-color:transparent;background:#6366f120;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;min-width:0;padding:10px 14px;font-size:13px;font-weight:600;display:flex;overflow:hidden}.image-gen-ai-btn:active{background:#6366f133}.image-gen-template-card{background:#6366f115;border-radius:14px;flex-direction:column;gap:10px;padding:14px;display:flex}.image-gen-model-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.image-gen-model-left{cursor:pointer;-webkit-tap-highlight-color:transparent;background:#1a1a2e;border-radius:12px;flex:1;align-items:center;gap:8px;min-width:0;padding:12px 16px;display:flex}.image-gen-model-left:active{background:#1e1e34}.image-gen-model-dot{background:#8b5cf6;border-radius:5px;flex-shrink:0;width:10px;height:10px}.image-gen-model-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:14px;font-weight:500;overflow:hidden}.image-gen-model-right{cursor:pointer;-webkit-tap-highlight-color:transparent;background:#1a1a2e;border-radius:12px;flex-shrink:0;align-items:center;gap:5px;padding:12px 14px;display:flex}.image-gen-model-right:active{background:#1e1e34}.image-gen-about-label{color:#ffffff4f;font-size:13px;font-weight:500}.image-gen-format-card{background:#1a1a2e;border-radius:14px;flex-direction:column;gap:12px;padding:12px;display:flex}.image-gen-param-label{color:#ffffff40;letter-spacing:.5px;text-transform:uppercase;font-size:11px;font-weight:600}.image-gen-param-value{color:#fff;font-size:12px;font-weight:600}.image-gen-pills{flex-wrap:wrap;gap:4px;display:flex}.image-gen-pill{color:#ffffff80;cursor:pointer;text-align:center;-webkit-tap-highlight-color:transparent;background:#ffffff06;border:none;border-radius:8px;flex:1 1 0;min-width:40px;padding:6px 0;font-size:12px;font-weight:500;transition:background .15s,color .15s}.image-gen-pill.active{color:#fff;background:#6366f120;font-weight:600}.image-gen-pills-lg{gap:8px;display:flex}.image-gen-pill-lg{color:#ffffff80;cursor:pointer;text-align:center;-webkit-tap-highlight-color:transparent;background:#ffffff06;border:none;border-radius:10px;flex:1;padding:10px 0;font-size:13px;font-weight:500;transition:background .15s,color .15s}.image-gen-pill-lg.active{color:#fff;background:#6366f120;font-weight:600}.image-gen-format-divider{background:#ffffff20;height:1px}.image-gen-bottom-bar{z-index:40;padding-bottom:env(safe-area-inset-bottom,0px);background:#0f0f1a;position:fixed;bottom:0;left:0;right:0}.image-gen-bottom-sep{background:#ffffff10;height:1px}.image-gen-bottom-content{align-items:center;gap:12px;padding:12px 16px;display:flex}.image-gen-qty{flex-shrink:0;align-items:center;gap:8px;display:flex}.image-gen-qty-btn{color:#ffffff80;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#1a1a2e;border:none;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;font-weight:500;display:flex}.image-gen-qty-btn:active{background:#1e1e34}.image-gen-qty-btn:disabled{opacity:.3;cursor:not-allowed}.image-gen-qty-value{color:#fff;text-align:center;min-width:32px;font-size:15px;font-weight:600}.image-gen-cta{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:8px;height:48px;font-size:14px;font-weight:600;transition:opacity .15s;display:flex}.image-gen-cta:active{opacity:.9}.image-gen-cta:disabled{opacity:.5;cursor:not-allowed}.image-gen-cta-amber{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#f59e0b,#ef4444);border:none;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:8px;height:48px;font-size:14px;font-weight:600;display:flex}.image-gen-cta-amber:active{opacity:.9}.image-gen-slider{appearance:none;background:#ffffff15;border-radius:2px;outline:none;width:100%;height:4px}.image-gen-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#6366f1;border-radius:10px;width:20px;height:20px}.image-gen-picker-section{color:#ffffff40;letter-spacing:1px;text-transform:uppercase;padding:12px 0 8px;font-size:11px;font-weight:600}.image-gen-picker-card{cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:12px;flex-direction:column;gap:8px;padding:12px;transition:background .15s;display:flex}.image-gen-picker-card.active{background:#6366f120}.image-gen-picker-card.inactive{background:#ffffff08}.image-gen-picker-card:active{opacity:.8}.image-gen-step-done{background:#059669;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.image-gen-step-active{background:#6366f1;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.image-gen-step-pending{background:#ffffff10;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.image-gen-progress-track{background:#ffffff15;border-radius:2px;height:4px;overflow:hidden}.image-gen-progress-fill{background:#6366f1;border-radius:2px;height:100%;transition:width .3s}.image-gen-sheet-btn{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:12px;justify-content:center;align-items:center;width:100%;height:44px;font-size:14px;font-weight:600;display:flex}.image-gen-sheet-btn.primary{background:linear-gradient(90deg,#6366f1,#8b5cf6)}.image-gen-sheet-btn.secondary{color:#ffffff80;background:#ffffff10}.image-gen-sheet-btn:active{opacity:.85}.image-gen-about-page{z-index:9997;-webkit-overflow-scrolling:touch;background:#0f0f1a;position:fixed;inset:0;overflow-y:auto}.audio-gen-task-bar{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px;padding:0 16px;display:flex;overflow-x:auto}.audio-gen-task-bar::-webkit-scrollbar{display:none}.audio-gen-task-pill{color:#ffffff80;cursor:pointer;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:12px;flex-shrink:0;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.audio-gen-task-pill:hover{background:#ffffff14}.audio-gen-task-pill.active{color:#fff;background:#6366f126;border-color:#6366f14d}.audio-gen-task-pill.active svg{color:#6366f1}.audio-gen-voice-pill{cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:8px;padding:8px 14px;transition:all .2s;display:flex}.audio-gen-voice-pill:hover{background:#ffffff14}.audio-gen-upload-zone{cursor:pointer;text-align:center;background:#ffffff05;border:2px dashed #ffffff1a;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:32px 16px;transition:all .2s;display:flex}.audio-gen-upload-zone:hover,.audio-gen-upload-zone.active{background:#6366f10d;border-color:#6366f166}.audio-gen-upload-preview{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;display:flex}.audio-gen-dialogue-entry{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;gap:8px;padding:12px;display:flex}.audio-gen-dialogue-add{color:#fff6;cursor:pointer;border:1px dashed #ffffff26;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:13px;transition:all .2s;display:flex}.audio-gen-dialogue-add:hover{color:#ffffffb3;border-color:#6366f166}.audio-gen-player{background:#ffffff0a;border-radius:16px;flex-direction:row;align-items:center;gap:12px;padding:16px;display:flex}.audio-gen-player-progress{background:#ffffff1a;border-radius:2px;width:100%;height:4px;overflow:hidden}.audio-gen-player-progress-fill{background:#6366f1;border-radius:2px;height:100%;transition:width .1s linear}.audio-gen-transcribe-text{color:#fffc;white-space:pre-wrap;background:#ffffff08;border-radius:12px;max-height:300px;padding:16px;font-size:14px;line-height:1.6;overflow-y:auto}.audio-gen-info-card{background:#6366f114;border:1px solid #6366f126;border-radius:12px;gap:12px;padding:12px 16px;display:flex}