.podcast-agent-container,.podcast-gallery-container{--pc-ink:var(--primary-color);--pc-ink-h:var(--primary-hover);--pc-track:#94a3b8;--pc-muted:rgb(var(--primary-rgb,88 81 184) / 7%)}.create-podcast-modal{max-width:680px;animation:.3s cubic-bezier(.4,0,.2,1) modal-slide-in}@keyframes modal-slide-in{0%{opacity:0;transform:translateY(-20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.btn-spinner{margin-right:var(--space-1);vertical-align:middle;animation:1s linear infinite spin;display:inline-block}button.loading{opacity:.8;pointer-events:none;cursor:wait!important}button.loading:hover{transform:none!important}.toolbar-btn-compact.loading{min-width:80px}.toolbar-btn-compact.loading .btn-label{display:inline}.create-podcast-modal .modal-body{padding:var(--space-7) var(--space-8)}.create-podcast-modal label{font-size:var(--text-sm);color:var(--text-primary);margin-bottom:var(--space-3);letter-spacing:.3px;font-weight:600;display:block}.modal-template-grid{margin-bottom:var(--space-6);grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.modal-template-card{background:var(--bg-surface);border:2px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-4);cursor:pointer;transition:all var(--transition-main);text-align:center;position:relative;overflow:hidden}.modal-template-card:before{content:"";opacity:0;background:linear-gradient(135deg,#5851b81a 0%,#5851b80d 100%);transition:opacity .3s;position:absolute;inset:0}.modal-template-card:hover{border-color:var(--primary-color);transform:translateY(-1px);box-shadow:0 4px 16px #5851b81f}.modal-template-card:hover:before{opacity:1}.modal-template-card.selected{border-color:var(--primary-color);background:linear-gradient(135deg,#5851b814 0%,#5851b80a 100%);box-shadow:0 2px 8px #5851b826}.modal-template-card .template-icon{font-size:var(--text-4xl);margin-bottom:var(--space-3);z-index:1;text-align:center;font-family:Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji,sans-serif;font-style:normal;font-weight:400;line-height:1;display:block;position:relative}.modal-template-card h4{font-size:var(--text-sm);color:var(--text-primary);margin-bottom:var(--space-1);z-index:1;font-weight:600;position:relative}.modal-template-card p{font-size:var(--text-xs);color:var(--text-secondary);z-index:1;margin:0;line-height:1.4;position:relative}.create-podcast-modal .form-group{margin-bottom:var(--space-6)}.create-podcast-modal .form-group:last-child{margin-bottom:0}.create-podcast-modal .form-input,.create-podcast-modal .form-textarea{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-surface);transition:border-color var(--transition-main), box-shadow var(--transition-main);font-family:inherit}.create-podcast-modal .form-input:hover,.create-podcast-modal .form-textarea:hover{border-color:#5851b866}.create-podcast-modal .form-input:focus,.create-podcast-modal .form-textarea:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #5851b81f}.create-podcast-modal .form-input::placeholder,.create-podcast-modal .form-textarea::placeholder{color:var(--text-secondary);opacity:.7}.create-podcast-modal .form-textarea{resize:vertical;min-height:100px;line-height:1.6}.create-podcast-modal .modal-footer{gap:var(--space-3);padding-top:var(--space-6);margin-top:var(--space-2);border-top:1px solid var(--border-color);justify-content:flex-end;display:flex}.create-podcast-modal .btn-secondary{padding:11px var(--space-6);border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-primary);cursor:pointer;transition:all var(--transition-main);background:0 0;font-weight:600}.create-podcast-modal .btn-secondary:hover{background:var(--hover-bg);border-color:#5851b84d;transform:translateY(-1px)}.create-podcast-modal .btn-secondary:active{transform:translateY(0)}.create-podcast-modal .btn-primary{padding:11px var(--space-7);background:var(--primary-color);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-inverse);cursor:pointer;transition:all var(--transition-main);border:none;font-weight:600;box-shadow:0 2px 8px #5851b833}.create-podcast-modal .btn-primary:hover{background:var(--primary-hover,var(--primary-color));transform:translateY(-2px);box-shadow:0 6px 16px #5851b859}.create-podcast-modal .btn-primary:active{transform:translateY(-1px);box-shadow:0 4px 12px #5851b84d}.create-podcast-modal .btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.speaker-config-list{gap:var(--space-3);flex-direction:column;display:flex}.speaker-config-item{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-4)}.speaker-config-item-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.speaker-name{font-size:var(--text-sm);color:var(--text-primary);align-items:center;gap:var(--space-2);font-weight:600;display:flex}.speaker-icon{border-radius:var(--radius-sm);width:28px;height:28px;font-size:var(--text-sm);color:var(--text-inverse);text-transform:uppercase;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.speaker-config-item .voice-select{appearance:none;width:100%;padding:var(--space-2) 14px;border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-surface);cursor:pointer;transition:all var(--transition-main)}.speaker-config-item .voice-select:hover{border-color:#5851b866}.speaker-config-item .voice-select:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #5851b81a}.speaker-config-item .form-group{margin-bottom:var(--space-3)}.speaker-params{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.param-group{gap:var(--space-1);flex-direction:column;display:flex}.param-label{font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;font-weight:500}.param-input{padding:var(--space-1) var(--space-2);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text-primary);text-align:center}.param-input:focus{border-color:var(--primary-color);outline:none}.editor-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-color);gap:var(--space-3);background:var(--bg-surface);justify-content:flex-end;display:flex}.editor-footer button{padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-main);align-items:center;gap:var(--space-2);font-weight:600;display:inline-flex}.editor-footer .btn-cancel{border:1px solid var(--border-color);color:var(--text-primary);background:0 0}.editor-footer .btn-cancel:hover{background:var(--hover-bg)}.editor-footer .btn-synthesize{background:var(--primary-color);color:var(--text-inverse);border:none}.editor-footer .btn-synthesize:hover{background:var(--primary-hover,var(--primary-color));transform:translateY(-1px);box-shadow:0 4px 12px #5851b84d}.editor-footer .btn-synthesize:disabled{opacity:.5;cursor:not-allowed;transform:none}.podcast-item{padding:18px var(--space-5);border-bottom:1px solid var(--border-color);transition:all var(--transition-main);cursor:pointer;align-items:center;display:flex}.podcast-item:last-child{border-bottom:none}.podcast-item:hover{background:linear-gradient(135deg,#5851b80a 0%,#5851b805 100%)}.podcast-item .project-icon{border-radius:var(--radius-md);width:36px;height:36px;font-size:var(--text-base);color:var(--text-inverse);text-transform:uppercase;margin-right:var(--space-3);flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.podcast-item .action-btn{padding:var(--space-2);border-radius:var(--radius-md);cursor:pointer;color:var(--text-secondary);opacity:0;transition:all var(--transition-main);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.podcast-item:hover .action-btn{opacity:1}.podcast-item .action-btn:hover{color:var(--color-error);background:#ef44441a}@media (width<=768px){.modal-template-grid,.speaker-params{grid-template-columns:1fr}}.podcast-template-grid{gap:var(--space-4);margin-bottom:var(--space-8);grid-template-columns:repeat(4,1fr);display:grid}.podcast-template-card{background:var(--bg-surface);border:1.5px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-5);cursor:pointer;transition:all var(--transition-main);gap:var(--space-3);flex-direction:column;display:flex;position:relative;overflow:hidden}.podcast-template-card:before{content:"";opacity:0;background:linear-gradient(135deg,#5851b80f 0%,#5851b805 100%);transition:opacity .3s;position:absolute;inset:0}.podcast-template-card:hover{border-color:var(--primary-color);transform:translateY(-4px);box-shadow:0 12px 32px #5851b81f}.podcast-template-card:hover:before{opacity:1}.podcast-template-card:active{transform:translateY(-2px)}.template-icon-wrap{z-index:1;border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;display:flex;position:relative}.podcast-template-card .template-info{z-index:1;flex:1;position:relative}.podcast-template-card .template-info h4{font-size:var(--text-sm);color:var(--text-primary);margin:0 0 var(--space-1) 0;font-weight:600}.podcast-template-card .template-info p{font-size:var(--text-sm);color:var(--text-secondary);margin:0;line-height:1.4}.podcast-template-card .template-speakers{z-index:1;font-size:var(--text-xs);color:var(--text-secondary);background:var(--bg-secondary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-2xl);align-self:flex-start;font-weight:500;display:inline-block;position:relative}@media (width<=1200px){.podcast-template-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.podcast-template-grid{grid-template-columns:1fr}.podcast-template-card{padding:var(--space-4);flex-direction:row;align-items:center}.template-icon-wrap{flex-shrink:0;width:48px;height:48px}.podcast-template-card .template-info{margin-left:var(--space-3);flex:1}.podcast-template-card .template-speakers{position:absolute;top:12px;right:12px}}.podcast-editor-header .header-left{align-items:center;gap:var(--space-2);flex:1;min-width:0;display:flex;overflow:hidden}.podcast-editor-header .project-title{align-items:center;gap:var(--space-2);flex-shrink:1;min-width:0;display:flex}.podcast-editor-header .project-title input{height:32px;padding:0 var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-sm);min-width:120px;max-width:340px;color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--weight-medium);transition:border-color var(--transition-fast);background:0 0;outline:none;font-family:inherit}.podcast-editor-header .project-title input:hover{border-color:var(--border-strong)}.podcast-editor-header .project-title input:focus{border-color:var(--primary-color);background:var(--bg-sunken)}.podcast-editor-header .header-right{align-items:center;gap:var(--space-2);display:flex}.podcast-editor-header .header-right .btn-secondary,.podcast-editor-header .header-right .btn-primary{align-items:center;gap:var(--space-1);height:34px;font-size:var(--text-sm);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-main);padding:0 14px;font-weight:500;display:inline-flex}.podcast-editor-header .header-right .btn-secondary{background:var(--card-bg);border:1.5px solid var(--border-color);color:var(--text-primary)}.podcast-editor-header .header-right .btn-secondary:hover{border-color:var(--primary-color);background:linear-gradient(135deg,#5851b80d,#5851b80d)}.podcast-editor-header .header-right .btn-primary{background:var(--primary-color);color:var(--text-inverse);border:none;box-shadow:0 2px 8px #5851b840}.podcast-editor-header .header-right .btn-primary:hover{background:var(--primary-hover,var(--primary-color));transform:translateY(-1px);box-shadow:0 4px 12px #5851b859}.podcast-editor-header .toolbar-select{appearance:none;height:32px;padding:0 var(--space-2);font-size:var(--text-sm);border:1.5px solid var(--border-color);border-radius:var(--radius-sm);background:var(--card-bg);color:var(--text-primary);cursor:pointer;outline:none;transition:border-color .3s}.podcast-editor-header .toolbar-select:hover,.podcast-editor-header .toolbar-select:focus{border-color:var(--primary-color)}.podcast-ai-panel{margin-bottom:var(--space-4);padding:var(--space-5);background:var(--panel-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.podcast-ai-panel .form-group{margin-bottom:var(--space-4)}.podcast-ai-panel .form-group label{font-size:var(--text-sm);color:var(--text-primary);margin-bottom:var(--space-2);font-weight:600;display:block}.podcast-ai-panel .form-input,.podcast-ai-panel .form-select{width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);border:1.5px solid var(--border-color);border-radius:var(--radius-md);background:var(--card-bg);color:var(--text-primary);outline:none;transition:border-color .3s,box-shadow .3s}.podcast-ai-panel .form-input:focus,.podcast-ai-panel .form-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #5851b81a}.podcast-ai-panel .form-actions{gap:var(--space-2);display:flex}.podcast-ai-panel .form-actions .btn-primary{flex:1}.podcast-dialogue-container{padding:var(--space-4);background:var(--panel-bg);border-radius:var(--radius-lg);flex:1;overflow-y:auto}.podcast-dialogue-container .dialogue-line{align-items:flex-start;gap:var(--space-3);padding:14px var(--space-4);margin-bottom:var(--space-2);background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-main);display:flex}.podcast-dialogue-container .dialogue-line:hover{border-color:var(--primary-color);box-shadow:0 2px 12px #0000000f}.podcast-dialogue-container .dialogue-line:last-child{margin-bottom:0}.podcast-dialogue-container .speaker-badge{align-items:center;gap:var(--space-1);flex-direction:column;flex-shrink:0;min-width:80px;display:flex}.podcast-dialogue-container .speaker-name-tag{font-size:var(--text-xs);color:var(--text-inverse);padding:5px var(--space-3);text-align:center;cursor:default;border-radius:14px;min-width:60px;font-weight:600}.podcast-dialogue-container .dialogue-content{flex:1;align-items:center;min-height:36px;display:flex}.podcast-dialogue-container .dialogue-text{font-size:var(--text-sm);color:var(--text-primary);overflow-wrap:break-word;line-height:1.7}.podcast-dialogue-container .line-actions{align-items:center;gap:var(--space-1);opacity:0;flex-shrink:0;transition:opacity .3s;display:flex}.podcast-dialogue-container .dialogue-line:hover .line-actions{opacity:1}.podcast-dialogue-container .line-action-btn{border-radius:var(--radius-md);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-main);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.podcast-dialogue-container .line-action-btn:hover{background:var(--primary-color);color:var(--text-inverse)}.podcast-dialogue-container .line-action-btn svg{width:14px;height:14px}.dialogue-empty-state{padding:60px var(--space-5);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.dialogue-empty-state p{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.6}.podcast-view-toggle{background:var(--panel-bg);border-radius:var(--radius-md);gap:0;margin-left:auto;padding:2px;display:flex}.podcast-view-btn{padding:var(--space-1) 14px;font-size:var(--text-xs);color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-main);background:0 0;border:none;font-weight:500}.podcast-view-btn.active{background:var(--card-bg);color:var(--text-primary);box-shadow:0 1px 3px #0000001a}.podcast-view-btn:hover:not(.active){color:var(--text-primary)}.podcast-sidebar{background:var(--card-bg);border-left:1px solid var(--border-color);flex-direction:column;width:320px;min-width:320px;transition:width .3s,min-width .3s;display:flex;position:relative}.podcast-sidebar.collapsed{border-left:none;width:0;min-width:0;overflow:hidden}.podcast-sidebar.collapsed .sidebar-section{display:none}.sidebar-toggle-btn{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-lg) 0 0 var(--radius-lg);cursor:pointer;width:20px;height:72px;color:var(--text-tertiary);z-index:var(--z-sticky);background:linear-gradient(135deg,#fffffff2 0%,#f8fafce6 100%);border:1px solid #0000000f;border-right:none;justify-content:center;align-items:center;transition:right .3s cubic-bezier(.4,0,.2,1),width .3s,background .3s,color .3s,box-shadow .3s;display:flex;position:absolute;top:50%;right:320px;overflow:hidden;transform:translateY(-50%);box-shadow:-4px 0 12px #00000008,inset 1px 0 #ffffff80}.sidebar-toggle-btn:hover{width:24px;color:var(--text-secondary);background:linear-gradient(135deg,#fff 0%,#f8fafcfa 100%);box-shadow:-6px 0 20px #0000000f,inset 1px 0 #fffc}.sidebar-toggle-btn:active{transform:translateY(-50%)scale(.98)}.sidebar-toggle-btn svg{stroke-width:2.5px;flex-shrink:0;width:14px;height:14px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.sidebar-toggle-btn.collapsed{border-radius:var(--radius-lg) 0 0 var(--radius-lg);color:var(--primary-color);background:linear-gradient(135deg,#5851b814 0%,#5851b80d 100%);border-color:#5851b826;right:0}.sidebar-toggle-btn.collapsed:hover{color:var(--primary-color);background:linear-gradient(135deg,#5851b81f 0%,#5851b814 100%)}.sidebar-toggle-btn.collapsed svg{transform:rotate(180deg)}@media (prefers-color-scheme:dark){.sidebar-toggle-btn{background:linear-gradient(135deg,#1e293bf2 0%,#0f172ae6 100%);border-color:#ffffff14;box-shadow:-4px 0 12px #0003,inset 1px 0 #ffffff0d}.sidebar-toggle-btn:hover{background:linear-gradient(135deg,#334155fa 0%,#1e293bf2 100%);box-shadow:-6px 0 20px #0000004d,inset 1px 0 #ffffff14}.sidebar-toggle-btn.collapsed{background:linear-gradient(135deg,#5851b826 0%,#5851b81a 100%);border-color:#5851b840}.sidebar-toggle-btn.collapsed:hover{background:linear-gradient(135deg,#5851b833 0%,#5851b826 100%)}}.dark .sidebar-toggle-btn,[data-theme=dark] .sidebar-toggle-btn{background:linear-gradient(135deg,#1e293bf2 0%,#0f172ae6 100%);border-color:#ffffff14;box-shadow:-4px 0 12px #0003,inset 1px 0 #ffffff0d}.dark .sidebar-toggle-btn:hover,[data-theme=dark] .sidebar-toggle-btn:hover{background:linear-gradient(135deg,#334155fa 0%,#1e293bf2 100%)}.dark .sidebar-toggle-btn.collapsed,[data-theme=dark] .sidebar-toggle-btn.collapsed{background:linear-gradient(135deg,#5851b826 0%,#5851b81a 100%);border-color:#5851b840}.podcast-sidebar .sidebar-section{flex-direction:column;flex:1;display:flex;overflow:hidden}.podcast-sidebar .section-label{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-color);font-size:var(--text-sm);color:var(--text-primary);justify-content:space-between;align-items:center;font-weight:600;display:flex}.podcast-sidebar .speaker-count{font-size:var(--text-xs);color:var(--text-secondary);font-weight:500}.podcast-sidebar .speaker-config-list{padding:var(--space-4);flex:1;overflow-y:auto}.speaker-config-card{background:var(--panel-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-3);transition:border-color .3s}.speaker-config-card:hover{border-color:var(--primary-color)}.speaker-config-card:last-child{margin-bottom:0}.speaker-config-header{align-items:center;gap:var(--space-2);margin-bottom:14px;display:flex}.speaker-config-badge{border-radius:var(--radius-md);width:32px;height:32px;color:var(--text-inverse);font-weight:700;font-size:var(--text-sm);flex-shrink:0;justify-content:center;align-items:center;display:flex}.speaker-config-name{font-size:var(--text-sm);color:var(--text-primary);font-weight:600}.speaker-config-field{margin-bottom:var(--space-3)}.speaker-config-field:last-child{margin-bottom:0}.speaker-config-field label{font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:var(--space-1);font-weight:500;display:block}.speaker-config-field select,.speaker-config-field input{width:100%;padding:var(--space-2) var(--space-2);font-size:var(--text-sm);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--card-bg);color:var(--text-primary);outline:none;transition:border-color .3s}.speaker-config-field select:focus,.speaker-config-field input:focus{border-color:var(--primary-color)}.speaker-config-row{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.speaker-empty-state{padding:var(--space-10) var(--space-5);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.speaker-empty-state p{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.6}.editor-section-header{padding:var(--space-3) 0;margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.editor-section-header h4{font-size:var(--text-sm);color:var(--text-primary);margin:0;font-weight:600}@media (width<=768px){.editor-container .editor-workspace{flex-direction:column}.podcast-sidebar{width:100%;min-width:unset;border-left:none;border-top:1px solid var(--border-color)}.podcast-sidebar.collapsed{border-top:none}}.podcast-agent-container{flex-direction:column;height:100%;max-height:calc(100vh - 48px);display:flex;position:relative;overflow:hidden}.agent-chat-area{padding:var(--space-6) var(--space-8);gap:var(--space-4);flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.agent-chat-area:has(.agent-message){padding-bottom:var(--space-2)}.agent-message{max-width:80%;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);word-wrap:break-word;border-radius:14px;line-height:1.65;animation:.2s msg-fade-in}@keyframes msg-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.agent-message.agent{background:var(--panel-bg);border:1px solid var(--border-color);color:var(--text-primary);align-self:flex-start}.agent-message.user{background:var(--primary-color);color:var(--text-inverse);border:none;align-self:flex-end}.agent-message.error{color:var(--color-error);background:#ef444414;border:1px solid #ef444440;align-self:flex-start}.agent-retry-btn{margin-top:var(--space-2);margin-left:var(--space-1);padding:var(--space-1) 14px;border-radius:var(--radius-sm);color:var(--color-error);font-size:var(--text-sm);cursor:pointer;background:#ef44441a;border:1px solid #ef44444d;transition:all .15s;display:inline-block}.agent-retry-btn:hover{border-color:var(--color-error);background:#ef444433}.agent-message.info{color:var(--text-secondary);font-size:var(--text-sm);background:#0000000a;border:1px solid #00000014;align-self:flex-start}.agent-generating{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--panel-bg);border:1px solid var(--border-color);border-radius:14px;align-self:flex-start;max-width:80%;display:flex}.agent-generating .typing-dots{gap:var(--space-1);display:flex}.agent-generating .typing-dots span{background:var(--text-secondary);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite agent-typing}.agent-generating .typing-dots span:nth-child(2){animation-delay:.2s}.agent-generating .typing-dots span:nth-child(3){animation-delay:.4s}@keyframes agent-typing{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.agent-generating .gen-progress{font-size:var(--text-xs);color:var(--text-secondary)}.agent-welcome{display:none!important}.agent-script-panel{border:1px solid var(--border-color);background:var(--card-bg);border-radius:14px;flex-shrink:0;width:100%;overflow:hidden}.agent-script-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.agent-script-title{font-size:var(--text-sm);font-weight:600}.agent-script-meta{font-size:var(--text-xs);color:var(--text-secondary);gap:var(--space-3);flex-shrink:0;display:flex}.agent-script-meta .quality-badge{padding:2px var(--space-2);border-radius:var(--radius-sm);font-weight:500}.agent-script-meta .quality-badge.good{color:var(--color-success);background:#22c55e1a}.agent-script-meta .quality-badge.ok{color:var(--color-warning);background:#f59e0b1a}.agent-script-dialogue{max-height:320px;padding:0;overflow-y:auto}.dialogue-line{gap:var(--space-2);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border-color);align-items:flex-start;transition:background .1s;display:flex}.dialogue-line:last-child{border-bottom:none}.dialogue-line:hover{background:#00000005}body.dark .dialogue-line:hover{background:#ffffff05}.dialogue-avatar{width:28px;height:28px;font-size:var(--text-2xs);-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;font-weight:700;display:flex}:root{--av0-bg-start:#ede9fe;--av0-bg-end:#ddd6fe;--av0-fg:#5851b8;--av1-bg-start:#fce7f3;--av1-bg-end:#fbcfe8;--av1-fg:#be185d;--av2-bg-start:#d1fae5;--av2-bg-end:#a7f3d0;--av2-fg:#065f46;--av3-bg-start:#fef3c7;--av3-bg-end:#fde68a;--av3-fg:#92400e;--av4-bg-start:#f3e8ff;--av4-bg-end:#e9d5ff;--av4-fg:#6d28d9;--av5-bg-start:#cffafe;--av5-bg-end:#a5f3fc;--av5-fg:#0e7490;--av6-bg-start:#fee2e2;--av6-bg-end:#fecaca;--av6-fg:#b91c1c;--av7-bg-start:#ecfccb;--av7-bg-end:#d9f99d;--av7-fg:#3f6212}body.dark{--av0-bg-start:#3b3469;--av0-bg-end:#2e2857;--av0-fg:#c4bff5;--av1-bg-start:#5c1f3b;--av1-bg-end:#4a1830;--av1-fg:#f9a8d4;--av2-bg-start:#054030;--av2-bg-end:#033325;--av2-fg:#6ee7b7;--av3-bg-start:#6b4e10;--av3-bg-end:#563d0c;--av3-fg:#fcd34d;--av4-bg-start:#4a1d7a;--av4-bg-end:#3b1662;--av4-fg:#d8b4fe;--av5-bg-start:#0c4f5c;--av5-bg-end:#093e48;--av5-fg:#67e8f9;--av6-bg-start:#6b1111;--av6-bg-end:#560d0d;--av6-fg:#fca5a5;--av7-bg-start:#2d4a0d;--av7-bg-end:#233b0a;--av7-fg:#bef264}.speaker-av-0{background:linear-gradient(135deg, var(--av0-bg-start), var(--av0-bg-end));color:var(--av0-fg)}.speaker-av-1{background:linear-gradient(135deg, var(--av1-bg-start), var(--av1-bg-end));color:var(--av1-fg)}.speaker-av-2{background:linear-gradient(135deg, var(--av2-bg-start), var(--av2-bg-end));color:var(--av2-fg)}.speaker-av-3{background:linear-gradient(135deg, var(--av3-bg-start), var(--av3-bg-end));color:var(--av3-fg)}.speaker-av-4{background:linear-gradient(135deg, var(--av4-bg-start), var(--av4-bg-end));color:var(--av4-fg)}.speaker-av-5{background:linear-gradient(135deg, var(--av5-bg-start), var(--av5-bg-end));color:var(--av5-fg)}.speaker-av-6{background:linear-gradient(135deg, var(--av6-bg-start), var(--av6-bg-end));color:var(--av6-fg)}.speaker-av-7{background:linear-gradient(135deg, var(--av7-bg-start), var(--av7-bg-end));color:var(--av7-fg)}.dialogue-body{flex:1;min-width:0}.dialogue-speaker{align-items:center;gap:var(--space-1);margin-bottom:3px;display:flex}.dialogue-speaker-name{font-size:var(--text-xs);color:var(--text-primary);font-weight:600}.dialogue-intent-col{width:32px;color:var(--text-tertiary,var(--text-muted));text-align:right;text-overflow:clip;white-space:nowrap;opacity:.6;letter-spacing:0;flex-shrink:0;padding-top:6px;font-size:10px;line-height:1;overflow:hidden}.dialogue-text{font-size:var(--text-sm);color:var(--text-primary);border-radius:var(--radius-sm);padding:1px var(--space-1);outline:none;margin:-1px -4px;line-height:1.55;transition:background .15s}.dialogue-text:hover{background:#00000008}.dialogue-text:focus{box-shadow:var(--shadow-focus);background:#0000000a}body.dark .dialogue-text:hover{background:#ffffff0a}body.dark .dialogue-text:focus{background:#ffffff0f}.dialogue-pause{vertical-align:baseline;-webkit-user-select:none;user-select:none;min-width:14px;height:1.25em;font-family:var(--font-mono,ui-monospace, monospace);color:var(--text-tertiary,#888);cursor:default;background:#0000000d;border:1px solid #0000000f;border-radius:999px;justify-content:center;align-items:center;margin:0 2px;padding:0 4px;font-size:.85em;line-height:1;transition:background .12s,color .12s;display:inline-flex}.dialogue-pause:hover{color:var(--text-secondary,#555);background:#00000017}.dialogue-pause--long{letter-spacing:-.05em}.dialogue-pause--short{font-size:1em;transform:translateY(-1px)}body.dark .dialogue-pause{color:#ffffff8c;background:#ffffff14;border-color:#ffffff14}body.dark .dialogue-pause:hover{color:#fffc;background:#ffffff1f}.dialogue-pause-tools{opacity:0;pointer-events:none;gap:4px;margin-top:4px;transition:opacity .15s;display:flex}.dialogue-line:hover .dialogue-pause-tools,.dialogue-line:focus-within .dialogue-pause-tools{opacity:1;pointer-events:auto}.dialogue-pause-insert{width:22px;height:18px;font-family:var(--font-mono,ui-monospace, monospace);color:var(--text-tertiary,#888);cursor:pointer;background:0 0;border:1px dashed #00000026;border-radius:999px;justify-content:center;align-items:center;padding:0;font-size:.85em;line-height:1;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.dialogue-pause-insert:hover{color:var(--primary-color);border-color:var(--primary-color);background:#5851b814;border-style:solid}.dialogue-pause-insert:focus-visible{box-shadow:var(--shadow-focus);outline:none}.dialogue-pause-insert--long{letter-spacing:-.05em}body.dark .dialogue-pause-insert{color:#ffffff8c;border-color:#ffffff2e}body.dark .dialogue-pause-insert:hover{color:var(--primary-color);background:#ffffff14}.agent-script-actions{padding:var(--space-2) var(--space-4);border-top:1px solid var(--border-color);gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.agent-action-btn{font-size:var(--text-xs);padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);cursor:pointer;font-weight:500;line-height:1.4;transition:all .15s}.agent-action-btn.btn-primary{background:var(--primary-color);color:var(--text-inverse);border:none}.agent-action-btn.btn-primary:hover{background:var(--primary-hover)}body.dark .agent-action-btn.btn-primary{background:var(--gray-100);color:var(--gray-900)}body.dark .agent-action-btn.btn-primary:hover{background:var(--white)}.agent-action-btn.btn-secondary{color:var(--text-secondary);border:1px solid var(--border-color);background:0 0}.agent-action-btn.btn-secondary:hover{color:var(--text-primary);border-color:var(--text-secondary);background:#00000008}.agent-voice-panel{border:1px solid var(--border-color);background:var(--card-bg);border-radius:14px;flex-shrink:0;width:100%;overflow:hidden}.agent-voice-header{padding:14px var(--space-5);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.agent-voice-header h3{font-size:var(--text-sm);margin:0;font-weight:600}.agent-ai-recommend-btn{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-btn);border:1.5px solid var(--primary-color);color:var(--primary-color);font-size:var(--text-xs);font-weight:var(--weight-semibold);cursor:pointer;transition:background var(--transition-fast), box-shadow var(--transition-normal), transform var(--transition-normal) var(--ease-spring,cubic-bezier(.34, 1.56, .64, 1));background:0 0;outline:none;display:inline-flex}.agent-ai-recommend-btn:hover{background:color-mix(in srgb, var(--primary-color) 8%, transparent);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.agent-ai-recommend-btn:active{background:color-mix(in srgb, var(--primary-color) 14%, transparent);transform:scale(.96)}.agent-ai-recommend-btn:focus-visible{box-shadow:var(--shadow-focus)}.agent-ai-recommend-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}body.dark .agent-ai-recommend-btn:hover{background:color-mix(in srgb, var(--primary-color) 12%, transparent)}.agent-voice-list{padding:var(--space-3) var(--space-4);gap:var(--space-2);flex-direction:column;display:flex}.agent-voice-item{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--panel-bg);border:1px solid var(--border-color);display:flex}.agent-voice-item .voice-speaker-avatar{width:36px;height:36px;font-size:var(--text-sm);-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.agent-voice-item .voice-speaker-info{flex:1;min-width:0}.agent-voice-item .voice-speaker-name{font-size:var(--text-sm);font-weight:600}.agent-voice-item .voice-speaker-role{font-size:var(--text-xs);color:var(--text-secondary)}.voice-pick-btn{align-items:center;gap:var(--space-1);font-size:var(--text-sm);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-secondary);cursor:pointer;outline:none;min-width:140px;max-width:200px;transition:border-color .15s,color .15s;display:flex}.voice-pick-btn .voice-pick-btn__name{text-overflow:ellipsis;white-space:nowrap;text-align:left;flex:1;overflow:hidden}.voice-pick-btn .voice-pick-btn__chevron{opacity:.5;flex-shrink:0}.voice-pick-btn.has-voice{color:var(--text-primary)}.voice-pick-btn:hover{border-color:var(--primary-color);color:var(--text-primary)}.voice-pick-btn:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--primary-color) 6%, transparent)}.agent-voice-item .voice-preview-btn{border:1px solid var(--border-color);cursor:pointer;width:30px;height:30px;color:var(--text-secondary);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .15s,border-color .15s,color .15s;display:flex}.agent-voice-item .voice-preview-btn svg{width:14px;height:14px;margin-left:1px;display:block}.agent-voice-item .voice-preview-btn:hover{border-color:var(--text-secondary);color:var(--text-primary);background:#0000000f}.agent-voice-item .voice-preview-btn:active{background:rgb(var(--primary-rgb,88 81 184) / 10%);border-color:var(--primary-color);color:var(--primary-color);transform:scale(.88)}body.dark .agent-voice-item .voice-preview-btn:hover{background:#ffffff14}body.dark .agent-voice-item .voice-preview-btn:active{background:rgb(var(--primary-rgb,88 81 184) / 18%)}.agent-voice-item .voice-preview-btn.is-playing{background:color-mix(in srgb, var(--primary-color) 10%, transparent);border-color:var(--primary-color);color:var(--primary-color)}.agent-voice-item .voice-preview-btn.is-playing svg{margin-left:0}body.dark .agent-voice-item .voice-preview-btn.is-playing{background:color-mix(in srgb, var(--primary-color) 16%, transparent)}.voice-gender-badge{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:15px;height:15px;font-size:10px;font-weight:700;line-height:1;display:inline-flex}.voice-gender-badge.female{color:#d63384;background:#d633841a}.voice-gender-badge.male{color:#0d6efd;background:#0d6efd1a}body.dark .voice-gender-badge.female{color:#f472b6;background:#f472b624}body.dark .voice-gender-badge.male{color:#60a5fa;background:#60a5fa24}.agent-voice-actions{padding:var(--space-3) var(--space-5);border-top:1px solid var(--border-color);gap:var(--space-2);flex-wrap:wrap;display:flex}.agent-input-area{padding:0 var(--space-8) var(--space-6);flex-direction:column;flex-shrink:0;align-items:center;width:100%;max-height:600px;transition:max-height .35s,opacity .25s,padding .3s;display:flex}.podcast-agent-container:not(:has(.agent-message)){overflow-y:auto}.podcast-agent-container:not(:has(.agent-message)) .agent-chat-area{flex:0 0 0;padding:0;overflow:hidden}.podcast-agent-container:not(:has(.agent-message)) .agent-input-area{padding-bottom:var(--space-10);flex:none;margin-top:auto;margin-bottom:auto}.podcast-agent-container:has(.agent-message) .agent-chat-area{flex:1}:is(.podcast-agent-container:has(.agent-message) .agent-hero-headline,.podcast-agent-container:has(.agent-message) .agent-suggestions,.podcast-agent-container:has(.agent-message) .agent-hero-footer){display:none}.podcast-agent-container:has(.agent-message) .agent-input-area{border-top:1px solid var(--border-color);padding-top:14px;padding-bottom:var(--space-4)}.podcast-agent-container.creator-done .agent-input-area{opacity:0;pointer-events:none;transition:max-height .35s,opacity .2s,padding .35s;overflow:hidden;border-top:none!important;max-height:0!important;padding-top:0!important;padding-bottom:0!important}.podcast-new-btn-bar{padding:var(--space-3) var(--space-8) 0;z-index:5;flex-shrink:0;justify-content:flex-end;align-items:center;display:none;position:relative}.podcast-agent-container.creator-done .podcast-new-btn-bar{display:flex}.podcast-new-btn{align-items:center;gap:var(--space-1);padding:6px var(--space-4);border-radius:var(--radius-2xl);border:1.5px solid var(--border-color);background:var(--card-bg);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;box-shadow:var(--shadow-sm);font-weight:500;transition:border-color .15s,color .15s,box-shadow .15s;display:inline-flex}.podcast-new-btn:hover{border-color:var(--primary-color);color:var(--primary-color);box-shadow:var(--shadow-card)}.podcast-new-btn svg{flex-shrink:0}body.dark .podcast-new-btn{background:var(--bg-surface);border-color:var(--border-default)}.agent-hero-headline{text-align:center;margin-bottom:var(--space-8);width:100%;max-width:600px}.agent-hero-icon{border-radius:var(--radius-xl);width:56px;height:56px;margin:0 auto var(--space-4);color:var(--gray-600);background:#0000000a;border:1px solid #00000014;justify-content:center;align-items:center;display:flex}.podcast-hero-icon{color:var(--primary-color);background:linear-gradient(135deg,#5851b81f,#a259c81a);border-color:#5851b838}body.dark .podcast-hero-icon{background:linear-gradient(135deg,#5851b838,#a259c82e);border-color:#8c82dc4d}.agent-hero-headline h1{color:var(--text-primary);margin:0 0 var(--space-2);letter-spacing:-.3px;font-size:26px;font-weight:700;line-height:1.25}.agent-hero-headline p{font-size:var(--text-sm);color:var(--text-secondary);margin:0;line-height:1.6}.agent-input-card{background:var(--card-bg);border:1.5px solid var(--border-color);border-radius:18px;width:100%;max-width:720px;transition:border-color .2s,box-shadow .2s;overflow:visible;box-shadow:0 4px 24px #0000000f}.agent-input-card:focus-within{border-color:#00000040;box-shadow:0 0 0 3px #0000000d,0 4px 24px #00000014}.agent-input{resize:none;width:100%;padding:var(--space-4) var(--space-5) var(--space-2);font-size:var(--text-sm);color:var(--text-primary);background:0 0;border:none;outline:none;min-height:48px;max-height:160px;font-family:inherit;line-height:1.6;display:block;overflow-y:auto}.agent-input::placeholder{color:var(--text-secondary);opacity:.55}.agent-card-toolbar{gap:var(--space-1);padding:var(--space-2) 14px var(--space-3);flex-direction:column;display:flex}.agent-toolbar-row{align-items:center;gap:var(--space-2);display:flex}.agent-config-chips{gap:var(--space-1);flex-wrap:wrap;flex:1;align-items:center;display:flex}.agent-config-dropdown{position:relative}.agent-config-chip{padding:var(--space-1) var(--space-3);border-radius:var(--radius-2xl);border:1.5px solid var(--border-color);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;flex-shrink:0;align-items:center;gap:5px;font-size:12.5px;font-weight:500;transition:all .15s;display:inline-flex}.agent-config-chip:hover,.agent-config-dropdown.open .agent-config-chip{color:var(--text-primary);background:#00000008;border-color:#0000004d}.agent-config-chip svg{opacity:.6;flex-shrink:0}.config-dropdown-menu{background:var(--card-bg,var(--bg-surface));border:1px solid var(--border-color);border-radius:var(--radius-lg);min-width:160px;padding:var(--space-1);z-index:var(--z-dropdown);animation:.12s ease-out config-dropdown-in;display:none;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 8px 24px #0000001f}.agent-config-dropdown.open .config-dropdown-menu{display:block}@keyframes config-dropdown-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.config-dropdown-item{width:100%;padding:var(--space-2) var(--space-3);color:var(--text-primary);font-size:var(--text-sm);cursor:pointer;border-radius:var(--radius-md);text-align:left;background:0 0;border:none;align-items:center;font-family:inherit;font-weight:400;transition:background .1s;display:flex}.config-dropdown-item:hover{background:#0000000a}.config-dropdown-item.selected{color:var(--pc-ink);font-weight:600}.agent-create-btn{padding:var(--space-2) var(--space-6);border-radius:var(--radius-3xl);background:var(--gray-900);color:var(--text-inverse);cursor:pointer;font-size:var(--text-sm);white-space:nowrap;border:none;flex-shrink:0;font-family:inherit;font-weight:600;transition:all .15s;box-shadow:0 2px 8px #0000002e}.agent-create-btn:hover:not(:disabled){background:var(--pc-ink-h);transform:scale(1.03);box-shadow:0 4px 14px #00000040}.agent-create-btn:active:not(:disabled){transform:scale(.97)}.agent-create-btn:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.agent-style-chips{gap:var(--space-1);padding-bottom:var(--space-1);flex-wrap:wrap;display:flex}.agent-style-chip{align-items:center;gap:var(--space-1);font-size:var(--text-xs);padding:var(--space-1) var(--space-3);border-radius:var(--radius-2xl);border:1.5px solid var(--border-color);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;flex-shrink:0;font-weight:500;transition:all .15s;display:inline-flex}.agent-style-chip:hover{color:var(--text-primary);background:#00000008;border-color:#0000004d}.agent-style-chip.active{background:var(--primary-color);border-color:var(--primary-color);color:var(--text-inverse);font-weight:600}.agent-style-chip svg{flex-shrink:0}.agent-suggestions{align-items:center;gap:var(--space-3);width:100%;max-width:720px;margin-top:var(--space-3);flex-direction:row;display:flex}.agent-suggestions-label{font-size:var(--text-xs);color:var(--text-tertiary);white-space:nowrap;flex-shrink:0}.agent-suggestions-list{gap:var(--space-2);flex-wrap:nowrap;display:flex;overflow:hidden}.agent-suggestion-pill{border-radius:var(--radius-3xl);border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:var(--text-xs);white-space:nowrap;align-items:center;padding:3px 10px;font-weight:400;transition:all .15s;display:inline-flex}.agent-suggestion-pill:hover{color:var(--text-primary);background:#00000005;border-color:#0003;box-shadow:0 1px 4px #0000000f}.agent-suggestion-pill .suggestion-text{color:inherit;line-height:1.4}.agent-hero-footer{margin-top:var(--space-7);width:100%;max-width:720px}.podcast-hero-tabs-wrap{flex-direction:column;display:flex}.podcast-hero-tab-row{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.podcast-hero-tab-bar{margin-bottom:0}.podcast-hero-viewall{font-size:var(--text-sm);color:var(--primary-color);cursor:pointer;white-space:nowrap;background:0 0;border:none;flex-shrink:0;padding:0}.podcast-hero-viewall:hover{text-decoration:underline}.podcast-hero-tab-panel{width:100%;min-height:160px}#podcastFeaturedWorks.featured-works-strip{border-top:none;margin-top:0;padding-top:0}#podcastFeaturedWorks .featured-works-header,#agentMiniGallery .rp-header{display:none}#agentMiniGallery .rp-grid{grid-template-columns:repeat(3,1fr)}.agent-nav-btn{font-size:var(--text-xs);color:var(--text-secondary);opacity:.65;padding:var(--space-1) var(--space-2);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;font-weight:400;text-decoration:none;transition:color .15s,opacity .15s}.agent-nav-btn:hover{color:var(--text-primary);opacity:1}.agent-mini-gallery-header{justify-content:space-between;align-items:center;display:flex}.agent-mini-gallery-label{font-size:var(--text-xs);color:var(--text-secondary);opacity:.6;font-weight:500}.agent-mini-gallery-all{font-size:var(--text-xs);color:var(--text-secondary);opacity:.5;padding:2px var(--space-1);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;transition:opacity .15s}.agent-mini-gallery-all:hover{opacity:.9;color:var(--text-primary)}.agent-mini-list{flex-direction:column;gap:2px;width:100%;display:flex}.agent-mini-row{align-items:center;gap:var(--space-2);padding:7px var(--space-2);border-radius:var(--radius-md);cursor:pointer;transition:background .15s;display:flex}.agent-mini-row:hover{background:#0000000a}.agent-mini-row-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.agent-mini-row-body{flex:1;min-width:0}.agent-mini-row-title{font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:500;line-height:1.3;overflow:hidden}.agent-mini-row-meta{font-size:var(--text-xs);color:var(--text-secondary);opacity:.6;margin-top:2px}.agent-mini-row-actions{align-items:center;gap:var(--space-1);opacity:0;transition:opacity .15s;display:flex}.agent-mini-row:hover .agent-mini-row-actions{opacity:1}.agent-mini-row-play,.agent-mini-row-delete{border:1.5px solid var(--border-color);width:26px;height:26px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s,border-color .15s;display:flex}.agent-mini-row-play:hover{background:var(--pc-ink);color:var(--text-inverse);border-color:var(--pc-ink)}.agent-mini-row-delete:hover{background:var(--red-50);color:var(--red-600);border-color:var(--red-200)}.agent-mini-gallery-empty{justify-content:center;display:flex}body.dark .agent-mini-row:hover{background:#ffffff0d}body.dark .agent-mini-row-delete:hover{color:var(--red-400);background:#dc262626;border-color:#dc26264d}body.dark .agent-mini-row-icon{background:#ffffff14!important}body.dark .agent-input-card{background:var(--bg-sunken);border-color:var(--border-default);box-shadow:0 4px 24px #00000040}body.dark .agent-input-card:focus-within{box-shadow:0 0 0 3px #7f77dd26,0 4px 24px #0000004d}body.dark .agent-input{background:var(--bg-surface);color:var(--text-primary);border-color:var(--border-default)}body.dark .agent-config-chip{background:var(--bg-surface);border-color:var(--border-default);color:var(--text-secondary)}body.dark .config-dropdown-menu{background:var(--bg-surface);border-color:var(--border-default);box-shadow:0 8px 24px #0006}body.dark .config-dropdown-item{color:var(--text-primary)}body.dark .config-dropdown-item:hover{background:#ffffff0f}body.dark .agent-style-chip{background:var(--bg-surface);border-color:var(--border-default);color:var(--text-secondary)}body.dark .agent-style-chip.active{background:var(--primary-color);border-color:var(--primary-color);color:var(--text-inverse)}body.dark .agent-suggestion-pill{background:var(--bg-sunken);border-color:var(--border-default)}body.dark .agent-suggestion-pill:hover{box-shadow:0 2px 8px #0000004d}body.dark .agent-create-btn{background:var(--gray-200);color:var(--gray-900);box-shadow:0 2px 8px #0000004d}body.dark .agent-create-btn:hover:not(:disabled){background:var(--gray-100)}body.dark .agent-message.agent{background:var(--bg-surface);border-color:var(--border-default)}body.dark .agent-message.user{background:var(--bg-elevated)}body.dark .agent-message.info{color:var(--text-secondary);background:#ffffff0d;border-color:#ffffff1a}body.dark .agent-script-panel,body.dark .agent-voice-panel,body.dark .agent-playback-card{background:var(--bg-sunken);border-color:var(--border-default)}body.dark .playback-art-card{background:radial-gradient(at 40% 25%,#8b5cf666 0%,#0000 55%),radial-gradient(at 70% 75%,#ec489940 0%,#0000 55%),linear-gradient(145deg,#1e0a3c 0%,#2d1856 50%,#4c1d95 100%)}body.dark .playback-art-btn{color:var(--white);background:#0006;border-color:#fff3}body.dark .playback-art-card.is-playing .playback-art-btn{background:var(--primary-color)}body.dark .playback-art-title,body.dark .playback-art-meta,body.dark .playback-art-time{color:#fffc}body.dark .podcast-gallery-card{background:var(--bg-sunken);border-color:var(--border-default)}@media (width<=480px){.agent-input-area{padding-left:var(--space-4);padding-right:var(--space-4)}.agent-chat-area{padding:var(--space-4)}.agent-hero-headline h1{font-size:22px}.agent-suggestions{gap:var(--space-1)}.agent-style-chips{gap:5px}.agent-message{max-width:92%}.agent-script-panel,.agent-voice-panel{margin:0}.agent-toolbar-row{gap:var(--space-1);flex-wrap:wrap}.agent-config-chips{width:100%}.agent-create-btn{margin-left:auto}}.agent-synthesis-progress{padding:var(--space-5) var(--space-6)}.synthesis-progress-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.synthesis-progress-label{font-size:var(--text-xs);color:var(--text-secondary);letter-spacing:.3px;font-weight:600}.synthesis-progress-count{font-size:var(--text-xs);color:var(--text-secondary);font-variant-numeric:tabular-nums;opacity:.7}.synthesis-progress-speaker{font-size:var(--text-sm);color:var(--text-primary);margin-bottom:var(--space-1);font-weight:600}.synthesis-progress-text-preview{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-4);white-space:nowrap;text-overflow:ellipsis;line-height:1.5;overflow:hidden}.agent-synthesis-placeholder{padding:var(--space-4);margin:var(--space-3) 0}.agent-playback-card{--playback-art-size:160px;background:var(--card-bg);border-radius:var(--radius-xl);overflow:hidden}.playback-main{gap:var(--space-4);padding:var(--space-4);align-items:flex-start;display:flex}.playback-art-card{width:var(--playback-art-size);height:var(--playback-art-size);border-radius:var(--radius-lg);cursor:pointer;transition:transform .2s var(--ease-spring), box-shadow .2s;background:radial-gradient(at 40% 25%,#c4b5fdbf 0%,#0000 55%),radial-gradient(at 70% 75%,#fbcfe88c 0%,#0000 55%),linear-gradient(145deg,#f5f3ff 0%,#ede9fe 50%,#faf5ff 100%);flex-shrink:0;position:relative;overflow:hidden}.playback-art-card:hover{box-shadow:var(--shadow-card-hover);transform:scale(1.03)}.playback-art-card.is-playing{box-shadow:0 0 0 2px var(--primary-color), var(--shadow-card-hover)}.playback-art-time{top:var(--space-2);right:var(--space-3);font-size:var(--text-2xs);color:var(--text-muted);z-index:2;font-weight:500;position:absolute}.playback-art-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:44px;height:44px;color:var(--primary-color);cursor:pointer;z-index:2;background:#ffffffb3;border:1px solid #fffc;border-radius:50%;justify-content:center;align-items:center;transition:background .2s,transform .15s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.playback-art-card:hover .playback-art-btn{background:#ffffffe6;transform:translate(-50%,-50%)scale(1.08)}.playback-art-card.is-playing .playback-art-btn{background:var(--primary-color);color:var(--white)}.playback-art-btn svg{width:18px;height:18px;margin-left:2px;display:block}.playback-art-card.is-playing .playback-art-btn svg{margin-left:0}.playback-art-footer{padding:var(--space-2) var(--space-3);z-index:1;background:linear-gradient(#0000 50%,#0000001f 100%);flex-direction:column;justify-content:flex-end;display:flex;position:absolute;inset:0}.playback-art-title{font-size:var(--text-xs);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.playback-art-meta{font-size:var(--text-2xs);color:var(--text-muted);margin-top:1px}.playback-subtitles{min-width:0;max-height:var(--playback-art-size);scrollbar-width:thin;flex-direction:column;flex:1;gap:2px;display:flex;overflow-y:auto}.playback-subtitle-item{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:default;border-left:2px solid #0000;transition:background .15s,border-color .15s}.playback-subtitle-item.is-active{background:rgb(var(--primary-rgb,88 81 184) / 8%);border-left-color:var(--primary-color)}.subtitle-speaker{font-size:var(--text-2xs);color:var(--primary-color);margin-bottom:2px;font-weight:600;display:block}.subtitle-text{font-size:var(--text-xs);color:var(--text-secondary);margin:0;line-height:1.5}.playback-subtitle-item.is-active .subtitle-text{color:var(--text-primary)}.playback-card-actions{gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-color);flex-wrap:wrap;display:flex}.playback-action-btn{font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-secondary,var(--bg-color));border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:5px;padding:7px 14px;font-weight:500;transition:background .2s,border-color .2s;display:inline-flex}.playback-action-btn:hover{color:var(--text-primary);background:#0000000a;border-color:#00000040}.playback-action-btn--ghost{color:var(--text-secondary);background:0 0}.playback-action-btn--ghost:hover{border-color:var(--primary-color);color:var(--primary-color);background:#5851b80f}body.dark .playback-action-btn--ghost:hover{background:#ffffff0f}.podcast-gallery-container{min-height:100%;padding:var(--space-7) var(--space-8);flex-direction:column;overflow-y:auto}@media (width<=480px){.podcast-gallery-container{padding:var(--space-4)}}.podcast-gallery-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.podcast-gallery-header h2{font-size:var(--text-lg);color:var(--text-primary);margin:0;font-weight:700}.podcast-gallery-back-btn{align-items:center;gap:var(--space-1);padding:var(--space-2) 14px;font-size:var(--text-sm);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;background:0 0;font-weight:500;transition:background .2s,color .2s;display:inline-flex}.podcast-gallery-back-btn:hover{background:var(--bg-secondary,var(--card-bg));color:var(--text-primary)}.podcast-gallery-grid{flex:1}.podcast-gallery-list{flex-direction:column;gap:2px;display:flex}.podcast-gallery-list-row{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-2);border-radius:var(--radius-md);cursor:pointer;transition:background .15s;display:flex;position:relative}.podcast-gallery-list-row:hover{background:#0000000a}.podcast-gallery-list-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.podcast-gallery-list-body{flex:1;min-width:0}.podcast-gallery-list-title{font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-weight:500;overflow:hidden}.podcast-gallery-list-meta{font-size:var(--text-xs);color:var(--text-secondary)}.podcast-gallery-list-actions{align-items:center;gap:var(--space-1);opacity:0;flex-shrink:0;transition:opacity .15s;display:flex}.podcast-gallery-list-row:hover .podcast-gallery-list-actions{opacity:1}.podcast-gallery-draft-tag{color:var(--amber-600);font-weight:500}body.dark .podcast-gallery-draft-tag{color:var(--amber-400)}.podcast-gallery-list-row--draft .podcast-gallery-list-icon{opacity:.7}.podcast-gallery-list-play,.podcast-gallery-list-continue,.podcast-gallery-list-delete{border:1.5px solid var(--border-color);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;transition:background .15s,color .15s,border-color .15s;display:flex}.podcast-gallery-list-play:hover,.podcast-gallery-list-continue:hover{background:var(--bg-secondary,var(--card-bg));color:var(--text-primary)}.podcast-gallery-list-delete:hover{background:var(--red-50);color:var(--red-600);border-color:var(--red-200)}body.dark .podcast-gallery-list-row:hover{background:#ffffff0d}body.dark .podcast-gallery-list-icon{background:#ffffff14!important}body.dark .podcast-gallery-list-delete:hover{color:var(--red-400);background:#dc262626;border-color:#dc26264d}.podcast-gallery-empty{justify-content:center;align-items:center;gap:var(--space-3);padding:60px var(--space-5);color:var(--text-secondary);text-align:center;flex-direction:column;display:none}.podcast-gallery-empty svg{opacity:.4}.podcast-gallery-empty h4{font-size:var(--text-base);color:var(--text-primary);margin:0;font-weight:600}.podcast-gallery-empty p{font-size:var(--text-sm);max-width:280px;margin:0;line-height:1.5}.podcast-gallery-empty-btn{margin-top:var(--space-1);padding:9px var(--space-5);font-size:var(--text-sm);background:var(--gray-900);color:var(--text-inverse);border-radius:var(--radius-md);cursor:pointer;border:none;font-weight:500;transition:transform .2s,box-shadow .2s}.podcast-gallery-empty-btn:hover{background:var(--pc-ink-h);transform:translateY(-1px);box-shadow:0 4px 12px #0003}
