.podcast-agent-container,.podcast-gallery-container{--pc-ink:#18181b;--pc-ink-h:#09090b;--pc-track:#94a3b8;--pc-muted:#00000012}.create-podcast-modal{max-width:680px;animation:.3s cubic-bezier(.4,0,.2,1) modalSlideIn}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-spinner{vertical-align:middle;margin-right:6px;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:28px 32px}.create-podcast-modal label{color:var(--text-primary);letter-spacing:.3px;margin-bottom:12px;font-size:13px;font-weight:600;display:block}.modal-template-grid{grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:24px;display:grid}.modal-template-card{border:2px solid var(--border-color);cursor:pointer;transition:all var(--transition-main);text-align:center;background:#fff;border-radius:12px;padding:16px;position:relative;overflow:hidden}.modal-template-card:before{content:"";opacity:0;background:linear-gradient(135deg,#8b5cf61a 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 #8b5cf61f}.modal-template-card:hover:before{opacity:1}.modal-template-card.selected{border-color:var(--primary-color);background:linear-gradient(135deg,#8b5cf614 0%,#5851b80a 100%);box-shadow:0 2px 8px #8b5cf626}.modal-template-card .template-icon{z-index:1;text-align:center;margin-bottom:12px;font-family:Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji,sans-serif;font-size:48px;font-style:normal;font-weight:400;line-height:1;display:block;position:relative}.modal-template-card h4{color:var(--text-primary);z-index:1;margin-bottom:4px;font-size:14px;font-weight:600;position:relative}.modal-template-card p{color:var(--text-secondary);z-index:1;margin:0;font-size:12px;line-height:1.4;position:relative}.create-podcast-modal .form-group{margin-bottom:24px}.create-podcast-modal .form-group:last-child{margin-bottom:0}.create-podcast-modal .form-input,.create-podcast-modal .form-textarea{border:2px solid var(--border-color);width:100%;color:var(--text-primary);transition:all var(--transition-main);background:#fff;border-radius:10px;padding:12px 16px;font-family:inherit;font-size:14px}.create-podcast-modal .form-input:hover,.create-podcast-modal .form-textarea:hover{border-color:#8b5cf666}.create-podcast-modal .form-input:focus,.create-podcast-modal .form-textarea:focus{border-color:var(--primary-color);outline:none;transform:translateY(-1px);box-shadow:0 0 0 4px #8b5cf61f}.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{border-top:1px solid var(--border-color);justify-content:flex-end;gap:12px;margin-top:8px;padding-top:24px;display:flex}.create-podcast-modal .btn-secondary{border:2px solid var(--border-color);color:var(--text-primary);cursor:pointer;transition:all var(--transition-main);background:0 0;border-radius:10px;padding:11px 24px;font-size:14px;font-weight:600}.create-podcast-modal .btn-secondary:hover{background:var(--hover-bg);border-color:#8b5cf64d;transform:translateY(-1px)}.create-podcast-modal .btn-secondary:active{transform:translateY(0)}.create-podcast-modal .btn-primary{background:var(--primary-color);color:#fff;cursor:pointer;transition:all var(--transition-main);border:none;border-radius:10px;padding:11px 28px;font-size:14px;font-weight:600;box-shadow:0 2px 8px #8b5cf633}.create-podcast-modal .btn-primary:hover{background:var(--primary-hover,var(--primary-color));transform:translateY(-2px);box-shadow:0 6px 16px #8b5cf659}.create-podcast-modal .btn-primary:active{transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.create-podcast-modal .btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.speaker-config-list{flex-direction:column;gap:12px;display:flex}.speaker-config-item{border:1px solid var(--border-color);background:#fff;border-radius:12px;padding:16px}.speaker-config-item-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.speaker-name{color:var(--text-primary);align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex}.speaker-icon{color:#fff;text-transform:uppercase;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:700;display:inline-flex}.speaker-config-item .voice-select{border:2px solid var(--border-color);width:100%;color:var(--text-primary);cursor:pointer;transition:all var(--transition-main);background:#fff;border-radius:8px;padding:10px 14px;font-size:13px}.speaker-config-item .voice-select:hover{border-color:#8b5cf666}.speaker-config-item .voice-select:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #8b5cf61a}.speaker-config-item .form-group{margin-bottom:12px}.speaker-params{grid-template-columns:1fr 1fr;gap:8px;display:grid}.param-group{flex-direction:column;gap:4px;display:flex}.param-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:500}.param-input{border:1px solid var(--border-color);color:var(--text-primary);text-align:center;border-radius:6px;padding:6px 10px;font-size:13px}.param-input:focus{border-color:var(--primary-color);outline:none}.editor-footer{border-top:1px solid var(--border-color);background:#fff;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.editor-footer button{cursor:pointer;transition:all var(--transition-main);border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;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:#fff;border:none}.editor-footer .btn-synthesize:hover{background:var(--primary-hover,var(--primary-color));transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.editor-footer .btn-synthesize:disabled{opacity:.5;cursor:not-allowed;transform:none}.podcast-item{border-bottom:1px solid var(--border-color);transition:all var(--transition-main);cursor:pointer;align-items:center;padding:18px 20px;display:flex}.podcast-item:last-child{border-bottom:none}.podcast-item:hover{background:linear-gradient(135deg,#8b5cf60a 0%,#5851b805 100%)}.podcast-item .project-icon{color:#fff;text-transform:uppercase;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin-right:12px;font-size:16px;font-weight:600;display:flex}.podcast-item .action-btn{cursor:pointer;color:var(--text-secondary);opacity:0;transition:all var(--transition-main);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;display:inline-flex}.podcast-item:hover .action-btn{opacity:1}.podcast-item .action-btn:hover{color:#ef4444;background:#ef44441a}@media (width<=768px){.modal-template-grid,.speaker-params{grid-template-columns:1fr}}.podcast-template-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px;display:grid}.podcast-template-card{border:1.5px solid var(--border-color);cursor:pointer;transition:all var(--transition-main);background:#fff;border-radius:16px;flex-direction:column;gap:12px;padding:20px;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{color:var(--text-primary);margin:0 0 4px;font-size:15px;font-weight:600}.podcast-template-card .template-info p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.4}.podcast-template-card .template-speakers{z-index:1;color:var(--text-secondary);background:var(--bg-secondary);border-radius:20px;align-self:flex-start;padding:4px 10px;font-size:11px;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{flex-direction:row;align-items:center;padding:16px}.template-icon-wrap{flex-shrink:0;width:48px;height:48px}.podcast-template-card .template-info{flex:1;margin-left:12px}.podcast-template-card .template-speakers{position:absolute;top:12px;right:12px}}.podcast-editor-header .header-right{align-items:center;gap:8px;display:flex}.podcast-editor-header .header-right .btn-secondary,.podcast-editor-header .header-right .btn-primary{cursor:pointer;height:34px;transition:all var(--transition-main);border-radius:8px;align-items:center;gap:6px;padding:0 14px;font-size:13px;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,#8b5cf60d)}.podcast-editor-header .header-right .btn-primary{background:var(--primary-color);color:#fff;border:none;box-shadow:0 2px 8px #8b5cf640}.podcast-editor-header .header-right .btn-primary:hover{background:var(--primary-hover,var(--primary-color));transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf659}.podcast-editor-header .toolbar-select{border:1.5px solid var(--border-color);background:var(--card-bg);height:32px;color:var(--text-primary);cursor:pointer;border-radius:6px;outline:none;padding:0 10px;font-size:13px;transition:border-color .3s}.podcast-editor-header .toolbar-select:hover,.podcast-editor-header .toolbar-select:focus{border-color:var(--primary-color)}.podcast-ai-panel{background:var(--panel-bg);border:1px solid var(--border-color);border-radius:12px;margin-bottom:16px;padding:20px}.podcast-ai-panel .form-group{margin-bottom:16px}.podcast-ai-panel .form-group label{color:var(--text-primary);margin-bottom:8px;font-size:13px;font-weight:600;display:block}.podcast-ai-panel .form-input,.podcast-ai-panel .form-select{border:1.5px solid var(--border-color);background:var(--card-bg);width:100%;color:var(--text-primary);border-radius:8px;outline:none;padding:10px 12px;font-size:14px;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:8px;display:flex}.podcast-ai-panel .form-actions .btn-primary{flex:1}.podcast-dialogue-container{background:var(--panel-bg);border-radius:12px;flex:1;padding:16px;overflow-y:auto}.podcast-dialogue-container .dialogue-line{background:var(--card-bg);border:1px solid var(--border-color);transition:all var(--transition-main);border-radius:12px;align-items:flex-start;gap:12px;margin-bottom:10px;padding:14px 16px;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{flex-direction:column;flex-shrink:0;align-items:center;gap:6px;min-width:80px;display:flex}.podcast-dialogue-container .speaker-name-tag{color:#fff;text-align:center;cursor:default;border-radius:14px;min-width:60px;padding:5px 12px;font-size:12px;font-weight:600}.podcast-dialogue-container .speaker-color-0{background:#5851b8}.podcast-dialogue-container .speaker-color-1{background:#ec4899}.podcast-dialogue-container .speaker-color-2{background:#10b981}.podcast-dialogue-container .speaker-color-3{background:#f59e0b}.podcast-dialogue-container .speaker-color-4{background:#8b5cf6}.podcast-dialogue-container .speaker-color-5{background:#06b6d4}.podcast-dialogue-container .speaker-color-6{background:#ef4444}.podcast-dialogue-container .speaker-color-7{background:#84cc16}.podcast-dialogue-container .dialogue-content{flex:1;align-items:center;min-height:36px;display:flex}.podcast-dialogue-container .dialogue-text{color:var(--text-primary);word-break:break-word;font-size:14px;line-height:1.7}.podcast-dialogue-container .line-actions{opacity:0;flex-shrink:0;align-items:center;gap:4px;transition:opacity .3s;display:flex}.podcast-dialogue-container .dialogue-line:hover .line-actions{opacity:1}.podcast-dialogue-container .line-action-btn{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-main);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;display:flex}.podcast-dialogue-container .line-action-btn:hover{background:var(--primary-color);color:#fff}.podcast-dialogue-container .line-action-btn svg{width:14px;height:14px}.dialogue-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.dialogue-empty-state p{color:var(--text-secondary);font-size:14px;line-height:1.6}.podcast-view-toggle{background:var(--panel-bg);border-radius:8px;gap:0;margin-left:auto;padding:2px;display:flex}.podcast-view-btn{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-main);background:0 0;border:none;border-radius:6px;padding:6px 14px;font-size:12px;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);cursor:pointer;width:20px;height:72px;color:var(--text-tertiary,#94a3b8);z-index:50;background:linear-gradient(135deg,#fffffff2 0%,#f8fafce6 100%);border:1px solid #0000000f;border-right:none;border-radius:12px 0 0 12px;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,#64748b);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{color:var(--primary-color,#5851b8);background:linear-gradient(135deg,#5851b814 0%,#8b5cf60d 100%);border-color:#5851b826;border-radius:12px 0 0 12px;right:0}.sidebar-toggle-btn.collapsed:hover{color:var(--primary-color,#5851b8);background:linear-gradient(135deg,#5851b81f 0%,#8b5cf614 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%,#8b5cf61a 100%);border-color:#5851b840}.sidebar-toggle-btn.collapsed:hover{background:linear-gradient(135deg,#5851b833 0%,#8b5cf626 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%,#8b5cf61a 100%);border-color:#5851b840}.podcast-sidebar .sidebar-section{flex-direction:column;flex:1;display:flex;overflow:hidden}.podcast-sidebar .section-label{border-bottom:1px solid var(--border-color);color:var(--text-primary);justify-content:space-between;align-items:center;padding:16px 20px;font-size:14px;font-weight:600;display:flex}.podcast-sidebar .speaker-count{color:var(--text-secondary);font-size:12px;font-weight:500}.podcast-sidebar .speaker-config-list{flex:1;padding:16px;overflow-y:auto}.speaker-config-card{background:var(--panel-bg);border:1px solid var(--border-color);border-radius:12px;margin-bottom:12px;padding:16px;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:10px;margin-bottom:14px;display:flex}.speaker-config-badge{color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:flex}.speaker-config-name{color:var(--text-primary);font-size:14px;font-weight:600}.speaker-config-field{margin-bottom:12px}.speaker-config-field:last-child{margin-bottom:0}.speaker-config-field label{color:var(--text-secondary);margin-bottom:6px;font-size:12px;font-weight:500;display:block}.speaker-config-field select,.speaker-config-field input{border:1px solid var(--border-color);background:var(--card-bg);width:100%;color:var(--text-primary);border-radius:6px;outline:none;padding:8px 10px;font-size:13px;transition:border-color .3s}.speaker-config-field select:focus,.speaker-config-field input:focus{border-color:var(--primary-color)}.speaker-config-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.speaker-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.speaker-empty-state p{color:var(--text-secondary);font-size:13px;line-height:1.6}.editor-section-header{justify-content:space-between;align-items:center;margin-bottom:12px;padding:12px 0;display:flex}.editor-section-header h4{color:var(--text-primary);margin:0;font-size:15px;font-weight:600}.synthesis-progress-modal{-webkit-backdrop-filter:blur(8px);z-index:var(--z-modal);background:#0009;justify-content:center;align-items:center;animation:.3s fadeIn;display:none;position:fixed;inset:0}.synthesis-progress-modal.active{display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.synthesis-progress-content{background:var(--panel-bg);text-align:center;border-radius:20px;min-width:380px;max-width:90vw;padding:40px 48px;animation:.4s cubic-bezier(.4,0,.2,1) slideUp;box-shadow:0 24px 48px #0003,inset 0 0 0 1px #ffffff1a}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.synthesis-progress-icon{margin-bottom:24px}.synthesis-spinner{color:var(--primary-color);animation:1.2s linear infinite spin}.synthesis-spinner circle{opacity:.9}.synthesis-progress-title{color:var(--text-primary);margin:0 0 28px;font-size:20px;font-weight:600}.synthesis-progress-bar-container{background:var(--bg-secondary);border-radius:var(--radius-lg);margin-bottom:16px;padding:4px}.synthesis-progress-bar{width:100%;height:var(--progress-track-height-2xl);background:var(--progress-track-bg);border-radius:var(--radius-md);position:relative;overflow:hidden}.synthesis-progress-fill{background:linear-gradient(90deg, var(--progress-fill-color), var(--progress-fill-hover,var(--progress-fill-color)), var(--progress-fill-color));border-radius:var(--radius-md);width:0%;height:100%;transition:width var(--transition-slow);background-size:200% 100%;animation:2s infinite progressShimmer;position:relative}@keyframes progressShimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.synthesis-progress-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);animation:1.5s infinite shimmerSlide;position:absolute;inset:0}@keyframes shimmerSlide{0%{transform:translate(-100%)}to{transform:translate(100%)}}.synthesis-progress-text{color:var(--text-primary);font-variant-numeric:tabular-nums;margin:0 0 8px;font-size:16px;font-weight:600}.synthesis-progress-hint{color:var(--text-tertiary);margin:0;font-size:13px}body.dark .synthesis-progress-content{background:#1e1e28f2;box-shadow:0 24px 48px #0006,inset 0 0 0 1px #ffffff0d}body.dark .synthesis-progress-bar-container{background:#0000004d}body.dark .synthesis-progress-bar{background:#ffffff1a}@media (width<=768px){.dubbing-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{flex-direction:column;flex:1;gap:16px;min-height:0;padding:24px 32px;display:flex;overflow-y:auto}.agent-chat-area:has(.agent-message){padding-bottom:8px}.agent-message{word-wrap:break-word;border-radius:14px;max-width:80%;padding:12px 16px;font-size:14px;line-height:1.65;animation:.2s msgFadeIn}@keyframes msgFadeIn{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{color:#fff;background:#18181b;border:none;align-self:flex-end}.agent-message.error{color:#ef4444;background:#ef444414;border:1px solid #ef444440;align-self:flex-start}.agent-retry-btn{color:#ef4444;cursor:pointer;background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;margin-top:8px;margin-left:4px;padding:4px 14px;font-size:13px;transition:all .15s;display:inline-block}.agent-retry-btn:hover{background:#ef444433;border-color:#ef4444}.agent-message.info{color:var(--text-secondary);background:#0000000a;border:1px solid #00000014;align-self:flex-start;font-size:13px}.agent-generating{background:var(--panel-bg);border:1px solid var(--border-color);border-radius:14px;align-self:flex-start;align-items:center;gap:10px;max-width:80%;padding:12px 16px;display:flex}.agent-generating .typing-dots{gap:4px;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 agentTyping}.agent-generating .typing-dots span:nth-child(2){animation-delay:.2s}.agent-generating .typing-dots span:nth-child(3){animation-delay:.4s}@keyframes agentTyping{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.agent-generating .gen-progress{color:var(--text-secondary);font-size:12px}.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{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.agent-script-title{font-size:15px;font-weight:600}.agent-script-meta{color:var(--text-secondary);flex-shrink:0;gap:12px;font-size:12px;display:flex}.agent-script-meta .quality-badge{border-radius:6px;padding:2px 8px;font-weight:500}.agent-script-meta .quality-badge.good{color:#22c55e;background:#22c55e1a}.agent-script-meta .quality-badge.ok{color:#f59e0b;background:#f59e0b1a}.agent-script-dialogue{max-height:300px;padding:8px 16px;overflow-y:auto}.dialogue-line{align-items:stretch;gap:10px;padding:6px 0;display:flex}.dialogue-indicator{border-radius:2px;flex-shrink:0;width:3px}.dialogue-body{flex:1;min-width:0}.dialogue-speaker{color:var(--text-secondary);margin-bottom:2px;font-size:12px;font-weight:600}.dialogue-intent{color:var(--text-secondary);opacity:.6;margin-left:6px;font-size:11px;font-weight:400}.dialogue-text{color:var(--text-primary);border-radius:4px;outline:none;margin:-2px -4px;padding:2px 4px;font-size:14px;line-height:1.6;transition:background .15s}.dialogue-text:hover{background:#00000008}.dialogue-text:focus{background:#0000000a}body.dark .dialogue-text:hover{background:#ffffff0a}body.dark .dialogue-text:focus{background:#ffffff0f}.agent-script-actions{border-top:1px solid var(--border-color);flex-wrap:wrap;gap:8px;padding:12px 20px;display:flex}.agent-action-btn{cursor:pointer;border-radius:8px;padding:8px 16px;font-size:13px;transition:all .15s}.agent-action-btn.btn-primary{color:#fff;background:#374151;border:none}.agent-action-btn.btn-primary:hover{background:#1f2937}body.dark .agent-action-btn.btn-primary{color:#111827;background:#e5e7eb}body.dark .agent-action-btn.btn-primary:hover{background:#f3f4f6}.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)}.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{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.agent-voice-header h3{margin:0;font-size:15px;font-weight:600}.agent-ai-recommend-btn{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:5px;padding:5px 12px;font-size:12px;transition:all .15s;display:inline-flex}.agent-ai-recommend-btn:hover{color:var(--text-primary);border-color:var(--text-secondary);background:#00000008}body.dark .agent-ai-recommend-btn:hover{background:#ffffff0d}.agent-voice-list{flex-direction:column;gap:10px;padding:12px 16px;display:flex}.agent-voice-item{background:var(--panel-bg);border:1px solid var(--border-color);border-radius:10px;align-items:center;gap:12px;padding:10px 12px;display:flex}.agent-voice-item .voice-speaker-indicator{border-radius:2px;flex-shrink:0;align-self:stretch;width:3px}.agent-voice-item .voice-speaker-info{flex:1;min-width:0}.agent-voice-item .voice-speaker-name{font-size:13px;font-weight:600}.agent-voice-item .voice-speaker-role{color:var(--text-secondary);font-size:11px}.agent-voice-item select{border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-primary);border-radius:6px;outline:none;min-width:150px;padding:6px 10px;font-size:13px;transition:border-color .15s}.agent-voice-item select:focus{border-color:#00000059}.agent-voice-item .voice-preview-btn{border:1px solid var(--border-color);cursor:pointer;color:var(--text-secondary);background:0 0;border-radius:6px;flex-shrink:0;align-items:center;padding:6px 8px;transition:all .15s;display:flex}.agent-voice-item .voice-preview-btn:hover{color:var(--text-primary);background:#00000008;border-color:#0000004d}.agent-voice-actions{border-top:1px solid var(--border-color);flex-wrap:wrap;gap:8px;padding:12px 20px;display:flex}.agent-input-area{flex-direction:column;flex-shrink:0;align-items:center;width:100%;padding:0 32px 24px;transition:padding .3s;display:flex}.podcast-agent-container:not(:has(.agent-message)){justify-content:center}.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{flex:none;padding-bottom:40px}.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:16px}.agent-hero-headline{text-align:center;width:100%;max-width:600px;margin-bottom:32px}.agent-hero-icon{color:#52525b;background:#0000000a;border:1px solid #00000014;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;display:flex}.agent-hero-headline h1{color:var(--text-primary);letter-spacing:-.3px;margin:0 0 10px;font-size:26px;font-weight:700;line-height:1.25}.agent-hero-headline p{color:var(--text-secondary);margin:0;font-size:15px;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%;color:var(--text-primary);background:0 0;border:none;outline:none;min-height:48px;max-height:160px;padding:16px 20px 8px;font-family:inherit;font-size:15px;line-height:1.6;display:block;overflow-y:auto}.agent-input::placeholder{color:var(--text-secondary);opacity:.55}.agent-card-toolbar{flex-direction:column;gap:6px;padding:10px 14px 12px;display:flex}.agent-toolbar-row{align-items:center;gap:8px;display:flex}.agent-config-chips{flex-wrap:wrap;flex:1;align-items:center;gap:6px;display:flex}.agent-config-dropdown{position:relative}.agent-config-chip{border:1.5px solid var(--border-color);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border-radius:20px;flex-shrink:0;align-items:center;gap:5px;padding:6px 12px;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,#fff);border:1px solid var(--border-color);z-index:100;border-radius:12px;min-width:160px;padding:4px;animation:.12s ease-out configDropdownIn;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 configDropdownIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.config-dropdown-item{width:100%;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;padding:8px 12px;font-family:inherit;font-size:13px;font-weight:400;transition:background .1s;display:flex}.config-dropdown-item:hover{background:#0000000a}.config-dropdown-item.selected{color:var(--pc-ink,#18181b);font-weight:600}.agent-create-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#18181b;border:none;border-radius:24px;flex-shrink:0;padding:8px 24px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s;box-shadow:0 2px 8px #0000002e}.agent-create-btn:hover:not(:disabled){background:#09090b;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{flex-wrap:wrap;gap:4px;padding-bottom:6px;display:flex}.agent-style-chip{border:1.5px solid var(--border-color);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border-radius:20px;flex-shrink:0;align-items:center;gap:4px;padding:6px 12px;font-size:12px;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{color:#fff;background:#18181b;border-color:#18181b;font-weight:600}.agent-style-chip svg{flex-shrink:0}.agent-suggestions{flex-direction:column;align-items:center;gap:10px;width:100%;max-width:720px;margin-top:20px;display:flex}.agent-suggestions-label{color:var(--text-secondary);opacity:.7;font-size:12px}.agent-suggestions-list{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.agent-suggestion-pill{border:1.5px solid var(--border-color);background:var(--card-bg);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:24px;align-items:center;padding:8px 18px;font-family:inherit;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.agent-suggestion-pill:hover{color:var(--text-primary);background:#00000005;border-color:#0003;box-shadow:0 2px 8px #0000000f}.agent-suggestion-pill .suggestion-text{color:inherit;line-height:1.4}.agent-hero-footer{flex-direction:column;gap:12px;width:100%;max-width:720px;margin-top:28px;display:flex}.agent-nav-btn{color:var(--text-secondary);opacity:.65;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:12px;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{color:var(--text-secondary);opacity:.6;font-size:12px;font-weight:500}.agent-mini-gallery-all{color:var(--text-secondary);opacity:.5;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:12px;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{cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:7px 8px;transition:background .15s;display:flex}.agent-mini-row:hover{background:#0000000a}.agent-mini-row-icon{border-radius:8px;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{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;line-height:1.3;overflow:hidden}.agent-mini-row-meta{color:var(--text-secondary);opacity:.6;margin-top:2px;font-size:11px}.agent-mini-row-actions{opacity:0;align-items:center;gap:4px;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:#fff;border-color:var(--pc-ink)}.agent-mini-row-delete:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}.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:#f87171;background:#dc262626;border-color:#dc26264d}body.dark .agent-mini-row-icon{background:#ffffff14!important}body.dark .agent-input-card{background:#141416;border-color:#2a2a2e;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{color:#fafafa;background:#1c1c1f;border-color:#2a2a2e}body.dark .agent-config-chip{color:#a1a1aa;background:#1c1c1f;border-color:#2a2a2e}body.dark .config-dropdown-menu{background:#1c1c1f;border-color:#2a2a2e;box-shadow:0 8px 24px #0006}body.dark .config-dropdown-item{color:#e4e4e7}body.dark .config-dropdown-item:hover{background:#ffffff0f}body.dark .agent-style-chip{color:#a1a1aa;background:#1c1c1f;border-color:#2a2a2e}body.dark .agent-style-chip.active{color:#18181b;background:#e4e4e7;border-color:#e4e4e7}body.dark .agent-suggestion-pill{background:#141416;border-color:#2a2a2e}body.dark .agent-suggestion-pill:hover{box-shadow:0 2px 8px #0000004d}body.dark .agent-create-btn{color:#18181b;background:#e4e4e7;box-shadow:0 2px 8px #0000004d}body.dark .agent-create-btn:hover:not(:disabled){background:#f4f4f5}body.dark .agent-message.agent{background:#1c1c1f;border-color:#2a2a2e}body.dark .agent-message.user{background:#3f3f46}body.dark .agent-message.info{color:#a1a1aa;background:#ffffff0d;border-color:#ffffff1a}body.dark .agent-script-panel,body.dark .agent-voice-panel,body.dark .agent-playback-card,body.dark .podcast-gallery-card{background:#141416;border-color:#2a2a2e}@media (width<=480px){.agent-input-area{padding-left:16px;padding-right:16px}.agent-chat-area{padding:16px}.agent-hero-headline h1{font-size:22px}.agent-suggestions{gap:6px}.agent-style-chips{gap:5px}.agent-message{max-width:92%}.agent-script-panel,.agent-voice-panel{margin:0}.agent-toolbar-row{flex-wrap:wrap;gap:6px}.agent-config-chips{width:100%}.agent-create-btn{margin-left:auto}}.agent-synthesis-progress{background:var(--card-bg);border:1px solid var(--border-color);border-radius:14px;margin:8px 0;padding:20px 24px}.synthesis-progress-header{justify-content:flex-end;align-items:center;margin-bottom:4px;display:flex}.synthesis-progress-count{color:var(--text-secondary);font-variant-numeric:tabular-nums;opacity:.7;font-size:12px}.synthesis-progress-speaker{color:var(--text-primary);margin-bottom:4px;font-size:13px;font-weight:600}.synthesis-progress-text-preview{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:14px;font-size:13px;line-height:1.5;overflow:hidden}.synthesis-progress-bar{height:var(--progress-track-height-sm);background:var(--progress-track-bg);border-radius:var(--radius-full);overflow:hidden}.synthesis-progress-fill{background:var(--progress-fill-color);border-radius:var(--radius-full);height:100%;transition:width .4s}.agent-playback-card{background:var(--panel-bg,var(--card-bg));border:1px solid var(--border-color);border-radius:14px;margin:8px 0;padding:20px}.playback-card-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:15px;font-weight:700;overflow:hidden}.playback-card-meta{color:var(--text-secondary);margin-bottom:16px;font-size:12px}.playback-card-controls{align-items:center;gap:12px;margin-bottom:16px;display:flex}.playback-progress-wrapper{flex-direction:column;flex:1;justify-content:flex-end;gap:4px;min-width:0;height:32px;display:flex;position:relative}.playback-waveform{align-items:flex-end;gap:2px;height:22px;display:flex;overflow:hidden}.waveform-bar{opacity:.45;background:#94a3b8;border-radius:1px;flex:1;min-width:2px;transition:opacity .3s}.playback-progress-track{background:var(--border-color);cursor:pointer;border-radius:2px;height:4px;position:relative;overflow:hidden}.playback-progress-fill{background:#18181b;border-radius:2px;height:100%;transition:width .25s linear}.playback-duration{color:var(--text-secondary);font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0;font-size:12px}.playback-card-actions{flex-wrap:wrap;gap:8px;display:flex}.playback-action-btn{color:var(--text-primary);background:var(--bg-secondary,var(--bg-color));border:1px solid var(--border-color);cursor:pointer;border-radius:8px;align-items:center;gap:5px;padding:7px 14px;font-size:13px;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}.podcast-gallery-container{flex-direction:column;min-height:100%;padding:28px 32px;overflow-y:auto}@media (width<=480px){.podcast-gallery-container{padding:16px}}.podcast-gallery-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.podcast-gallery-header h2{color:var(--text-primary);margin:0;font-size:20px;font-weight:700}.podcast-gallery-back-btn{color:var(--text-secondary);border:1px solid var(--border-color);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;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{cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:10px 8px;transition:background .15s;display:flex;position:relative}.podcast-gallery-list-row:hover{background:#0000000a}.podcast-gallery-list-icon{border-radius:10px;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{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:14px;font-weight:500;overflow:hidden}.podcast-gallery-list-meta{color:var(--text-secondary);font-size:12px}.podcast-gallery-list-actions{opacity:0;flex-shrink:0;align-items:center;gap:6px;transition:opacity .15s;display:flex}.podcast-gallery-list-row:hover .podcast-gallery-list-actions{opacity:1}.podcast-gallery-draft-tag{color:#d97706;font-weight:500}body.dark .podcast-gallery-draft-tag{color:#fbbf24}.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{color:#dc2626;background:#fef2f2;border-color:#fecaca}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:#f87171;background:#dc262626;border-color:#dc26264d}.podcast-gallery-empty{color:var(--text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 20px;display:none}.podcast-gallery-empty svg{opacity:.4}.podcast-gallery-empty h4{color:var(--text-primary);margin:0;font-size:16px;font-weight:600}.podcast-gallery-empty p{max-width:280px;margin:0;font-size:14px;line-height:1.5}.podcast-gallery-empty-btn{color:#fff;cursor:pointer;background:#18181b;border:none;border-radius:8px;margin-top:4px;padding:9px 20px;font-size:14px;font-weight:500;transition:transform .2s,box-shadow .2s}.podcast-gallery-empty-btn:hover{background:#09090b;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.persistent-player-bar{border-top:1px solid var(--border-color);width:calc(100% - 240px);z-index:var(--z-sticky);background:#fff;padding:12px 40px;transition:left .3s,width .3s;animation:.3s ease-out slideUp;position:fixed;bottom:0;left:240px;right:0;box-shadow:0 -4px 20px #0000000d}body:has(.sidebar-left.collapsed) .persistent-player-bar{width:calc(100% - 68px);left:68px}@media (width<=768px){.persistent-player-bar{width:100%;padding:10px 16px;left:0}}.player-close-btn{cursor:pointer;color:#6b7280;width:28px;height:28px;transition:all var(--transition-main);z-index:10;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.player-close-btn svg{stroke:currentColor;width:16px;height:16px}.player-close-btn:hover{color:#374151;background:#f3f4f6;transform:translateY(-50%)}.player-content{align-items:center;gap:24px;max-width:1200px;margin:0 auto;display:flex}.player-info{align-items:center;gap:12px;width:200px;display:flex}.player-avatar{background-position:50%;background-size:cover;border-radius:50%;width:40px;height:40px}.player-meta{flex:1;min-width:0}.player-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:13px;font-weight:600;overflow:hidden}.player-tags{gap:8px;display:flex}.player-tag{color:var(--text-secondary);background:#f3f4f6;border-radius:4px;padding:2px 6px;font-size:10px}.player-controls{align-items:center;gap:24px;display:flex}.player-btn{cursor:pointer;color:var(--text-primary);transition:all var(--transition-main);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.player-btn:hover{color:var(--primary-color)}.player-btn.icon-only{border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:relative}.player-btn.icon-only:hover{background:var(--panel-bg)}.player-btn[data-tooltip]:after{content:attr(data-tooltip);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;background:#6d5dfc;border-radius:8px;padding:6px 10px;font-size:11px;font-weight:600;transition:opacity .3s,transform .3s;position:absolute;bottom:115%;left:50%;transform:translate(-50%)translateY(6px);box-shadow:0 10px 20px #0000001f}.player-btn[data-tooltip]:before{content:"";opacity:0;border:6px solid #0000;border-top-color:#6d5dfc;transition:opacity .3s,transform .3s;position:absolute;bottom:105%;left:50%;transform:translate(-50%)translateY(4px)}.player-btn[data-tooltip]:hover:after,.player-btn[data-tooltip].show-tooltip:after,.player-btn[data-tooltip]:hover:before,.player-btn[data-tooltip].show-tooltip:before{opacity:1;transform:translate(-50%)translateY(0)}.feedback-btn.is-active{color:var(--primary-color);background:#5851b81f;transform:translateY(-1px);box-shadow:0 8px 18px #4f46e529}.feedback-btn.is-active:after,.feedback-btn.is-active:before{opacity:1;transform:translate(-50%)translateY(0)}.player-btn.skip-btn{width:auto;height:auto;color:var(--text-primary);box-shadow:none;background:0 0;border:none;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:4px 8px;transition:color .3s,transform .3s;display:flex}.player-btn.skip-btn svg{width:20px;height:20px}.player-btn.skip-btn:hover{color:var(--primary-color);transform:translateY(-1px)}.skip-label{color:inherit;font-size:10px;font-weight:600;line-height:1}.play-pause-btn{background:var(--text-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:flex;box-shadow:0 4px 12px #0003}.play-pause-btn:hover{color:#fff;background:#000;transform:scale(1.05)}.player-progress-container{flex:1;align-items:center;gap:12px;display:flex}.time-current,.time-duration{color:var(--text-secondary);width:36px;font-family:monospace;font-size:11px}.progress-bar-wrapper{cursor:pointer;flex:1;align-items:center;height:24px;display:flex;position:relative}.progress-bar-track{width:100%;height:var(--progress-track-height-md);background:var(--progress-track-bg);border-radius:var(--radius-full);position:relative}.progress-bar-fill{background:var(--progress-fill-color);border-radius:var(--radius-full);pointer-events:none;width:0%;height:100%;position:absolute;top:0;left:0}.progress-thumb{width:var(--slider-thumb-size-sm);height:var(--slider-thumb-size-sm);background:var(--progress-fill-color);border-radius:var(--radius-full);opacity:0;transition:opacity var(--transition-slow);pointer-events:none;position:absolute;top:50%;left:0%;transform:translate(-50%,-50%)}.player-progress-container:hover .progress-thumb{opacity:1}.player-actions{gap:8px;display:flex}