*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#6366f1;--primary-dark:#4f46e5;--bg:#0f172a;--bg-card:#1e293b;--bg-input:#334155;--text:#f1f5f9;--text-muted:#94a3b8;--border:#475569;--success:#22c55e;--radius:8px}body{background:#0f172a;background:var(--bg);color:#f1f5f9;color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}.login-screen{align-items:center;background:linear-gradient(135deg,#0f172a,#1e1b4b 50%,#0f172a);display:flex;justify-content:center;min-height:100vh}.login-card{background:#1e293b;background:var(--bg-card);border-radius:16px;box-shadow:0 25px 60px #0006;max-width:400px;padding:3rem;text-align:center}.login-card h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#818cf8,#c084fc);-webkit-background-clip:text;font-size:1.8rem;margin-bottom:.5rem}.login-card p{color:#94a3b8;color:var(--text-muted);margin-bottom:2rem}.google-login-btn{align-items:center;background:#fff;border:none;border-radius:8px;border-radius:var(--radius);color:#333;display:inline-flex;font-size:1rem;font-weight:600;gap:12px;padding:12px 24px;transition:transform .15s,box-shadow .15s}.google-login-btn:hover{box-shadow:0 8px 24px #6366f14d;transform:translateY(-2px)}.inapp-warning{max-width:360px;padding:2rem;text-align:center}.inapp-warning-icon{margin-bottom:4px}.inapp-link-box{align-items:center;background:#ffffff14;border:1px solid #475569;border:1px solid var(--border);border-radius:8px;display:flex;gap:8px;justify-content:center;padding:10px 14px}.inapp-link-box span{color:#818cf8;font-size:.9rem;font-weight:500;word-break:break-all}.btn-copy{align-items:center;background:#6366f1;background:var(--primary);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.8rem;gap:4px;padding:6px 12px;white-space:nowrap}.btn-copy:hover{opacity:.85}.app{display:flex;flex-direction:column;min-height:100vh}.app--video{height:100vh;overflow:hidden}.app--video .main-content{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;padding:.5rem}.app--video .main-content>:last-child{flex:1 1;min-height:0;overflow:hidden}.main-content{flex:1 1;padding:1rem}.header{align-items:center;background:#1e293b;background:var(--bg-card);border-bottom:1px solid #475569;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:.75rem 1.5rem}.header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#818cf8,#c084fc);-webkit-background-clip:text;font-size:1.2rem}.header-right{align-items:center;display:flex;gap:12px}.user-avatar{border-radius:50%;height:32px;width:32px}.user-name{font-size:.9rem}.btn-logout,.user-name{color:#94a3b8;color:var(--text-muted)}.btn-logout{background:#0000;border:1px solid #475569;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);font-size:.85rem;padding:6px 14px;transition:all .15s}.btn-logout:hover{border-color:#ef4444;color:#ef4444}.footer{border-top:1px solid #475569;border-top:1px solid var(--border);font-size:.8rem;padding:1rem;text-align:center}.footer,.loader-wrapper{color:#94a3b8;color:var(--text-muted)}.loader-wrapper{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:100vh}.loader-spinner{animation:spin .8s linear infinite;border:3px solid #475569;border-top-color:#6366f1;border:3px solid var(--border);border-radius:50%;border-top-color:var(--primary);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.hero-desc{color:#94a3b8;color:var(--text-muted);font-size:.95rem;line-height:1.6;margin-bottom:1.5rem}.login-card{max-width:460px}.hero-banner{background:linear-gradient(135deg,#6366f11f,#c084fc1a);border:1px solid #6366f133;border-radius:12px;margin-bottom:1rem;padding:1rem 1.5rem;text-align:center}.hero-banner--compact{border-radius:8px;margin-bottom:.4rem;padding:.4rem 1rem}.hero-banner--compact .mode-toggle-wrapper{margin-top:0}.hero-banner p{color:#94a3b8;color:var(--text-muted);font-size:.95rem;line-height:1.5;margin-bottom:.75rem}.stats-container{display:flex;gap:1.5rem;justify-content:center;margin:1.25rem 0}.stat-card{align-items:center;background:linear-gradient(135deg,#6366f126,#c084fc1f);border:1px solid #818cf840;border-radius:14px;display:flex;flex-direction:column;gap:4px;min-width:130px;padding:14px 22px;transition:transform .3s ease,box-shadow .3s ease}.stat-card:hover{box-shadow:0 8px 24px #6366f140;transform:translateY(-3px)}.stat-icon{font-size:1.6rem}.stat-number{-webkit-text-fill-color:#0000;animation:gradientShift 3s ease infinite;background:linear-gradient(135deg,#818cf8,#c084fc,#f472b6);-webkit-background-clip:text;background-size:200% 200%;font-size:1.8rem;font-weight:800}.stat-label{color:#94a3b8;color:var(--text-muted);font-size:.78rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.stat-pop{animation:popIn .5s ease}@keyframes popIn{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.mode-toggle-wrapper{margin-top:.75rem;text-align:center}.mode-toggle{background:#334155;background:var(--bg-input);border-radius:10px;display:inline-flex;gap:4px;padding:4px}.mode-toggle button{background:#0000;border:none;border-radius:8px;color:#94a3b8;color:var(--text-muted);cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 22px;transition:all .25s}.mode-toggle button.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--primary),#8b5cf6);box-shadow:0 2px 12px #6366f159;color:#fff}.mode-toggle button:hover:not(.active){color:#f1f5f9;color:var(--text)}.editor-layout{display:flex;gap:2rem;margin:0 auto;max-width:1200px}.editor-sidebar{display:flex;flex-direction:column;flex-shrink:0;gap:1rem;max-height:calc(100vh - 140px);overflow-y:auto;padding-right:.5rem;width:320px}.editor-sidebar::-webkit-scrollbar{width:4px}.editor-sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.editor-canvas-area{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:1rem}@media (max-width:768px){.editor-layout{flex-direction:column;gap:1rem}.editor-sidebar{max-height:55vh;order:2;overflow-y:auto;padding-right:0;width:100%}.editor-canvas-area{order:1;width:100%}.canvas-wrapper canvas{height:auto!important;max-width:100%!important}.canvas-wrapper{max-width:100%;overflow:hidden}.control-section{padding:.75rem}.main-content{overflow-x:hidden;padding:.5rem}.hero-banner{margin-bottom:.5rem;padding:.5rem .75rem}.hero-banner p{display:none}.editor-toolbar{-webkit-overflow-scrolling:touch;overflow-x:auto;padding-bottom:4px}}.canvas-info{color:var(--text-muted);font-size:.85rem;font-weight:500}.preview-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#818cf8,#c084fc);-webkit-background-clip:text;font-size:1.1rem;font-weight:700;margin-bottom:4px;text-align:center}.canvas-wrapper{background:#000;border-radius:8px;box-shadow:0 8px 32px #0006;overflow:hidden}.control-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem}.control-section h3{color:var(--text-muted);font-size:.8rem;letter-spacing:.05em;margin-bottom:.75rem;text-transform:uppercase}.color-swatches{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:.75rem}.color-swatch{border:2px solid #0000;border-radius:6px;height:28px;transition:all .15s;width:28px}.color-swatch:hover{transform:scale(1.15)}.color-swatch.active{border-color:#fff;box-shadow:0 0 0 2px var(--primary)}.color-custom{align-items:center;color:var(--text-muted);display:flex;font-size:.85rem;gap:8px}.color-custom input[type=color]{background:none;border:none;border-radius:4px;cursor:pointer;height:32px;width:32px}.color-hex{font-family:monospace;font-size:.8rem}.emoji-picker{display:flex;flex-direction:column;gap:8px}.emoji-category-label{color:var(--text-muted);font-size:.75rem;letter-spacing:.04em;text-transform:uppercase}.emoji-grid{display:flex;flex-wrap:wrap;gap:4px}.emoji-btn{align-items:center;background:var(--bg-input);border:none;border-radius:6px;display:flex;font-size:1.2rem;height:32px;justify-content:center;transition:all .15s;width:32px}.emoji-btn:hover{background:var(--primary);transform:scale(1.15)}.emoji-display{align-items:center;background:var(--bg-input);border-radius:var(--radius);display:flex;font-size:1.1rem;gap:8px;margin-top:8px;padding:6px 10px}.btn-clear{background:#0000;border:1px solid var(--border);border-radius:4px;color:var(--text-muted);font-size:.75rem;padding:2px 8px}.btn-clear:hover{border-color:#ef4444;color:#ef4444}.text-editor{display:flex;flex-direction:column;gap:.75rem}.text-input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:inherit;font-size:1rem;line-height:1.5;min-height:160px;padding:12px 14px;resize:vertical;width:100%}.text-input:focus{border-color:var(--primary);outline:none}.text-controls{gap:8px}.control-row,.text-controls{display:flex;flex-direction:column}.control-row{gap:4px}.control-row label{color:var(--text-muted);font-size:.8rem}.control-row select{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:.9rem;padding:6px 8px;width:100%}.control-row input[type=range]{accent-color:var(--primary);width:100%}.format-selector{gap:10px}.format-selector,.platform-group{display:flex;flex-direction:column}.platform-group{gap:6px}.platform-options{display:flex;flex-wrap:wrap;gap:6px}.btn-size{align-items:center;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);display:flex;flex-direction:column;font-size:.8rem;font-weight:500;padding:6px 10px;transition:all .15s}.btn-size small{color:var(--text-muted);font-size:.65rem;margin-top:2px}.btn-size.active,.btn-size:hover{border-color:var(--primary)}.btn-size.active{background:var(--primary)}.btn-size.active small{color:#fffc}.format-buttons{display:flex;gap:6px}.btn-format{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);flex:1 1;font-size:.85rem;font-weight:500;padding:8px;transition:all .15s}.btn-format.active,.btn-format:hover{border-color:var(--primary)}.btn-format.active{background:var(--primary)}.align-buttons{display:flex;gap:4px}.btn-align{align-items:center;background:var(--card);border:1px solid var(--border);border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:36px}.btn-align:hover{border-color:var(--primary);color:var(--text)}.btn-align.active{background:var(--primary);border-color:var(--primary);color:#fff}.sidebar-sticky-bottom{background:linear-gradient(#0000,var(--bg) 20%);bottom:0;padding:16px 0 4px;position:-webkit-sticky;position:sticky;z-index:10}.btn-download{background:linear-gradient(135deg,var(--primary),#8b5cf6);border:none;border-radius:var(--radius);color:#fff;cursor:pointer;font-size:1.05rem;font-weight:700;letter-spacing:.5px;padding:16px;transition:all .2s;width:100%}.btn-download:hover{box-shadow:0 8px 24px #6366f166;transform:translateY(-2px)}@media (max-width:768px){.editor-layout{flex-direction:column-reverse}.editor-sidebar{max-height:none;width:100%}}.color-section-label{color:var(--text-muted);display:block;font-size:.75rem;letter-spacing:.04em;margin:4px 0 2px;text-transform:uppercase}.gradient-swatches{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:.75rem}.gradient-swatch{border:2px solid #0000;border-radius:6px;cursor:pointer;height:28px;transition:all .15s;width:40px}.gradient-swatch:hover{transform:scale(1.1)}.gradient-swatch.active{border-color:#fff;box-shadow:0 0 0 2px var(--primary)}.emoji-tabs{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.emoji-tab{background:var(--bg-input);border:1px solid var(--border);border-radius:4px;color:var(--text-muted);font-size:.7rem;padding:4px 8px;transition:all .15s}.emoji-tab:hover{border-color:var(--primary);color:var(--text)}.emoji-tab.active{background:var(--primary);border-color:var(--primary);color:#fff}.platform-label{align-items:center;color:var(--text);display:flex;font-size:.85rem;font-weight:600;gap:6px}.platform-label svg{opacity:.8}.weight-buttons{display:flex;flex-wrap:wrap;gap:4px}.btn-weight{background:var(--card);border:1px solid var(--border);border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:.7rem;padding:4px 8px;transition:all .2s}.btn-weight:hover{border-color:var(--primary);color:var(--text)}.btn-weight.active{background:var(--primary);border-color:var(--primary);color:#fff}.logo-uploader{display:flex;flex-direction:column;gap:10px}.logo-upload-btn{align-items:center;background:var(--bg-input);border:2px dashed var(--border);border-radius:var(--radius);color:var(--text-muted);cursor:pointer;display:inline-flex;font-size:.9rem;gap:8px;justify-content:center;padding:12px;transition:all .2s;width:100%}.logo-upload-btn:hover{border-color:var(--primary);color:var(--text)}.logo-controls-row{display:flex;flex-direction:column;gap:4px}.logo-size-label{color:var(--text-muted);font-size:.8rem}.logo-size-slider{accent-color:var(--primary);width:100%}.logo-actions{display:flex;gap:6px}.logo-change-btn{align-items:center;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);cursor:pointer;display:inline-flex;flex:1 1;font-size:.8rem;gap:4px;justify-content:center;padding:6px 10px;transition:all .15s}.logo-change-btn:hover{border-color:var(--primary);color:var(--text)}.logo-remove-btn{align-items:center;background:#0000;border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);display:inline-flex;flex:1 1;font-size:.8rem;gap:4px;justify-content:center;padding:6px 10px;transition:all .15s}.logo-remove-btn:hover{border-color:#ef4444;color:#ef4444}.logo-hint{color:var(--text-muted);font-size:.75rem;font-style:italic;text-align:center}.canvas-wrapper{position:relative}.logo-drag-overlay{border-radius:8px;cursor:grab;inset:0;position:absolute;z-index:5}.logo-drag-overlay.dragging{cursor:grabbing}.logo-drag-handle{aspect-ratio:1;border:2px dashed #ffffff80;border-radius:4px;pointer-events:none;position:absolute;transform:translate(-50%,-50%);transition:border-color .15s}.logo-drag-overlay.dragging .logo-drag-handle,.logo-drag-overlay:hover .logo-drag-handle{border-color:#6366f1cc;box-shadow:0 0 8px #6366f14d}.video-dropzone{align-items:center;background:var(--bg-card);border:2px dashed var(--border);border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:350px;padding:2rem;text-align:center;transition:all .3s;width:100%}.video-dropzone.drag-over,.video-dropzone:hover{background:#6366f114;border-color:var(--primary)}.video-dropzone p{color:var(--text);font-size:1rem;font-weight:500}.video-dropzone span{color:var(--text-muted);font-size:.8rem}.video-file-info{display:flex;flex-direction:column;gap:4px}.video-file-name{color:var(--text);font-size:.85rem;font-weight:500;word-break:break-all}.video-file-meta{color:var(--text-muted);font-size:.75rem}.video-change-btn{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);font-size:.8rem;margin-top:6px;padding:6px 12px;transition:all .15s}.video-change-btn:hover{border-color:var(--primary);color:var(--text)}.video-upload-sidebar-btn{align-items:center;background:var(--bg-input);border:2px dashed var(--border);border-radius:var(--radius);color:var(--text-muted);display:flex;font-size:.9rem;gap:8px;justify-content:center;padding:12px;transition:all .2s;width:100%}.video-upload-sidebar-btn:hover{border-color:var(--primary);color:var(--text)}.media-segment-list{display:flex;flex-direction:column;gap:6px}.media-seg-item{align-items:flex-start;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);display:flex;font-size:12px;gap:8px;padding:8px}.media-seg-num{align-items:center;background:var(--primary);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:20px;justify-content:center;margin-top:2px;min-width:20px}.media-seg-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.media-seg-name{color:var(--text);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-seg-meta{color:var(--text-secondary);font-size:11px}.media-seg-dur-row{align-items:center;display:flex;gap:6px;margin-top:4px}.media-seg-dur-row label{color:var(--text-secondary);font-size:11px;white-space:nowrap}.media-seg-dur-row input[type=range]{flex:1 1;height:4px}.media-seg-actions{display:flex;flex-direction:column;flex-shrink:0;gap:2px}.media-seg-btn{align-items:center;background:none;border:1px solid var(--border);border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:10px;height:20px;justify-content:center;padding:0;width:22px}.media-seg-btn:hover:not(:disabled){background:var(--bg-card);border-color:var(--primary);color:var(--text)}.media-seg-btn:disabled{cursor:default;opacity:.3}.media-seg-del:hover:not(:disabled){border-color:#e74c3c;color:#e74c3c}.media-add-more-btn{background:none;border:1px dashed var(--border);border-radius:var(--radius);color:var(--primary);cursor:pointer;font-size:12px;font-weight:600;padding:8px;transition:all .15s}.media-add-more-btn:hover{background:#6366f10d;border-color:var(--primary)}.fit-mode-buttons{display:flex;gap:6px}.btn-fit{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);flex:1 1;font-size:.85rem;font-weight:500;padding:8px;transition:all .15s}.btn-fit.active,.btn-fit:hover{border-color:var(--primary)}.btn-fit.active{background:var(--primary)}.fit-hint{color:var(--text-muted);font-size:.75rem;font-style:italic;margin-top:6px}.text-position-control{margin-top:10px}.text-position-control label{color:var(--text-muted);display:block;font-size:.8rem;margin-bottom:4px}.position-buttons{display:flex;gap:4px}.btn-pos{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);flex:1 1;font-size:.8rem;padding:6px;transition:all .15s}.btn-pos.active,.btn-pos:hover{border-color:var(--primary)}.btn-pos.active{background:var(--primary);color:#fff}.trim-controls{gap:8px}.trim-controls,.trim-row{display:flex;flex-direction:column}.trim-row{gap:2px}.trim-row label{color:var(--text-muted);font-size:.8rem}.trim-row input[type=range]{accent-color:var(--primary);width:100%}.trim-duration{background:var(--bg-input);border-radius:var(--radius);color:var(--text);font-size:.85rem;font-weight:500;padding:6px;text-align:center}.export-progress{display:flex;flex-direction:column;gap:8px}.progress-bar{background:var(--bg-input);border-radius:4px;height:8px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(135deg,var(--primary),#8b5cf6);border-radius:4px;height:100%;transition:width .3s ease}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.progress-text{color:var(--text-muted);font-size:.85rem;font-weight:500;text-align:center}.export-hint{color:#f59e0b;font-size:.7rem;opacity:.85;text-align:center}.video-playback{gap:10px;margin-top:.75rem;max-width:420px;width:100%}.btn-play,.video-playback{align-items:center;display:flex}.btn-play{background:linear-gradient(135deg,var(--primary),#8b5cf6);border:none;border-radius:50%;color:#fff;flex-shrink:0;height:38px;justify-content:center;transition:all .2s;width:38px}.btn-play:hover{box-shadow:0 4px 16px #6366f166;transform:scale(1.1)}.playback-slider{accent-color:var(--primary);flex:1 1}.playback-time{color:var(--text-muted);font-family:monospace;font-size:.78rem;white-space:nowrap}.video-timeline{background:#0f172ad9;border:1px solid var(--border);border-radius:8px;margin-top:.75rem;overflow-x:auto;padding:8px;width:100%}.tl-body{display:flex;gap:0;min-width:100%}.tl-labels{display:flex;flex-direction:column;flex-shrink:0;width:60px}.tl-label-spacer{height:20px}.tl-label{align-items:center;color:var(--text-muted);display:flex;font-size:.65rem;gap:3px;height:28px;letter-spacing:.02em;margin-bottom:2px;white-space:nowrap}.tl-content{display:flex;flex:1 1;flex-direction:column;min-width:200px}.tl-ruler{height:20px;position:relative}.tl-marker{position:absolute;transform:translateX(-50%)}.tl-marker span{color:var(--text-muted);font-family:monospace;font-size:.6rem;opacity:.7}.tl-tracks-wrap{cursor:pointer;position:relative}.tl-playhead{bottom:0;pointer-events:none;top:0;transition:left .05s linear;width:2px;z-index:10}.tl-playhead,.tl-playhead:before{background:#ef4444;position:absolute}.tl-playhead:before{border-radius:50%;content:"";height:10px;left:-4px;top:-4px;width:10px}.tl-track-row{background:#ffffff0a;border-radius:4px;height:28px;margin-bottom:2px;overflow:hidden;position:relative}.tl-video-bar{background:linear-gradient(90deg,#6366f140,#8b5cf640);border-radius:4px;height:100%;width:100%}.tl-clip{align-items:center;border-radius:3px;bottom:2px;color:#fff;cursor:pointer;display:flex;font-size:.65rem;overflow:hidden;padding:0;position:absolute;top:2px;transition:box-shadow .15s,filter .15s;white-space:nowrap}.tl-clip span,.tl-clip-body{overflow:hidden;text-overflow:ellipsis}.tl-clip-body{flex:1 1;min-width:0;padding:0 2px;white-space:nowrap}.tl-clip-interactive .tl-clip-body{cursor:grab}.tl-clip-interactive .tl-clip-body:active{cursor:grabbing}.tl-clip-handle{cursor:ew-resize;height:100%;opacity:0;position:absolute;top:0;transition:opacity .15s,background .15s;width:7px;z-index:6}.tl-clip-handle:after{background:#fffc;border-radius:1px;content:"";height:50%;position:absolute;top:25%;width:2px}.tl-clip-handle-left{border-radius:3px 0 0 3px;left:0}.tl-clip-handle-left:after{left:2px}.tl-clip-handle-right{border-radius:0 3px 3px 0;right:0}.tl-clip-handle-right:after{right:2px}.tl-clip.selected .tl-clip-handle,.tl-clip:hover .tl-clip-handle{background:#ffffff26;opacity:1}.tl-clip-handle:hover{background:#ffffff4d!important}.tl-clip-dragging{box-shadow:0 0 0 2px #6366f1cc;filter:brightness(1.15);z-index:10!important}.tl-clip-dragging .tl-clip-handle{opacity:1}.tl-dragging-active{user-select:none;-webkit-user-select:none}.tl-clip-sub{background:#6366f1bf}.tl-clip-emoji{background:#f59e0bbf;font-size:.85rem}.tl-clip-audio{background:#10b981bf}.tl-clip-voice{background:#ec4899b3;cursor:default}.tl-clip-sticker{background:linear-gradient(90deg,#06b6d4cc,#0ea5e9bf);border-color:#06b6d480}.tl-label-sticker{color:#22d3ee}.tl-clip-trans{background:linear-gradient(90deg,#7c3aed,#9f67fa)!important;border:1px solid #a78bfa80!important}.trans-add-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));margin-top:4px}.trans-add-btn{align-items:center;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;color:#e5e7eb;cursor:pointer;display:flex;flex-direction:column;font-size:.7rem;gap:4px;justify-content:center;min-height:0;padding:6px 4px;text-align:center;transition:background .15s,border-color .15s}.trans-add-btn .transition-mini-canvas{border-radius:4px;height:40px;width:60px}.trans-add-btn:hover{background:#7c3aed59;border-color:#7c3aed}.trans-add-icon{font-size:1.2rem;line-height:1}.trans-add-label{font-size:.65rem;line-height:1.2;opacity:.85}.tl-clip:hover{filter:brightness(1.2)}.tl-clip.selected{box-shadow:0 0 0 2px #fff;z-index:5}.tl-clip-delete{align-items:center;background:#ef4444e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.7rem;font-weight:700;height:16px;justify-content:center;line-height:1;padding:0;position:absolute;right:1px;top:50%;transform:translateY(-50%);transition:background .15s,transform .15s;width:16px;z-index:8}.tl-clip-delete:hover{background:#dc2626;transform:translateY(-50%) scale(1.15)}.tl-track-transition{position:relative}.tl-clip-transition{background:linear-gradient(135deg,#a855f7b3,#ec4899b3);border:1px solid #a855f780;cursor:default}.tl-clip-transition:hover{filter:brightness(1.15)}.tl-clip-transition.dragging{box-shadow:0 0 0 2px #c084fc;filter:brightness(1.3);z-index:10}.tl-trans-handle{border-radius:2px;cursor:ew-resize;height:100%;position:absolute;top:0;transition:background .15s;width:8px;z-index:6}.tl-trans-handle:active,.tl-trans-handle:hover{background:#ffffff59}.tl-trans-handle-right{right:-2px}.tl-trans-handle-left{left:-2px}.tl-trans-handle:after{background:#fff9;border-radius:1px;content:"";height:12px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:2px}.add-clips-row{display:flex;gap:5px}.add-clip-btn{background:var(--bg-input);border:1px dashed var(--border);border-radius:var(--radius);color:var(--text);flex:1 1;font-size:.75rem;font-weight:500;padding:8px 4px;transition:all .15s;white-space:nowrap}.add-clip-btn:hover{border-color:var(--primary);border-style:solid}.add-clip-sub:hover{border-color:#6366f1}.add-clip-emoji:hover{border-color:#f59e0b}.add-clip-audio:hover{border-color:#10b981}.audio-resources{align-items:center;color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:.72rem;gap:6px;margin-top:8px}.audio-resources a{color:#818cf8;font-size:.72rem;text-decoration:underline}.audio-resources a:hover{color:#c084fc}.clip-editor{border-color:#6366f166!important}.clip-editor-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.clip-editor-header h3{margin-bottom:0!important}.clip-deselect{align-items:center;background:#0000;border:1px solid var(--border);border-radius:4px;color:var(--text-muted);display:flex;font-size:.8rem;height:24px;justify-content:center;transition:all .15s;width:24px}.clip-deselect:hover{border-color:#ef4444;color:#ef4444}.clip-text-input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:inherit;font-size:.9rem;line-height:1.4;margin-bottom:6px;min-height:48px;padding:8px 10px;resize:vertical;width:100%}.clip-text-input:focus{border-color:var(--primary);outline:none}.clip-row{display:flex;flex-direction:column;gap:3px;margin-bottom:6px}.clip-row label{color:var(--text-muted);font-size:.75rem}.clip-row select{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:.85rem;padding:5px 8px;width:100%}.clip-row input[type=range]{accent-color:var(--primary);width:100%}.clip-row input[type=color]{background:none;border:none;border-radius:4px;cursor:pointer;height:28px;width:36px}.clip-btn-group{display:flex;gap:3px}.clip-btn-group button{background:var(--bg-input);border:1px solid var(--border);border-radius:4px;color:var(--text-muted);flex:1 1;font-size:.7rem;padding:4px 2px;transition:all .15s}.clip-btn-group button:hover{border-color:var(--primary);color:var(--text)}.clip-btn-group button.active{background:var(--primary);border-color:var(--primary);color:#fff}.clip-timing{border-top:1px solid var(--border);margin-top:4px;padding-top:6px}.clip-emoji-display{align-items:center;display:flex;gap:10px;margin-bottom:8px}.clip-emoji-big{font-size:2rem}.clip-change-btn{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);font-size:.78rem;padding:4px 10px;transition:all .15s}.clip-change-btn:hover{border-color:var(--primary);color:var(--text)}.clip-audio-name{background:var(--bg-input);border-radius:var(--radius);color:var(--text);font-size:.85rem;font-weight:500;margin-bottom:8px;padding:6px 8px;word-break:break-all}.clip-delete-btn{background:#0000;border:1px solid #ef444466;border-radius:var(--radius);color:#ef4444;font-size:.82rem;font-weight:500;margin-top:8px;padding:8px;transition:all .15s;width:100%}.clip-delete-btn:hover{background:#ef444426;border-color:#ef4444}.transition-picker{margin-bottom:12px}.transition-picker-label{color:var(--text-muted);font-size:.8rem;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.transition-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(3,1fr)}.transition-card{align-items:center;background:var(--bg-input);border:1.5px solid var(--border);border-radius:6px;cursor:pointer;display:flex;flex-direction:column;gap:2px;min-width:0;padding:4px 2px;transition:all .15s}.transition-card:hover{background:#6366f114;border-color:#818cf8}.transition-card.active{background:#6366f126;border-color:var(--primary);box-shadow:0 0 8px #6366f14d}.transition-mini-canvas{background:#1a1a2e;border-radius:4px;height:40px;width:60px}.transition-card-name{color:var(--text-muted);font-size:.6rem;line-height:1.1;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.transition-card.active .transition-card-name{color:var(--text)}.transition-dur-row{display:flex;flex-direction:column;gap:3px;margin-top:6px}.transition-dur-row label{color:var(--text-muted);font-size:.75rem}.transition-dur-row input[type=range]{accent-color:var(--primary);width:100%}.music-library{margin-top:8px}.music-library-toggle{align-items:center;background:linear-gradient(135deg,#6366f11a,#a855f71a);border:1px solid #6366f14d;border-radius:var(--radius);color:var(--text);cursor:pointer;display:flex;font-size:.82rem;font-weight:600;justify-content:space-between;padding:8px 12px;transition:all .15s;width:100%}.music-library-toggle:hover{background:linear-gradient(135deg,#6366f126,#a855f726);border-color:var(--primary)}.toggle-arrow{color:var(--text-muted);font-size:.7rem}.music-library-content{background:var(--bg-card);margin-top:8px;padding:10px}.music-library-content,.music-search-input{border:1px solid var(--border);border-radius:var(--radius)}.music-search-input{background:var(--bg-input);color:var(--text);font-size:.82rem;margin-bottom:8px;padding:6px 10px;width:100%}.music-search-input:focus{border-color:var(--primary);outline:none}.music-filters{display:flex;gap:8px;margin-bottom:8px}.music-filter-group{display:flex;flex:1 1;flex-direction:column;gap:2px}.music-filter-group label{color:var(--text-muted);font-size:.7rem}.music-filter-group select{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:.78rem;padding:4px 6px;width:100%}.music-track-list{display:flex;flex:1 1;flex-direction:column;gap:4px;max-height:260px;min-width:0;overflow-y:auto}.music-track-list::-webkit-scrollbar{width:3px}.music-track-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.music-track{align-items:center;background:var(--bg-input);border:1px solid #0000;border-radius:6px;display:flex;gap:6px;padding:6px 8px;transition:all .15s}.music-track:hover{border-color:#6366f14d}.music-track.playing{background:#6366f11a;border-color:var(--primary)}.music-play-btn{align-items:center;background:#6366f126;border:1px solid #6366f14d;border-radius:50%;color:var(--primary);cursor:pointer;display:flex;flex-shrink:0;font-size:.75rem;height:28px;justify-content:center;transition:all .15s;width:28px}.music-play-btn:hover{background:var(--primary);color:#fff}.music-loading{animation:spin-loading 1s linear infinite}@keyframes spin-loading{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.music-track-info{display:flex;flex:1 1;flex-direction:column;gap:1px;min-width:0}.music-track-name{color:var(--text);font-size:.78rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-track-meta{color:var(--text-muted);font-size:.65rem}.music-progress-bar{background:#ffffff1a;border-radius:2px;height:3px;margin-top:2px;overflow:hidden;width:100%}.music-progress-fill{background:linear-gradient(90deg,#818cf8,#c084fc);border-radius:2px;height:100%;transition:width .15s linear}.music-mood-badge{background:#6366f126;border-radius:10px;color:#818cf8;font-size:.6rem;padding:2px 6px}.music-add-btn,.music-mood-badge{flex-shrink:0;font-weight:600;white-space:nowrap}.music-add-btn{background:#0000;border:1px solid #10b98166;border-radius:4px;color:#10b981;cursor:pointer;font-size:.68rem;padding:4px 8px;transition:all .15s}.music-add-btn:hover{background:#10b98126;border-color:#10b981}.music-empty{color:var(--text-muted);font-size:.82rem;padding:16px;text-align:center}.music-legal{color:var(--text-muted);font-size:.65rem;line-height:1.3;margin-top:8px;opacity:.7}.music-tabs{background:var(--bg-input);border-radius:8px;display:flex;gap:4px;margin-bottom:8px;padding:3px}.music-tab{background:#0000;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;flex:1 1;font-size:.75rem;font-weight:600;padding:5px 8px;transition:all .15s;white-space:nowrap}.music-tab.active{background:var(--primary);color:#fff}.music-tab:not(.active):hover{background:#ffffff0d;color:var(--text)}.music-body{display:flex;gap:8px;margin-top:6px}.music-cats{display:flex;flex-direction:column;flex-shrink:0;gap:2px;max-height:260px;overflow-y:auto;width:100px}.music-cats::-webkit-scrollbar{width:2px}.music-cats::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.music-cat-btn{background:#0000;border:1px solid #0000;border-radius:5px;color:var(--text-muted);cursor:pointer;font-size:.7rem;font-weight:500;overflow:hidden;padding:5px 8px;text-align:left;text-overflow:ellipsis;transition:all .12s;white-space:nowrap;width:100%}.music-cat-btn.active{background:#6366f126;border-color:#6366f166;color:#818cf8;font-weight:700}.music-cat-btn:not(.active):hover{background:#ffffff0a;color:var(--text)}.voice-narrator{background:#ffffff08;border:1px solid var(--border);border-radius:10px;margin-top:12px;padding:12px}.voice-toggle-row{align-items:center;display:flex;justify-content:space-between}.voice-toggle-label{color:var(--text);font-size:.82rem;font-weight:600}.voice-preview-badge{border:1px solid var(--border);border-radius:8px;cursor:help;display:inline-block;font-size:.62rem;font-weight:500;margin-left:6px;padding:1px 6px;vertical-align:middle}.voice-preview-badge,.voice-toggle-btn{background:var(--bg-input);color:var(--text-muted)}.voice-toggle-btn{border:1px solid var(--border);border-radius:12px;cursor:pointer;font-size:.7rem;font-weight:700;letter-spacing:.5px;padding:3px 12px;transition:all .15s}.voice-toggle-btn.active{background:linear-gradient(135deg,#10b981,#06b6d4);border-color:#10b981;color:#fff}.voice-toggle-btn:hover{border-color:var(--primary)}.voice-settings{display:flex;flex-direction:column;gap:4px;margin-top:8px}.voice-select{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:.78rem;padding:5px 8px;width:100%}.voice-select optgroup{font-size:.8rem;font-weight:700}.voice-loading{color:var(--text-muted);font-size:.82rem;padding:10px;text-align:center}.voice-preview-btn{align-items:center;background:linear-gradient(135deg,#6366f11f,#a855f71f);border:1px solid #6366f14d;border-radius:var(--radius);color:var(--text);cursor:pointer;display:flex;font-size:.82rem;font-weight:600;gap:6px;justify-content:center;margin-top:4px;padding:7px 12px;transition:all .15s;width:100%}.voice-preview-btn:hover{background:linear-gradient(135deg,#6366f133,#a855f733);border-color:var(--primary)}.voice-preview-btn.playing{background:#ef44441f;border-color:#ef4444;color:#ef4444}.voice-presets{margin:6px 0 4px}.voice-presets>label{color:var(--text-secondary);display:block;font-size:.78rem;margin-bottom:6px}.voice-preset-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.voice-preset-btn{align-items:center;background:var(--bg-input);border:1px solid var(--border);border-radius:6px;cursor:pointer;display:flex;flex-direction:column;gap:2px;padding:6px 2px;transition:all .15s}.voice-preset-btn:hover{background:#6366f114;border-color:var(--primary)}.voice-preset-btn.active{background:#6366f126;border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.preset-emoji{font-size:16px;line-height:1}.preset-name{color:var(--text-secondary);font-size:.6rem;font-weight:600;white-space:nowrap}.voice-preset-btn.active .preset-name{color:var(--primary)}.voice-info-text{color:var(--text-muted);font-size:.65rem;line-height:1.3;margin-top:4px;opacity:.7}.voice-info-text strong{color:var(--primary);font-weight:600}.voice-reload-btn{background:none;border:none;cursor:pointer;font-size:.85rem;opacity:.6;padding:0 4px;transition:opacity .2s}.voice-reload-btn:hover{opacity:1}.editor-layout-v2{display:flex;gap:1.5rem;margin:0 auto;max-width:1300px;min-height:calc(100vh - 140px)}.editor-sidebar-v2{display:flex;flex-direction:column;flex-shrink:0;gap:.75rem;max-height:calc(100vh - 140px);overflow-y:auto;padding-right:.5rem;width:300px}.editor-sidebar-v2::-webkit-scrollbar{width:4px}.editor-sidebar-v2::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.editor-main-v2{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:10px;padding-top:4px}.canvas-wrapper-v2{background:#000;border-radius:10px;box-shadow:0 8px 32px #00000080,0 0 0 1px #6366f126;overflow:hidden;position:relative}.canvas-overlay-v2{-webkit-touch-callout:none;bottom:0;cursor:move;left:0;position:absolute;right:0;top:0;touch-action:none;-webkit-user-select:none;user-select:none;z-index:2}.canvas-overlay-v2.dragging{cursor:grabbing}.canvas-wrapper{-webkit-touch-callout:none;touch-action:none;-webkit-user-select:none;user-select:none}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.editor-layout-v2{flex-direction:column}.editor-sidebar-v2{max-height:none;order:2;width:100%}.editor-main-v2{order:1}}@media (max-width:600px){.editor-layout-v2{padding:0 8px}.editor-sidebar-v2{padding-right:0}}.video-edit-toolbar{background:#1e1b2ef2;border:1px solid #818cf833;border-radius:10px;margin:8px auto 0;max-width:560px;overflow:hidden;width:100%}.vet-tabs{display:flex;gap:0;overflow-x:auto;scrollbar-width:none}.vet-tabs::-webkit-scrollbar{display:none}.vet-tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:#94a3b8;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:.65rem;gap:2px;min-width:0;padding:8px 4px 6px;transition:all .2s}.vet-tab:hover{background:#818cf81a;color:#c084fc}.vet-tab.active{background:#818cf814;border-bottom-color:#818cf8;color:#818cf8}.vet-tab-icon{font-size:1.1rem;line-height:1}.vet-tab-label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vet-panel{animation:vetSlideIn .2s ease;border-top:1px solid #818cf826;padding:10px 14px}@keyframes vetSlideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.vet-slider-row{align-items:center;display:flex;gap:10px}.vet-slider-label{color:#cbd5e1;font-size:.78rem;font-weight:600;min-width:110px;white-space:nowrap}.vet-slider{-webkit-appearance:none;appearance:none;background:#818cf840;border-radius:4px;flex:1 1;height:5px;outline:none}.vet-slider::-webkit-slider-thumb{-webkit-appearance:none;background:linear-gradient(135deg,#818cf8,#c084fc);border:2px solid #1e1b2e;border-radius:50%;cursor:pointer;height:16px;width:16px}.vet-slider::-moz-range-thumb{background:linear-gradient(135deg,#818cf8,#c084fc);border:2px solid #1e1b2e;border-radius:50%;cursor:pointer;height:16px;width:16px}.vet-reset{align-items:center;background:#818cf826;border:none;border-radius:6px;color:#818cf8;cursor:pointer;display:flex;font-size:1rem;height:28px;justify-content:center;transition:background .2s;width:28px}.vet-reset:hover{background:#818cf84d}.vet-speed-presets{display:flex;gap:6px;justify-content:center;margin-top:8px}.vet-preset{background:#0000;border:1px solid #818cf84d;border-radius:6px;color:#94a3b8;cursor:pointer;font-size:.75rem;font-weight:600;padding:4px 12px;transition:all .2s}.vet-preset:hover{border-color:#818cf8;color:#818cf8}.vet-preset.active{background:linear-gradient(135deg,#818cf8,#c084fc);border-color:#0000;color:#fff}.vet-toggle-btn{background:#818cf814;border:1px solid #818cf84d;border-radius:8px;color:#cbd5e1;cursor:pointer;font-size:.85rem;font-weight:600;padding:10px 16px;transition:all .2s;width:100%}.vet-toggle-btn:hover{background:#818cf82e;border-color:#818cf8}.vet-toggle-btn.active{background:linear-gradient(135deg,#818cf84d,#c084fc33);border-color:#818cf8;color:#c084fc}@media (max-width:600px){.vet-tab{font-size:.6rem;padding:6px 2px 4px}.vet-tab-icon{font-size:.95rem}.vet-slider-label{font-size:.7rem;min-width:80px}}.studio{background:#0a0e1a;border:1px solid #6366f126;border-radius:12px;display:flex;flex-direction:column;max-width:100vw;min-height:calc(100vh - 100px);overflow:hidden;overflow-y:auto;position:relative;width:100%}.studio-workspace{display:contents}.studio-canvas-panel{display:flex;flex:1 1;flex-direction:column;min-width:0;order:1;position:relative}.studio-timeline{order:2}.studio-tools-panel{background:#0f172af2;border-left:none;border-top:1px solid #6366f11f;display:flex;flex-direction:column;flex-shrink:0;order:3;width:100%}.studio-welcome{min-height:calc(100vh - 140px);padding:2rem}.studio-dropzone,.studio-welcome{align-items:center;display:flex;justify-content:center}.studio-dropzone{background:linear-gradient(135deg,#0f172acc,#1e293b99);border:2px dashed #6366f14d;border-radius:20px;cursor:pointer;flex-direction:column;gap:12px;max-width:560px;padding:3rem 2.5rem;text-align:center;transition:all .3s ease;width:100%}.studio-dropzone:hover{background:linear-gradient(135deg,#141c32e6,#232e41b3);border-color:#6366f199;box-shadow:0 12px 40px #6366f126;transform:translateY(-2px)}.studio-dropzone.drag-over{background:#6366f11f;border-color:#818cf8;box-shadow:0 0 40px #6366f133}.studio-dropzone-icon{margin-bottom:8px;opacity:.7}.studio-dropzone-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#818cf8,#c084fc);-webkit-background-clip:text;font-size:1.4rem;font-weight:700;margin:0}.studio-dropzone-subtitle{color:#94a3b8;font-size:.95rem;margin:0}.studio-dropzone-formats{color:#64748b;font-size:.8rem}.studio-dropzone-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;margin-top:8px;padding:12px 28px;transition:all .2s}.studio-dropzone-btn:hover{box-shadow:0 6px 20px #6366f166;transform:translateY(-2px)}.dropzone-projects{background:#6366f114;border:1px solid #6366f133;border-radius:12px;cursor:default;margin-top:20px;max-width:420px;padding:16px;width:100%}.dropzone-projects-title{color:#a5b4fc;font-size:.85rem;font-weight:600;margin:0 0 8px}.dropzone-projects-hint{color:#94a3b8;font-size:.7rem;line-height:1.4;margin:0 0 10px}.dropzone-projects-list{display:flex;flex-direction:column;gap:6px}.dropzone-project-item{align-items:center;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:8px;display:flex;justify-content:space-between;padding:8px 10px}.dropzone-project-info{flex:1 1;min-width:0}.dropzone-project-name{color:#e2e8f0;display:block;font-size:.75rem;font-weight:600}.dropzone-project-files{color:#64748b;display:block;font-size:.6rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropzone-project-del{background:#ef4444;border:none;border-radius:4px;color:#fff;cursor:pointer;flex-shrink:0;font-size:.65rem;margin-left:8px;padding:3px 8px;transition:background .15s}.dropzone-project-del:hover{background:#dc2626}.studio-topbar{background:linear-gradient(180deg,#0f172af2,#0a0e1ae6);border-bottom:1px solid #6366f11f;flex-shrink:0;gap:12px;justify-content:space-between;padding:8px 16px;z-index:10}.studio-topbar,.studio-topbar-left{align-items:center;display:flex;flex-wrap:wrap}.studio-topbar-left{gap:8px}.studio-brand{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#818cf8,#c084fc);-webkit-background-clip:text;font-size:.95rem;font-weight:700;white-space:nowrap}.studio-project-btns{display:flex;gap:4px}.studio-btn-load,.studio-btn-save{border:none;border-radius:6px;cursor:pointer;font-size:.7rem;font-weight:600;padding:5px 10px;transition:all .15s;white-space:nowrap}.studio-btn-save{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.studio-btn-save:hover{filter:brightness(1.1)}.studio-btn-load{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.studio-btn-load:hover{filter:brightness(1.1)}.studio-topbar-center{align-items:center;display:flex;flex-shrink:1;gap:10px;min-width:0}.studio-topbar-right{display:none}.studio-format-badge{background:#6366f11f;border:1px solid #6366f133;border-radius:20px;color:#a5b4fc;font-size:.7rem;font-weight:600;padding:3px 10px;white-space:nowrap}.studio-file-count{color:#64748b;font-size:.7rem;white-space:nowrap}.studio-topbar-right{align-items:center;display:flex;gap:8px}.studio-btn-add{background:#ffffff0f;border:1px dashed #ffffff26;border-radius:6px;color:#94a3b8;cursor:pointer;font-size:.7rem;font-weight:600;padding:5px 12px;transition:all .15s;white-space:nowrap}.studio-btn-add:hover{background:#6366f126;border-color:#6366f166;color:#c4b5fd}.studio-btn-export{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.75rem;font-weight:700;letter-spacing:.02em;padding:6px 16px;transition:all .2s;white-space:nowrap}.studio-btn-export:hover{box-shadow:0 4px 16px #6366f166;transform:translateY(-1px)}.studio-export-progress{align-items:center;display:flex;gap:8px}.studio-progress-bar{background:#ffffff1a;border-radius:3px;height:6px;overflow:hidden;width:80px}.studio-progress-fill{background:linear-gradient(90deg,#6366f1,#a78bfa);border-radius:3px;height:100%;transition:width .3s}.studio-progress-text{color:#a5b4fc;font-size:.7rem;font-weight:600;white-space:nowrap}.studio-project-panel{align-items:center;animation:studioFadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:100}.studio-project-panel-inner{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid #6366f14d;border-radius:16px;box-shadow:0 20px 60px #00000080;max-width:420px;padding:24px;width:90%}.studio-project-panel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.studio-project-panel-header h3{color:#e2e8f0;font-size:1rem;margin:0}.studio-panel-close{align-items:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:6px;color:#94a3b8;cursor:pointer;display:flex;font-size:.8rem;height:28px;justify-content:center;transition:all .15s;width:28px}.studio-panel-close:hover{background:#ef444433;border-color:#ef44444d;color:#f87171}.studio-project-input{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;box-sizing:border-box;color:#fff;font-size:.8rem;margin-bottom:12px;outline:none;padding:8px 12px;transition:border-color .15s;width:100%}.studio-project-input:focus{border-color:#6366f180}.studio-no-projects{color:#64748b;font-size:.8rem;margin:0;padding:12px;text-align:center}.studio-project-list{display:flex;flex-direction:column;gap:6px;max-height:240px;overflow-y:auto}.studio-project-item{align-items:center;background:#6366f114;border:1px solid #6366f11f;border-radius:8px;display:flex;justify-content:space-between;padding:8px 12px}.studio-project-name{color:#c4b5fd;flex:1 1;font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-project-actions{display:flex;gap:4px}.studio-project-load{background:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.7rem;padding:4px 10px;transition:background .15s}.studio-project-load:hover{background:#2563eb}.studio-project-delete{background:#ef444433;border:1px solid #ef44444d;border-radius:4px;color:#f87171;cursor:pointer;font-size:.7rem;padding:4px 8px;transition:all .15s}.studio-project-delete:hover{background:#ef4444;color:#fff}.studio-project-hint{color:#64748b;font-size:.65rem;line-height:1.4;margin:12px 0 0}.studio-preview{align-items:center;background:radial-gradient(ellipse at center,#0f172a80,#0a0e1ae6);display:flex;flex:1 1;justify-content:center;min-height:0;padding:12px 16px 6px}.studio-canvas-wrap{background:#000;border-radius:10px;box-shadow:0 0 0 1px #ffffff0d,0 8px 32px #00000080,0 0 80px #6366f10f;max-height:calc(100vh - 240px);max-width:100%;overflow:hidden}.studio-drag-hint{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a6;border-radius:4px;bottom:6px;color:#a5b4fc;font-size:.65rem;left:50%;padding:3px 12px;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap}.studio-playback{align-items:center;display:flex;gap:10px;margin:0 auto;max-width:640px;padding:4px 24px 6px;width:100%}.studio-btn-play{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:30px;justify-content:center;transition:all .15s;width:30px}.studio-btn-play:hover{box-shadow:0 0 16px #6366f166;transform:scale(1.08)}.studio-time{color:#94a3b8;flex-shrink:0;font-family:Courier New,monospace;font-size:.72rem;min-width:42px;text-align:center}.studio-seek{-webkit-appearance:none;appearance:none;background:#ffffff1a;border-radius:2px;cursor:pointer;flex:1 1;height:4px;outline:none}.studio-seek::-webkit-slider-thumb{-webkit-appearance:none;background:linear-gradient(135deg,#818cf8,#a78bfa);border:2px solid #ffffffe6;border-radius:50%;box-shadow:0 0 6px #6366f166;cursor:pointer;height:14px;width:14px}.studio-seek::-moz-range-thumb{background:linear-gradient(135deg,#818cf8,#a78bfa);border:2px solid #ffffffe6;border-radius:50%;cursor:pointer;height:14px;width:14px}.studio-timeline{background:#0f172a66;border-top:1px solid #ffffff0d;padding:0 8px}.studio-tools{background:#0000;border-top:none;flex-direction:column}.studio-tool-tabs-wrap,.studio-tools{display:flex;flex-shrink:0;width:100%}.studio-tool-tabs-wrap{-ms-overflow-style:none;align-items:center;border-bottom:1px solid #6366f11f;border-right:none;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.studio-tool-tabs-wrap::-webkit-scrollbar{display:none}.studio-tool-tabs{display:flex;flex-direction:row;gap:2px;padding:0 4px;width:-webkit-max-content;width:max-content}.studio-tool-tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;border-radius:6px 6px 0 0;color:#64748b;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;gap:2px;padding:7px 12px 5px;transition:all .15s;white-space:nowrap}.studio-tool-tab:hover{background:#6366f10f;color:#a5b4fc}.studio-tool-tab.active{background:#6366f114;border-bottom-color:#818cf8;color:#a5b4fc}.studio-tool-modal-close{align-items:center;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:50%;color:#94a3b8;cursor:pointer;display:flex;flex-shrink:0;font-size:.8rem;height:26px;justify-content:center;margin-left:auto;margin-right:8px;transition:background .15s;width:26px}.studio-tool-modal-close:hover{background:#ef44442e;color:#f87171}.studio-tab-icon{font-size:1rem;line-height:1}.studio-tab-label{font-size:.55rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.studio-tool-overlay{animation:slideUpModal .22s cubic-bezier(.22,1,.36,1);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0e1af7;display:flex;flex-direction:column;inset:0;overflow:hidden;position:absolute;z-index:20}.studio-tool-overlay-header{align-items:center;background:#0f172ad9;border-bottom:1px solid #6366f133;display:flex;flex-shrink:0;justify-content:space-between;padding:10px 14px 8px}.studio-tool-overlay-title{color:#a5b4fc;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.studio-tool-overlay-close{align-items:center;background:#ffffff14;border:1px solid #ffffff26;border-radius:50%;color:#94a3b8;cursor:pointer;display:flex;flex-shrink:0;font-size:.85rem;height:28px;justify-content:center;transition:background .15s,color .15s;width:28px}.studio-tool-overlay-close:hover{background:#ef444438;border-color:#ef444459;color:#f87171}.studio-tool-overlay-body{flex:1 1;overflow-y:auto;padding:12px;scrollbar-color:#6366f14d #0000;scrollbar-width:thin}.studio-tool-overlay-body::-webkit-scrollbar{width:4px}.studio-tool-overlay-body::-webkit-scrollbar-thumb{background:#6366f14d;border-radius:4px}.studio-tab-bar{-ms-overflow-style:none;align-items:center;background:#0f172afa;border-top:1px solid #6366f126;display:flex;flex-direction:row;flex-shrink:0;gap:2px;order:3;overflow-x:auto;overflow-y:hidden;padding:0 4px;scrollbar-width:none;width:100%;z-index:50}.studio-tab-bar::-webkit-scrollbar{display:none}@media (max-width:768px){.studio-tab-bar{bottom:0;box-shadow:0 -2px 12px #00000080;left:0;padding:0 2px env(safe-area-inset-bottom,0);position:fixed;right:0;width:100%}.studio{padding-bottom:56px}}@keyframes slideUpModal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.studio-search-input{background:#ffffff12;border:1px solid #ffffff26;border-radius:6px;box-sizing:border-box;color:#e5e7eb;font-size:.8rem;margin-bottom:10px;outline:none;padding:6px 10px;width:100%}.studio-search-input:focus{background:#6366f11a;border-color:#6366f1}.studio-search-input::placeholder{color:#ffffff59}.studio-panel{animation:studioPanelIn .2s ease}@keyframes studioPanelIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes studioFadeIn{0%{opacity:0}to{opacity:1}}.studio-panel-row{margin-bottom:10px}.studio-panel-row:last-child{margin-bottom:0}.studio-mini-section{margin-bottom:12px}.studio-mini-section:last-child{margin-bottom:0}.studio-mini-section h4{color:#94a3b8;font-size:.72rem;font-weight:600;letter-spacing:.04em;margin:0 0 8px;text-transform:uppercase}.studio-panel-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr);margin-bottom:12px}.studio-add-card{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;color:#cbd5e1;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:12px 6px;transition:all .2s}.studio-add-card:hover{background:#6366f11f;border-color:#6366f14d;color:#a5b4fc;transform:translateY(-1px)}.studio-add-icon{font-size:1.3rem}.studio-add-label{font-size:.65rem;font-weight:600}.studio-sticker-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));margin:8px 0 12px}.studio-sticker-btn{align-items:center;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;color:#e2e8f0;cursor:pointer;display:flex;flex-direction:column;gap:3px;padding:10px 6px 8px;transition:all .2s}.studio-sticker-btn:hover{background:#f59e0b2e;border-color:#f59e0b73;box-shadow:0 4px 12px #f59e0b33;transform:translateY(-2px) scale(1.04)}.studio-sticker-icon{font-size:1.6rem;line-height:1}.studio-sticker-name{font-size:.6rem;font-weight:700;margin-top:2px}.studio-sticker-desc{color:#64748b;font-size:.5rem}.sticker-card-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));padding:4px 2px 12px}.sticker-card{align-items:center;background:#0a1428b3;border:2px solid #00c8ff4d;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:0;overflow:hidden;padding:0;position:relative;transition:border-color .18s,box-shadow .18s,transform .18s}.sticker-card--hover,.sticker-card:hover{border-color:#00dcffd9;box-shadow:0 0 14px #00c8ff8c,inset 0 0 8px #00c8ff1a;transform:translateY(-2px) scale(1.03);z-index:2}.sticker-card__canvas{background:#0000;display:block;height:auto;width:100%}.sticker-card__label{background:#00000059;border-top:1px solid #00c8ff1f;color:#94a3b8;display:block;font-size:.6rem;font-weight:700;letter-spacing:.04em;padding:4px 4px 6px;text-align:center;text-transform:uppercase;width:100%}.effect-card-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));padding:4px 2px 10px}.effect-card{align-items:center;background:#0a1428b3;border:2px solid #6366f140;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:0;overflow:hidden;padding:0;position:relative;transition:border-color .18s,box-shadow .18s,transform .18s}.effect-card:hover{border-color:#6366f1bf;box-shadow:0 0 12px #6366f166,inset 0 0 6px #6366f11a;transform:translateY(-2px) scale(1.03);z-index:2}.effect-card--active{border-color:#6366f1f2;box-shadow:0 0 16px #6366f18c,inset 0 0 8px #6366f126}.effect-card-canvas{background:#0000;display:block;height:auto;width:100%}.effect-card-icon{display:none}.effect-card-label{background:#00000059;border-top:1px solid #6366f11f;color:#94a3b8;display:block;font-size:.58rem;font-weight:700;letter-spacing:.04em;padding:3px 4px 5px;text-align:center;text-transform:uppercase;width:100%}.effect-card--active .effect-card-label{color:#a5b4fc}.studio-emoji-section{background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;margin:8px 0;padding:10px}.studio-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.studio-section-header h4{color:#cbd5e1;font-size:.75rem;margin:0}.studio-section-close{align-items:center;background:none;border:1px solid #ffffff1a;border-radius:4px;color:#94a3b8;cursor:pointer;display:flex;font-size:.7rem;height:22px;justify-content:center;width:22px}.studio-section-close:hover{background:#ef444433;color:#f87171}.studio-toggle-group{display:flex;gap:4px}.studio-toggle-btn{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:#94a3b8;cursor:pointer;flex:1 1;font-size:.72rem;font-weight:600;padding:6px 12px;transition:all .15s}.studio-toggle-btn:hover{background:#6366f11a}.studio-toggle-btn.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#0000;color:#fff}.studio-color-presets{align-items:center;display:flex;flex-wrap:wrap;gap:5px}.studio-color-swatch{border:2px solid #0000;border-radius:5px;cursor:pointer;height:24px;transition:all .15s;width:24px}.studio-color-swatch:hover{transform:scale(1.15)}.studio-color-swatch.active{border-color:#fff;box-shadow:0 0 0 2px var(--primary)}.studio-color-custom{align-items:center;display:flex}.studio-color-custom input[type=color]{background:none;border:none;border-radius:5px;cursor:pointer;height:24px;outline:none;padding:0;width:24px}.studio-gradient-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.studio-gradient-btn{border:1px solid #ffffff1a;border-radius:6px;color:#fff;cursor:pointer;font-size:.58rem;font-weight:500;padding:6px 4px;text-align:center;text-shadow:0 1px 3px #00000080;transition:all .15s}.studio-gradient-btn:hover{border-color:#ffffff4d;transform:scale(1.02)}.studio-gradient-btn.active{border:2px solid #fff;box-shadow:0 0 8px #6366f166}.studio-sliders{display:flex;flex-direction:column;gap:6px}.studio-slider-row{align-items:center;display:flex;gap:8px}.studio-slider-label{color:#94a3b8;font-size:.68rem;min-width:80px;white-space:nowrap}.studio-slider{-webkit-appearance:none;appearance:none;background:#ffffff1a;border-radius:2px;cursor:pointer;flex:1 1;height:4px;outline:none}.studio-slider::-webkit-slider-thumb{-webkit-appearance:none;background:linear-gradient(135deg,#818cf8,#a78bfa);border:2px solid #fffc;border-radius:50%;cursor:pointer;height:14px;width:14px}.studio-slider::-moz-range-thumb{background:linear-gradient(135deg,#818cf8,#a78bfa);border:2px solid #fffc;border-radius:50%;cursor:pointer;height:14px;width:14px}.studio-slider-value{color:#a5b4fc;font-family:Courier New,monospace;font-size:.68rem;font-weight:600;min-width:35px;text-align:right}.studio-slider-reset{align-items:center;background:#6366f11a;border:1px solid #6366f133;border-radius:4px;color:#818cf8;cursor:pointer;display:flex;flex-shrink:0;font-size:.8rem;height:24px;justify-content:center;transition:all .15s;width:24px}.studio-slider-reset:hover{background:#6366f133}.studio-speed-presets{display:flex;gap:4px;margin-top:8px}.studio-speed-btn{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:#94a3b8;cursor:pointer;flex:1 1;font-size:.68rem;font-weight:600;padding:5px 8px;transition:all .15s}.studio-speed-btn:hover{background:#6366f11a}.studio-speed-btn.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#0000;color:#fff}.studio-effect-btn{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;color:#94a3b8;cursor:pointer;font-size:.75rem;font-weight:600;padding:8px 12px;transition:all .15s;width:100%}.studio-effect-btn:hover{background:#6366f11a}.studio-effect-btn.active{background:linear-gradient(135deg,#6366f133,#8b5cf633);border-color:#6366f14d;color:#a5b4fc}.studio-hint{color:#64748b;font-size:.72rem;margin:0;text-align:center}.studio-transitions-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}.studio-trim-duration{background:#6366f114;border-radius:6px;color:#a5b4fc;font-size:.78rem;font-weight:600;margin-top:6px;padding:6px;text-align:center}.studio-file-list{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.studio-file-item{align-items:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;display:flex;gap:8px;padding:6px 10px;transition:background .15s}.studio-file-item:hover{background:#ffffff0d}.studio-file-num{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.65rem;font-weight:700;height:22px;justify-content:center;width:22px}.studio-file-info{flex:1 1;min-width:0}.studio-file-name{color:#e2e8f0;display:block;font-size:.72rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-file-meta{color:#64748b;font-size:.62rem}.studio-dur-control{margin-top:4px}.studio-dur-control label{color:#94a3b8;font-size:.62rem}.studio-file-actions{display:flex;flex-shrink:0;gap:2px}.studio-file-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff14;border-radius:4px;color:#94a3b8;cursor:pointer;display:flex;font-size:.6rem;height:22px;justify-content:center;transition:all .15s;width:22px}.studio-file-btn:hover:not(:disabled){background:#6366f126;color:#a5b4fc}.studio-file-btn:disabled{cursor:not-allowed;opacity:.3}.studio-file-del:hover{background:#ef444433!important;border-color:#ef44444d!important;color:#f87171!important}.studio-add-files-btn{background:none;border:1px dashed #6366f14d;border-radius:8px;color:#818cf8;cursor:pointer;font-size:.72rem;font-weight:600;padding:8px;transition:all .15s;width:100%}.studio-add-files-btn:hover{background:#6366f114;border-color:#6366f180}.studio-clip-editor-wrap{border-bottom:1px solid #ffffff0f;margin-bottom:8px;padding-bottom:8px;position:relative}@media (max-width:768px){.studio-topbar{flex-wrap:nowrap;gap:4px;padding:5px 8px}.studio-topbar-left{-ms-overflow-style:none;flex-wrap:nowrap;gap:4px;overflow-x:auto;scrollbar-width:none}.studio-topbar-left::-webkit-scrollbar{display:none}.studio-brand,.studio-topbar-center{display:none}.studio-btn-load,.studio-btn-save{font-size:.6rem;padding:4px 7px}.studio-btn-add{font-size:.6rem;padding:4px 8px}.studio-btn-export{font-size:.65rem;padding:5px 10px}.studio-panel-grid{grid-template-columns:repeat(2,1fr)}.studio-transitions-row{grid-template-columns:1fr}.studio-tool-content{max-height:180px}.studio-preview{padding:6px 8px 4px}.studio-canvas-wrap{max-height:calc(100vh - 320px);max-height:calc(100dvh - 320px)}}@media (max-width:480px){.studio-tool-tab{min-width:0;padding:4px 5px 3px}.studio-tab-icon{font-size:.8rem}.studio-tab-label{font-size:.42rem;letter-spacing:0}.studio-playback{gap:6px;padding:3px 8px}.studio-btn-play{height:26px;width:26px}.studio-time{font-size:.62rem;min-width:36px}.studio-canvas-wrap{max-height:calc(100vh - 300px);max-height:calc(100dvh - 300px)}.studio{padding-bottom:50px}}
/*# sourceMappingURL=main.edc1cbae.css.map*/