body.vlog-body{background-color:#020617;background-image:radial-gradient(circle at top right,rgba(59,130,246,.12),transparent 500px),radial-gradient(circle at bottom left,rgba(139,92,246,.08),transparent 400px);color:#f8fafc;margin:0;font-family:Inter,sans-serif;height:100vh;overflow:hidden;position:fixed;top:0;right:0;bottom:0;left:0;width:100%}.vlog-app{display:grid;grid-template-columns:260px minmax(0,1fr);grid-template-rows:64px minmax(0,1fr) 350px;height:100vh;width:100vw;max-width:100%;transition:grid-template-rows .4s cubic-bezier(.4,0,.2,1)}.vlog-app:has(.vlog-timeline-panel.collapsed){grid-template-rows:64px minmax(0,1fr) 0px}.vlog-header{grid-column:1 / -1;grid-row:1;height:64px;background:#020617;border-bottom:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center;padding:0 1.5rem;z-index:1000}.vlog-brand{display:flex;align-items:center;gap:1.25rem}.vlog-back-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#94a3b8;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.vlog-back-btn:hover{background:#ffffff14;border-color:#ffffff26;color:#f8fafc;transform:translate(-2px)}.vlog-brand-info{display:flex;flex-direction:column}.vlog-brand-title{font-size:1.4rem;font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,#3b82f6,#eec170);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1}.vlog-brand-subtitle{font-size:.75rem;font-weight:600;color:#64748b;letter-spacing:.05em;text-transform:uppercase;margin-top:1px}.vlog-export-btn{background:#ffffff08;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-bottom:2px solid #3b82f6;color:#fff;padding:.6rem 1.4rem;border-radius:4px;font-size:.9rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #0003}.vlog-export-btn:hover{background:#3b82f614;border-color:#3b82f633;transform:translateY(-1px);box-shadow:0 4px 20px #3b82f626}.vlog-sidebar{grid-column:1;grid-row:2 / 4;background:transparent;padding:1rem;overflow-y:visible;display:flex;flex-direction:column;gap:.75rem;position:relative;transition:margin-left .3s cubic-bezier(.4,0,.2,1),opacity .2s;width:260px}.vlog-app:has(.vlog-sidebar.collapsed){grid-template-columns:0 1fr}.vlog-sidebar.collapsed{margin-left:-252px;opacity:.5;pointer-events:none}.sidebar-toggle{position:absolute;top:50%;transform:translateY(-50%);right:-12px;width:28px;height:48px;background:#0f172ae6;border:1px solid rgba(255,255,255,.15);border-left:none;border-radius:0 8px 8px 0;color:#f8fafc;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:50;transition:all .2s;pointer-events:auto;box-shadow:4px 0 10px #0003}.sidebar-toggle:hover{background:#1e293bf2;color:#3b82f6}.sidebar-toggle i{font-size:1.2rem;transition:transform .3s cubic-bezier(.4,0,.2,1)}.vlog-sidebar.collapsed .sidebar-toggle{background:#1e293bf2}.vlog-sidebar.collapsed .sidebar-toggle i{transform:rotate(180deg)}.sidebar-panel{background:#0f172ab3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.25rem;display:flex;flex-direction:column;gap:1rem;flex:1;overflow:hidden}.sidebar-title-row{display:flex;justify-content:space-between;align-items:center}.sidebar-media-actions{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.add-media-btn{width:100%;background:#3b82f626;border:1px dashed rgba(59,130,246,.5);color:#3b82f6;padding:.85rem;border-radius:10px;font-weight:600;font-size:.9rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.3rem;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.add-media-btn i{font-size:1.4rem}.add-media-btn:hover{background:#3b82f640;border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f633}.add-media-btn.record-btn{background:#ef444426;border:1px dashed rgba(239,68,68,.4);color:#ef4444}.add-media-btn.record-btn:hover{background:#ef444440;border-color:#ef4444;box-shadow:0 4px 12px #ef444440}.add-media-btn.record-btn.recording{background:#ef4444cc;color:#fff;border-color:#ef4444;border-style:solid;animation:pulse-record 1.5s infinite}@keyframes pulse-record{0%{box-shadow:0 0 #ef444499}70%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 #ef444400}}.media-list{display:flex;flex-direction:column;gap:.75rem;overflow-y:auto}.media-card{background:#1e293bcc;border:1px solid rgba(255,255,255,.07);border-radius:10px;overflow:hidden;position:relative;transition:border-color .2s,transform .2s;cursor:grab;flex-shrink:0}.media-card:active{cursor:grabbing}.media-card:hover{border-color:#3b82f666;transform:translateY(-2px)}.media-thumb{width:100%;height:80px;object-fit:cover}.media-add-overlay{position:absolute;top:0;left:0;right:0;height:80px;background:#0f172a99;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;pointer-events:none;z-index:5}.media-card:hover .media-add-overlay{opacity:1}.media-add-btn{background:#3b82f6;border:none;border-radius:50%;width:36px;height:36px;color:#fff;font-size:1.4rem;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;box-shadow:0 4px 12px #3b82f666;transition:background .2s,transform .2s}.media-add-btn:hover{background:#2563eb;transform:scale(1.1)}.media-info{padding:.5rem .75rem}.media-name{font-size:.85rem;font-weight:600;color:#f8fafc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-duration{font-size:.78rem;color:#94a3b8;margin-top:2px}.media-remove{position:absolute;top:6px;right:6px;background:#0f172ad9;border:1px solid rgba(255,255,255,.1);border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:.9rem;cursor:pointer;color:#94a3b8;transition:all .2s;z-index:10}.media-remove:hover{background:#ef444433;border-color:#ef4444;color:#ef4444}.vlog-workspace{grid-column:2;grid-row:2;padding:1rem 1rem 1rem 1.25rem;overflow:hidden;display:flex;flex-direction:row;gap:1rem;align-items:stretch}.media-list-wrapper{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.media-list{display:flex;flex-direction:column;gap:.75rem;overflow-y:auto;flex:1;padding-bottom:160px}.auto-create-overlay{position:absolute;bottom:0;left:0;right:0;padding:.75rem 0 0;background:linear-gradient(to bottom,transparent 0%,rgba(15,23,42,.95) 40%);border-radius:0 0 8px 8px;z-index:10;animation:fade-up .35s cubic-bezier(.16,1,.3,1)}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.auto-create-banner{width:100%;background:linear-gradient(135deg,#3b82f64d,#8b5cf640);border:1px solid rgba(59,130,246,.45);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:10px;color:#f8fafc;padding:.85rem 1rem;cursor:pointer;box-shadow:0 6px 20px #3b82f633;transition:transform .2s,box-shadow .2s,border-color .2s;text-align:center;display:block}.auto-create-banner:hover{transform:translateY(-2px);box-shadow:0 10px 28px #3b82f64d;border-color:#3b82f6b3}.banner-content{display:flex;flex-direction:column;align-items:center;gap:.1rem}.banner-title{font-size:1.05rem;font-weight:800;text-shadow:0 0 20px rgba(59,130,246,.5)}.banner-sub{display:none}.preview-section{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.section-label{text-align:center;font-weight:600;font-size:.9rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.06em}.video-player-mock{width:100%;max-width:700px;aspect-ratio:16 / 9;background:#0a0f1e;border-radius:12px;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #00000080}.video-frame{width:100%;height:100%;position:relative}.player-controls{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column}.main-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3.5rem;color:#ffffffb3;cursor:pointer;transition:color .2s,text-shadow .2s;text-shadow:0 4px 20px rgba(0,0,0,.6);z-index:2}.main-play:hover{color:#fff;text-shadow:0 0 20px rgba(59,130,246,.8)}.bottom-bar{margin-top:auto;background:linear-gradient(to top,rgba(2,6,23,.95),transparent);padding:1.5rem 1rem .75rem;display:flex;align-items:center;gap:.75rem;color:#f8fafc;z-index:2}.seek-bar{flex:1;height:4px;background:#fff3;border-radius:2px;position:relative;cursor:pointer}.seek-fill{height:100%;background:#3b82f6;border-radius:2px}.seek-handle{width:12px;height:12px;background:#fff;border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 6px #000000b3}.player-controls.playing .main-play{opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(1.4)}.player-controls.playing .bottom-bar{opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.player-controls.playing:hover .bottom-bar,.player-controls.seeking .bottom-bar{opacity:1;pointer-events:auto}.time-stamp{font-size:.8rem;font-family:monospace;color:#94a3b8}.right-controls{display:flex;gap:.75rem;font-size:1.15rem;color:#94a3b8}.right-controls i{cursor:pointer;transition:color .2s}.right-controls i:hover{color:#3b82f6}.tools-panel{width:250px;flex-shrink:0;background:#0f172ab3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:visible;display:flex;flex-direction:column;position:relative;transition:margin-right .3s cubic-bezier(.4,0,.2,1),opacity .2s}.tools-panel-inner{flex:1;overflow-y:auto;display:flex;flex-direction:column;padding:.75rem 1rem 1rem;min-height:0}.tools-panel-toggle{position:absolute;top:50%;transform:translateY(-50%);left:-28px;width:28px;height:48px;background:#0f172ae6;border:1px solid rgba(255,255,255,.15);border-right:none;border-radius:8px 0 0 8px;color:#f8fafc;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:50;transition:all .2s;pointer-events:auto;box-shadow:-4px 0 10px #0003}.tools-panel-toggle:hover{background:#1e293bf2;color:#3b82f6}.tools-panel-toggle i{font-size:1.2rem;transition:transform .3s cubic-bezier(.4,0,.2,1)}.tools-panel.collapsed{margin-right:-208px;opacity:.5;pointer-events:none}.tools-panel.collapsed .tools-panel-toggle{background:#1e293bf2;pointer-events:auto}.tools-panel.collapsed .tools-panel-toggle i{transform:rotate(180deg)}.audio-controls-slim{display:flex;flex-direction:column;gap:1rem;padding:.25rem 0}.slim-control-group{display:flex;flex-direction:column;gap:.4rem}.slim-control-group label{font-size:.78rem;font-weight:600;color:#94a3b8;display:flex;justify-content:space-between}.tool-action-btn.full-width{width:100%;justify-content:center}.tools-tabs{display:flex;gap:.25rem;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:1.25rem}.tab-btn{flex:1;background:transparent;border:none;padding:.55rem 0;font-weight:600;font-size:.8rem;color:#94a3b8;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;display:flex;align-items:center;justify-content:center;gap:0;transition:color .2s;line-height:1}.tab-btn span,.tab-btn>text,.tools-tabs .tab-btn{font-size:0;letter-spacing:0}.tab-btn i{font-size:1.2rem}.tab-btn:hover{color:#f8fafc}.tab-btn.active{color:#3b82f6;border-bottom-color:#3b82f6}.audio-controls{display:flex;align-items:flex-start;gap:2rem}.control-group{display:flex;flex-direction:column;position:relative}.control-group.fill{flex:1}.control-group label{display:flex;justify-content:space-between;font-size:.85rem;font-weight:600;margin-bottom:.5rem;color:#f8fafc}.action-item label{font-size:.85rem;font-weight:600;margin-bottom:.5rem;color:#f8fafc;display:block}.val-label{color:#94a3b8;font-weight:400}.styled-slider{width:100%;accent-color:#3b82f6}.volume-icon{position:absolute;left:-28px;top:28px;color:#3b82f6;font-size:1.3rem}.control-actions{display:flex;gap:1.5rem}.action-item{display:flex;flex-direction:column;align-items:flex-start}.tool-action-btn{background:#ffffff0a;border:1px solid rgba(255,255,255,.12);padding:.5rem 1.1rem;border-radius:8px;font-weight:600;font-size:.85rem;color:#f8fafc;cursor:pointer;display:flex;align-items:center;gap:.4rem;transition:all .2s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tool-action-btn i{font-size:1rem}.tool-action-btn:hover{background:#3b82f61f;border-color:#3b82f666;color:#3b82f6}.asset-label{font-size:.78rem;color:#94a3b8;margin-top:.4rem;font-weight:500}.ai-tools-section{padding:.5rem 0;display:flex;flex-direction:column;gap:.75rem}.ai-tools-header{display:flex;align-items:center}.ai-tools-label{font-size:.82rem;font-weight:700;color:#f8fafc;text-transform:none;letter-spacing:0}.ai-tools-grid{display:flex;flex-direction:column;gap:.4rem}.ai-tool-card{background:#1e293bb3;border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:.5rem .75rem;display:flex;flex-direction:row;align-items:center;gap:.55rem;cursor:pointer;transition:background .2s,border-color .2s,transform .15s,box-shadow .2s;text-align:left;position:relative;overflow:hidden}.ai-tool-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(145deg,rgba(59,130,246,.08) 0%,transparent 60%);opacity:0;transition:opacity .2s;border-radius:inherit}.ai-tool-card:hover:before,.ai-tool-card.active:before{opacity:1}.ai-tool-card:hover{background:#1e293be6;border-color:#3b82f659;transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.ai-tool-card.active{background:#1e2946d9;border-color:#3b82f68c;box-shadow:0 0 0 1px #3b82f633,0 6px 20px #3b82f626}.ai-tool-card.disabled{opacity:.5;pointer-events:none;filter:grayscale(1);cursor:not-allowed;background:#0f172a4d!important;border-color:#ffffff0d!important;transform:none!important;box-shadow:none!important}.ai-tool-icon{font-size:1.1rem;color:#94a3b8;line-height:1;flex-shrink:0;transition:color .2s}.ai-tool-card:hover .ai-tool-icon,.ai-tool-card.active .ai-tool-icon{color:#60a5fa}.ai-tool-title{font-size:.8rem;font-weight:600;color:#f1f5f9;line-height:1;white-space:nowrap}.ai-tool-sub{display:none}.ai-tool-card{position:relative}.ai-tool-card[data-tip]:hover:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:#0f172af2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);color:#cbd5e1;font-size:.7rem;font-weight:500;padding:.3rem .6rem;border-radius:6px;white-space:nowrap;pointer-events:none;z-index:100;box-shadow:0 4px 16px #0006;animation:tip-in .15s ease}@keyframes tip-in{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.ai-tools-footer{display:flex;align-items:center;justify-content:space-between;padding:0 .1rem}.ai-tools-footer span{font-size:.78rem;color:#475569;font-weight:500}.ai-tools-sparkle{font-size:1rem;color:#1e293b;transition:color .3s}.ai-tools-section:hover .ai-tools-sparkle{color:#3b82f6}.vlog-timeline-panel{grid-column:2;grid-row:3;padding:0 1.5rem 1rem 1.25rem;background:transparent;display:flex;position:relative;height:350px;min-width:0;min-height:350px}.timeline-toggle{position:absolute;top:-28px;left:48px;width:48px;height:28px;background:#0f172ae6;border:1px solid rgba(255,255,255,.15);border-bottom:none;border-radius:8px 8px 0 0;color:#f8fafc;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:50;transition:all .2s;pointer-events:auto;box-shadow:0 -4px 10px #0003}.timeline-toggle:hover{background:#1e293bf2;color:#3b82f6}.timeline-toggle i{font-size:1.4rem;transition:transform .4s cubic-bezier(.4,0,.2,1)}.timeline-card{background:#0f172acc;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:16px;width:100%;display:flex;flex-direction:column;overflow:hidden;min-height:0}.vlog-timeline-panel.collapsed .timeline-toggle{background:#1e293bf2}.vlog-timeline-panel.collapsed .timeline-toggle i{transform:rotate(180deg)}.timeline-toolbar{display:flex;justify-content:space-between;align-items:center;padding:.6rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0}.toolbar-left,.toolbar-center,.toolbar-right{display:flex;align-items:center;gap:.75rem;font-size:1.15rem;color:#94a3b8}.toolbar-left i,.toolbar-right i{cursor:pointer;padding:.3rem;border-radius:5px;transition:all .2s}.toolbar-left i:hover,.toolbar-right i:hover{color:#f8fafc;background:#ffffff12}.toolbar-left i.disabled{opacity:.25;cursor:not-allowed;pointer-events:none}.divider{width:1px;height:18px;background:#ffffff1a;margin:0 .1rem}.toolbar-center{font-size:1.4rem;gap:1.25rem}.toolbar-center i{cursor:pointer;transition:color .2s}.toolbar-center i:hover{color:#f8fafc}.play-btn{font-size:1.8rem;color:#f8fafc}.zoom-slider{width:80px;accent-color:#3b82f6}.timeline-viewport{flex:1;display:flex;flex-direction:column;overflow:auto;min-height:0;min-width:0}.timeline-ruler{height:26px;background:#020617f2;border-bottom:1px solid rgba(255,255,255,.07);position:-webkit-sticky;position:sticky;top:0;padding-left:100px;flex-shrink:0;z-index:20;min-width:100%;width:max-content}.ruler-ticks{width:100%;height:100%;position:relative}.ruler-tick{position:absolute;bottom:0;width:1px;background:#fff3}.ruler-tick.major{height:12px;background:#ffffff80}.ruler-tick.minor{height:6px}.ruler-tick-label{position:absolute;bottom:14px;left:4px;font-size:.65rem;color:#94a3b8;-webkit-user-select:none;user-select:none;font-weight:500}.playhead{position:absolute;top:4px;left:430px;height:260px;z-index:20;pointer-events:none}.playhead-badge{background:#3b82f6;color:#fff;font-size:.65rem;padding:.15rem .4rem;border-radius:4px;transform:translate(-50%);font-weight:700;white-space:nowrap}.playhead-line{width:1.5px;height:100%;background:#3b82f6;margin:0 auto;opacity:.75}.timeline-tracks{flex:1;overflow:visible;position:relative;min-width:max-content}.track-row{display:flex;align-items:stretch;min-height:68px;border-bottom:1px solid rgba(255,255,255,.05);background:transparent}.track-header{width:100px;background:#020617f2;border-right:1px solid rgba(255,255,255,.07);padding:.4rem .6rem;display:flex;flex-direction:column;justify-content:center;position:-webkit-sticky;position:sticky;left:0;z-index:10;flex-shrink:0}.timeline-footer{height:48px;border-top:1px solid rgba(255,255,255,.05);display:flex;align-items:center;padding-left:1.5rem}.timeline-footer-text{position:-webkit-sticky;position:sticky;left:1.5rem;color:#fff3;font-size:.75rem;font-weight:500;-webkit-user-select:none;user-select:none;text-transform:uppercase;letter-spacing:1px;z-index:10}.track-name{font-size:.72rem;font-weight:700;color:#f8fafc;line-height:1.2}.track-name small{font-weight:400;color:#94a3b8;font-size:.68rem}.track-toggles{display:flex;gap:.2rem;margin-top:.2rem}.toggle{background:#ffffff0d;color:#94a3b8;font-size:.6rem;width:14px;height:14px;display:flex;align-items:center;justify-content:center;border-radius:2px;cursor:pointer;font-weight:700;border:1px solid rgba(255,255,255,.08);transition:all .15s}.toggle:hover{background:#3b82f633;color:#3b82f6;border-color:#3b82f666}.track-content{flex:1;position:relative;background-image:repeating-linear-gradient(90deg,transparent,transparent 19px,rgba(255,255,255,.03) 19px,rgba(255,255,255,.03) 20px)}.clip{position:absolute;top:6px;height:40px;border-radius:6px;display:flex;flex-direction:column;justify-content:flex-end;padding:.2rem .5rem;font-size:.72rem;font-weight:600;color:#fff;box-shadow:0 2px 8px #0000004d;overflow:hidden;cursor:pointer;transition:filter .15s}.clip:hover{filter:brightness(1.15)}.clip.selected{box-shadow:0 0 0 2px #3b82f6,0 4px 12px #3b82f64d;z-index:5}.clip-label{text-shadow:0 1px 3px rgba(0,0,0,.6);white-space:nowrap;z-index:2}.trim-handle{position:absolute;top:0;bottom:0;width:7px;background:#fff9;cursor:ew-resize;opacity:0;transition:opacity .15s;z-index:3}.clip:hover .trim-handle{opacity:1}.trim-handle.left{left:0;border-radius:6px 0 0 6px}.trim-handle.right{right:0;border-radius:0 6px 6px 0}.transition-badge{position:absolute;top:18px;width:18px;height:18px;background:#0f172ae6;border:1px solid rgba(255,255,255,.15);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.65rem;color:#94a3b8;box-shadow:0 2px 6px #0006;transform:translate(-50%);z-index:4}.audio-clip{justify-content:center;font-size:.7rem}.audio-clip.primary{background:#3b82f640;border:1px solid rgba(59,130,246,.4);color:#93c5fd}.audio-clip.secondary{background:#10b98133;border:1px solid rgba(16,185,129,.35);color:#6ee7b7}.audio-clip.dashed{background:#ffffff08;border:1px dashed rgba(255,255,255,.2);color:#94a3b8;box-shadow:none;justify-content:center;align-items:center}.waveform-fake{position:absolute;right:0;bottom:0;left:0;top:50%;transform:translateY(-50%);height:48px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='48' viewBox='0 0 100 48'%3E%3Cpath d='M0,24 Q12.5,4 25,24 T50,24 Q62.5,4 75,24 T100,24' stroke='white' stroke-width='2.5' fill='none' stroke-linecap='round' opacity='0.9'/%3E%3Cpath d='M0,24 Q12.5,14 25,24 T50,24 Q62.5,14 75,24 T100,24' stroke='white' stroke-width='1.5' fill='none' stroke-linecap='round' opacity='0.4'/%3E%3C/svg%3E");background-size:100px 48px;background-position:center;background-repeat:repeat-x;opacity:.65;pointer-events:none}.vlog-sidebar::-webkit-scrollbar,.vlog-workspace::-webkit-scrollbar,.timeline-tracks::-webkit-scrollbar,.media-list::-webkit-scrollbar,.timeline-viewport::-webkit-scrollbar,.tools-panel::-webkit-scrollbar{width:4px;height:4px}.vlog-sidebar::-webkit-scrollbar-track,.vlog-workspace::-webkit-scrollbar-track,.timeline-tracks::-webkit-scrollbar-track,.media-list::-webkit-scrollbar-track,.timeline-viewport::-webkit-scrollbar-track,.tools-panel::-webkit-scrollbar-track{background:transparent}.vlog-sidebar::-webkit-scrollbar-thumb,.vlog-workspace::-webkit-scrollbar-thumb,.timeline-tracks::-webkit-scrollbar-thumb,.media-list::-webkit-scrollbar-thumb,.timeline-viewport::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.vlog-sidebar::-webkit-scrollbar-thumb:hover,.vlog-workspace::-webkit-scrollbar-thumb:hover,.timeline-tracks::-webkit-scrollbar-thumb:hover,.media-list::-webkit-scrollbar-thumb:hover,.timeline-viewport::-webkit-scrollbar-thumb:hover{background:#fff3}.export-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#020617d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.export-overlay.active{opacity:1;pointer-events:all}.export-modal{background-color:#0f172a;padding:3rem 4rem;border-radius:12px;box-shadow:0 25px 50px -12px #00000080;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;align-items:center;text-align:center;transform:translateY(20px);transition:transform .4s cubic-bezier(.175,.885,.32,1.275);min-width:450px}.export-modal h2{margin-bottom:0;padding-bottom:0}.export-overlay.active .export-modal{transform:translateY(0)}.export-steps{display:flex;flex-direction:column;gap:1rem;width:100%;margin:2rem 0;text-align:left}.export-step{display:flex;align-items:center;gap:1rem;color:#94a3b8;font-size:1.1rem;opacity:.5;transition:all .3s ease}.export-step.active{color:#f8fafc;opacity:1;font-weight:600}.step-indicator{width:28px;height:28px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;font-size:.85rem}.export-step.active .step-indicator{background:#3b82f6;color:#fff}.export-progress{width:100%}.export-progress-bar{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.export-progress-fill{height:100%;width:0%;background:#3b82f6;transition:width .3s ease}.export-stats{display:flex;justify-content:space-between;font-size:.85rem;color:#94a3b8}#mem-gauge{position:fixed;bottom:1.25rem;right:1.25rem;z-index:9999;display:flex;align-items:center;gap:.6rem;background:#0f172aeb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:.55rem .85rem;box-shadow:0 4px 24px #00000080,0 0 0 .5px #ffffff0d inset;transition:border-color .4s ease,box-shadow .4s ease;cursor:default;-webkit-user-select:none;user-select:none;min-width:180px}#mem-gauge:hover{border-color:#ffffff40}#mem-gauge.mem-warn{border-color:#ef4444a6;animation:mem-pulse 1.8s ease infinite}@keyframes mem-pulse{0%{box-shadow:0 0 #ef44448c,0 4px 24px #00000080}60%{box-shadow:0 0 0 7px #ef444400,0 4px 24px #00000080}to{box-shadow:0 0 #ef444400,0 4px 24px #00000080}}.mem-icon{color:#60a5fa;font-size:1.2rem;line-height:1;flex-shrink:0}.mem-body{display:flex;flex-direction:column;gap:.28rem;flex:1}.mem-top-row{display:flex;justify-content:space-between;align-items:baseline}.mem-label{font-size:.72rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.06em}.mem-bar-track{width:100%;height:6px;background:#ffffff14;border-radius:99px;overflow:hidden}.mem-bar-fill{height:100%;min-width:4px;border-radius:99px;background:linear-gradient(90deg,#22c55e,#16a34a);transition:width 1.6s cubic-bezier(.4,0,.2,1),background .8s ease}.mem-labels{display:flex;justify-content:space-between;font-size:.68rem;line-height:1}#mem-used{color:#e2e8f0;font-weight:700;font-size:.78rem}#mem-pct{color:#60a5fa;font-weight:600}#mem-limit{color:#334155}.trans-picker{position:fixed;z-index:10001;width:240px;background:#0f172af2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.12);border-radius:14px;box-shadow:0 10px 40px #0009,0 0 0 1px #ffffff0d inset;display:none;flex-direction:column;overflow:hidden;animation:trans-menu-in .2s cubic-bezier(.16,1,.3,1)}@keyframes trans-menu-in{0%{opacity:0;transform:translateY(8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.trans-picker-header{padding:.8rem 1rem;border-bottom:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center}.trans-picker-header span{font-size:.78rem;font-weight:700;color:#f8fafc;letter-spacing:.02em}.trans-picker-header i{cursor:pointer;color:#64748b;font-size:1.1rem;transition:color .2s}.trans-picker-header i:hover{color:#f8fafc}.trans-options{padding:.5rem;display:flex;flex-direction:column;gap:.3rem}.trans-opt{width:100%;padding:.65rem .75rem;background:transparent;border:none;border-radius:8px;display:flex;align-items:center;gap:.75rem;cursor:pointer;text-align:left;transition:background .2s}.trans-opt:hover{background:#3b82f626}.trans-opt.active{background:#3b82f640}.trans-opt i{font-size:1.25rem;color:#60a5fa;flex-shrink:0}.trans-opt-info{display:flex;flex-direction:column}.trans-opt .title{font-size:.8rem;font-weight:600;color:#f1f5f9}.trans-opt .sub{font-size:.68rem;color:#64748b;margin-top:1px}.trans-picker-header{display:flex;align-items:center;justify-content:space-between;padding:.6rem .8rem;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.05)}.trans-picker-header span{font-size:.8rem;font-weight:600;color:#e2e8f0}.batch-trans-btn{background:none;border:none;color:#64748b;font-size:1.1rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;padding:4px;border-radius:4px}.batch-trans-btn:hover{color:#94a3b8;background:#ffffff1a}.batch-trans-btn.active{color:#3b82f6;text-shadow:0 0 10px rgba(59,130,246,.8);background:#3b82f61a;transform:scale(1.1)}.transition-badge{position:absolute;top:15px;width:24px;height:24px;background:#0f172af2;border:1px solid rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;color:#60a5fa;box-shadow:0 3px 10px #00000080;transform:translate(-50%);z-index:10;cursor:pointer;transition:transform .2s,border-color .2s,background .2s}.transition-badge:hover{transform:translate(-50%) scale(1.15);border-color:#3b82f6;background:#1e293b}.slim-select{background:#0f172a66;border:1px solid rgba(255,255,255,.1);color:#e2e8f0;padding:8px 12px;border-radius:6px;font-size:.85rem;outline:none;transition:border-color .2s}.slim-select:hover,.slim-select:focus{border-color:#3b82f680}.record-btn.active{background:#ef444426;border-color:#ef4444;color:#ef4444}.record-btn.active i{animation:pulse-red 1.5s infinite}@keyframes pulse-red{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}to{transform:scale(1);opacity:1}}.vlog-toast-container{position:fixed;bottom:30px;left:50%;transform:translate(-50%);z-index:10000;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:10px}.vlog-toast{background:#0f172ae6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);color:#f1f5f9;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;box-shadow:0 10px 30px #0006;display:flex;align-items:center;gap:12px;animation:toast-in .3s cubic-bezier(.4,0,.2,1);transition:opacity .3s,transform .3s;pointer-events:auto}.vlog-toast.info{border-left:4px solid #3b82f6}.vlog-toast.success{border-left:4px solid #10b981}.vlog-toast.error{border-left:4px solid #ef4444}.vlog-toast i{font-size:1.2rem}.vlog-toast.info i{color:#3b82f6}.vlog-toast.success i{color:#10b981}.vlog-toast.error i{color:#ef4444}@keyframes toast-in{0%{opacity:0;transform:translateY(40px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}