*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base:#08090d;--bg-surface:#0f1118;--bg-elevated:#161922;--bg-panel:#12141c;--border-subtle:#1f2330;--border-bright:#2d3345;--primary:#6366f1;--primary-hover:#4f46e5;--accent-purple:#a855f7;--accent-cyan:#06b6d4;--accent-emerald:#10b981;--accent-rose:#f43f5e;--accent-amber:#f59e0b;--text-main:#f8fafc;--text-muted:#94a3b8;--text-dim:#64748b;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", monospace}html,body{background:var(--bg-base);width:100%;height:100%;color:var(--text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;overflow:hidden}.font-mono{font-family:var(--font-mono)}.editor-shell{background:radial-gradient(circle at 50% 0,#151828 0%,#08090d 70%);flex-direction:column;width:100vw;height:100vh;display:flex}.app-header{backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);z-index:20;background:#0f1118d9;flex-shrink:0;align-items:center;gap:16px;height:52px;padding:0 18px;display:flex}.app-header__brand{align-items:center;gap:10px;display:flex}.brand-logo{color:#fff;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex;box-shadow:0 0 16px #6366f173}.brand-title{letter-spacing:-.5px;background:linear-gradient(90deg,#fff,#cbd5e1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:17px;font-weight:800}.brand-version{color:#818cf8;background:#6366f126;border:1px solid #6366f14d;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.app-header__meta{align-items:center;gap:8px;margin-left:12px;display:flex}.file-chip{color:var(--text-main);background:var(--bg-elevated);border:1px solid var(--border-subtle);text-overflow:ellipsis;white-space:nowrap;border-radius:5px;max-width:180px;padding:3px 8px;font-size:12px;font-weight:600;overflow:hidden}.dim-chip{color:var(--text-dim);font-size:11px;font-family:var(--font-mono)}.badge{border-radius:12px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge--success{color:#34d399;background:#10b9811f;border:1px solid #10b98140}.badge--purple{color:#c084fc;background:#a855f71f;border:1px solid #a855f740}.app-header__actions{align-items:center;gap:10px;margin-left:auto;display:flex}.btn{cursor:pointer;user-select:none;border:none;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:7px 14px;font-size:13px;font-weight:600;text-decoration:none;transition:all .18s;display:inline-flex}.btn--primary{background:var(--primary);color:#fff;box-shadow:0 2px 8px #6366f14d}.btn--primary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 14px #6366f173}.btn--export{color:#fff;background:linear-gradient(135deg,#6366f1,#a855f7);box-shadow:0 0 16px #a855f766}.btn--export:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5,#9333ea);transform:translateY(-1px);box-shadow:0 0 22px #a855f799}.btn--outline{color:var(--text-main);border:1px solid var(--border-bright);background:#ffffff0a}.btn--outline:hover:not(:disabled){color:#818cf8;background:#ffffff17;border-color:#6366f1}.btn--ghost{color:var(--text-muted);background:0 0;border:1px solid #0000}.btn--ghost:hover:not(:disabled){background:var(--bg-elevated);color:var(--text-main);border-color:var(--border-subtle)}.btn--accent{color:#fff;background:linear-gradient(135deg,#ec4899,#8b5cf6);box-shadow:0 4px 12px #ec48994d}.btn--accent:hover:not(:disabled){opacity:.95;transform:translateY(-1px)}.btn--danger{color:#fff;background:#ef4444}.btn--danger:hover{background:#dc2626}.btn--lg{border-radius:9px;padding:12px 24px;font-size:15px}.btn--full{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.app-body{flex:1;min-height:0;display:flex;position:relative}.app-body__empty{flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.app-workspace{flex-direction:column;flex:1;min-height:0;display:flex}.workspace-main{background:#000;flex:1;min-height:0;display:flex}.workspace-monitor{background:#08090c;flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.workspace-timeline{background:var(--bg-surface);border-top:1px solid var(--border-subtle);flex-direction:column;flex-shrink:0;height:230px;display:flex}.uploader-container{border:2px dashed var(--border-bright);text-align:center;backdrop-filter:blur(16px);background:#12141c99;border-radius:16px;width:100%;max-width:580px;padding:40px 30px;transition:all .2s}.uploader-container--dragover{border-color:var(--primary);background:#6366f114;transform:scale(1.02)}.uploader-icon-halo{color:#818cf8;background:#6366f11f;border:1px solid #6366f140;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 20px;display:flex;box-shadow:0 0 24px #6366f133}.uploader-title{color:#fff;letter-spacing:-.3px;margin-bottom:8px;font-size:22px;font-weight:700}.uploader-desc{color:var(--text-muted);margin-bottom:26px;font-size:14px;line-height:1.5}.uploader-actions{justify-content:center;align-items:center;gap:12px;margin-bottom:28px;display:flex}.uploader-input-hidden{display:none}.uploader-feature-tags{border-top:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:center;gap:8px;padding-top:18px;display:flex}.feat-tag{color:var(--text-muted);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:20px;padding:4px 10px;font-size:12px;font-weight:500}.player-container{user-select:none;flex-direction:column;width:100%;height:100%;display:flex;position:relative}.player-viewport{background:#000;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}.player-video-el{object-fit:contain;outline:none;max-width:100%;max-height:100%}.meme-overlay-container{pointer-events:none;z-index:10;position:absolute;inset:0}.meme-overlay-item{transform-origin:50%;pointer-events:none;animation:.22s cubic-bezier(.175,.885,.32,1.275) memePop;position:absolute}@keyframes memePop{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.meme-text{text-transform:uppercase;text-align:center;white-space:pre-line;text-shadow:-2px -2px #000,2px -2px #000,-2px 2px #000,2px 2px #000,0 4px 12px #000c;letter-spacing:1px;font-family:Impact,-apple-system,sans-serif;font-size:38px;font-weight:900;line-height:1.15}.meme-text--credits{letter-spacing:2px;background:#000000d9;border-radius:6px;padding:16px 28px;font-family:Courier New,Courier,monospace;font-size:26px}.meme-glasses{filter:drop-shadow(0 4px 10px #000c);justify-content:center;align-items:center;display:flex}.meme-laser-eyes{width:100px;height:30px;position:relative}.laser-dot{background:#f22;border-radius:50%;width:22px;height:22px;position:absolute;box-shadow:0 0 25px 12px #f11,0 0 8px 3px #fff}.player-controls{border-top:1px solid var(--border-subtle);background:#0f1118f2;flex-shrink:0;justify-content:space-between;align-items:center;height:46px;padding:0 16px;display:flex}.player-controls__left,.player-controls__right{align-items:center;gap:8px;display:flex}.player-ctrl-btn{width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.player-ctrl-btn:hover{background:var(--bg-elevated);color:#fff}.player-ctrl-btn--play{background:var(--primary);color:#fff;border-radius:50%;width:38px;height:38px;box-shadow:0 0 10px #6366f166}.player-ctrl-btn--play:hover{background:var(--primary-hover);transform:scale(1.06)}.player-time-display{color:var(--text-muted);align-items:center;gap:5px;margin-left:8px;font-size:12px;display:flex}.player-time-curr{color:#fff;font-weight:600}.player-volume-group{align-items:center;gap:4px;display:flex}.player-vol-slider{width:70px;height:4px;accent-color:var(--primary);cursor:pointer}.meme-panel{background:var(--bg-panel);border-right:1px solid var(--border-subtle);flex-direction:column;flex-shrink:0;width:330px;display:flex}.meme-panel__tabs{border-bottom:1px solid var(--border-subtle);background:var(--bg-surface);display:flex}.meme-panel__tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:7px;padding:10px 0;font-size:12px;font-weight:600;transition:all .15s;display:flex}.meme-panel__tab--active{color:#fff;border-bottom-color:var(--primary);background:#6366f10d}.meme-panel__content{flex-direction:column;flex:1;gap:14px;padding:14px;display:flex;overflow-y:auto}.auto-meme-card{background:linear-gradient(135deg,#a855f71f,#6366f114);border:1px solid #a855f74d;border-radius:10px;padding:12px}.auto-meme-card__header{align-items:center;gap:10px;margin-bottom:10px;display:flex}.auto-meme-card__icon{font-size:20px}.auto-meme-card__title{color:#fff;font-size:13px;font-weight:700}.auto-meme-card__desc{color:var(--text-muted);font-size:11px}.auto-meme-density{align-items:center;gap:6px;margin-bottom:10px;display:flex}.auto-meme-density__label{color:var(--text-dim);font-size:11px}.auto-meme-density__btn{text-transform:capitalize;background:var(--bg-elevated);color:var(--text-muted);border:1px solid var(--border-subtle);cursor:pointer;border-radius:4px;flex:1;padding:3px 0;font-size:10px;font-weight:600}.auto-meme-density__btn--active{color:#fff;background:#a855f7;border-color:#a855f7}.meme-categories{gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.meme-cat-btn{background:var(--bg-surface);color:var(--text-muted);border:1px solid var(--border-subtle);cursor:pointer;white-space:nowrap;border-radius:12px;padding:4px 10px;font-size:11px;font-weight:600;transition:all .12s}.meme-cat-btn--active{background:var(--primary);color:#fff;border-color:var(--primary)}.meme-grid{flex-direction:column;gap:8px;display:flex}.meme-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:8px;align-items:center;gap:10px;padding:8px 10px;transition:border-color .15s,background .15s;display:flex}.meme-card:hover{border-color:var(--border-bright);background:var(--bg-elevated)}.meme-card__badge{background:var(--bg-base);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;display:flex}.meme-card__info{flex:1;min-width:0}.meme-card__name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;display:block;overflow:hidden}.meme-card__desc{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:10px;display:block;overflow:hidden}.meme-card__actions{align-items:center;gap:4px;display:flex}.meme-btn-icon{border:1px solid var(--border-subtle);width:24px;height:24px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:4px;justify-content:center;align-items:center;display:flex}.meme-btn-icon:hover{color:#fff;background:var(--bg-base)}.meme-btn-add{color:#818cf8;cursor:pointer;background:#6366f126;border:1px solid #6366f14d;border-radius:5px;padding:4px 8px;font-size:11px;font-weight:600;transition:all .12s}.meme-btn-add:hover{background:var(--primary);color:#fff}.inspector-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;display:flex}.inspector-title{color:#fff;font-size:14px;font-weight:700}.inspector-empty{text-align:center;color:var(--text-dim);padding:40px 16px;font-size:12px;line-height:1.5}.inspector-empty__icon{margin-bottom:12px;font-size:28px;display:block}.btn-danger-sm{color:#ef4444;cursor:pointer;background:#ef444426;border:1px solid #ef44444d;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:600}.btn-danger-sm:hover{color:#fff;background:#ef4444}.form-group{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.form-row{justify-content:space-between;align-items:center;display:flex}.form-label{color:var(--text-muted);font-size:11px;font-weight:600}.form-val{font-size:11px;font-weight:600;font-family:var(--font-mono);color:#818cf8}.form-input{background:var(--bg-surface);border:1px solid var(--border-bright);color:#fff;border-radius:6px;outline:none;width:100%;padding:7px 10px;font-size:12px;transition:border-color .15s}.form-input:focus{border-color:var(--primary)}.form-range{width:100%;height:4px;accent-color:var(--primary);cursor:pointer}.form-help{color:var(--text-dim);font-size:10px;line-height:1.4}.btn-group{gap:6px;display:flex}.btn-pill{background:var(--bg-surface);color:var(--text-muted);border:1px solid var(--border-subtle);cursor:pointer;border-radius:5px;flex:1;padding:5px 0;font-size:11px;font-weight:600}.btn-pill:hover{color:#fff;background:var(--bg-elevated)}.tl-container{user-select:none;flex-direction:column;width:100%;height:100%;display:flex}.tl-toolbar{background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;height:38px;padding:0 14px;display:flex}.tl-toolbar__group{align-items:center;gap:6px;display:flex}.tl-tool-btn{background:var(--bg-elevated);color:var(--text-muted);border:1px solid var(--border-subtle);cursor:pointer;border-radius:5px;align-items:center;gap:5px;padding:4px 9px;font-size:11px;font-weight:600;transition:all .12s;display:inline-flex}.tl-tool-btn:hover:not(:disabled){color:#fff;border-color:var(--border-bright);background:#232736}.tl-tool-btn:disabled{opacity:.4;cursor:not-allowed}.tl-divider{background:var(--border-subtle);width:1px;height:16px;margin:0 4px}.tl-readout{align-items:center;gap:16px;display:flex}.tl-stat{align-items:center;gap:5px;font-size:11px;display:flex}.tl-stat__lbl{color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;font-size:9px;font-weight:700}.tl-stat__val{color:#cbd5e1;font-weight:600}.tl-stat--cut .tl-stat__val{color:#34d399}.tl-zoom{align-items:center;gap:4px;display:flex}.tl-zoom-btn{background:var(--bg-elevated);border:1px solid var(--border-subtle);width:22px;height:22px;color:var(--text-muted);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;font-weight:700;display:flex}.tl-zoom-btn:hover:not(:disabled){color:#fff;background:#232736}.tl-zoom-val{font-size:10px;font-family:var(--font-mono);color:var(--text-dim);text-align:center;width:36px}.tl-scroll-area{background:#090b10;flex:1;position:relative;overflow:auto hidden}.tl-viewport{cursor:pointer;min-width:100%;height:100%;position:relative}.tl-ruler{border-bottom:1px solid var(--border-subtle);background:#0d0f15;height:22px;position:relative}.tl-ruler-tick{background:#1e2230;width:1px;position:absolute;top:0;bottom:0}.tl-ruler-tick--major{background:#333a4d}.tl-ruler-label{font-size:9px;font-family:var(--font-mono);color:#64748b;pointer-events:none;white-space:nowrap;position:absolute;top:2px;left:4px}.tl-track{border-bottom:1px solid var(--border-subtle);align-items:center;height:60px;display:flex;position:relative}.tl-track--memes{background:#a855f705;height:44px}.tl-track--video{background:#6366f105;height:72px}.tl-track-label{backdrop-filter:blur(8px);border-right:1px solid var(--border-subtle);z-index:8;width:80px;height:100%;color:var(--text-dim);background:#0f1118e6;flex-shrink:0;align-items:center;padding-left:10px;font-size:11px;font-weight:700;display:flex;position:sticky;left:0}.tl-track-lane{flex:1;height:100%;position:relative}.tl-meme-block{cursor:pointer;z-index:5;background:linear-gradient(135deg,#a855f759,#ec489959);border:1px solid #c084fc;border-radius:5px;align-items:center;gap:4px;padding:0 6px;transition:transform .1s,box-shadow .1s;display:flex;position:absolute;top:6px;bottom:6px;overflow:hidden}.tl-meme-block:hover{box-shadow:0 0 8px #a855f780}.tl-meme-block--selected{z-index:6;border:2px solid #fff;box-shadow:0 0 12px #a855f7cc}.tl-meme-badge{font-size:12px}.tl-meme-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:700;overflow:hidden}.tl-meme-del{color:#fff9;cursor:pointer;background:0 0;border:none;margin-left:auto;padding:0 2px;font-size:13px}.tl-meme-del:hover{color:#fff}.tl-clip-block{cursor:pointer;z-index:4;background:linear-gradient(#1e293b,#0f172a);border:1px solid #38bdf8;border-radius:6px;align-items:center;transition:box-shadow .1s;display:flex;position:absolute;top:6px;bottom:6px;overflow:hidden}.tl-clip-block:hover{box-shadow:0 0 10px #38bdf859}.tl-clip-block--selected{z-index:5;border:2px solid #fff;box-shadow:0 0 14px #38bdf8b3}.tl-waveform-container{pointer-events:none;opacity:.6;justify-content:space-around;align-items:center;padding:0 4px;display:flex;position:absolute;inset:0}.tl-wave-bar{background:#38bdf8;border-radius:1px;width:2px}.tl-clip-dur{font-size:10px;font-family:var(--font-mono);color:#94a3b8;pointer-events:none;position:absolute;bottom:4px;left:8px}.tl-trim-handle{cursor:ew-resize;z-index:10;width:8px;position:absolute;top:0;bottom:0}.tl-trim-handle--left{border-left:3px solid #38bdf8;left:0}.tl-trim-handle--right{border-right:3px solid #38bdf8;right:0}.tl-trim-handle:hover{background:#38bdf840}.tl-playhead-needle{cursor:ew-resize;z-index:20;pointer-events:auto;width:14px;position:absolute;top:0;bottom:0;transform:translate(-50%)}.tl-playhead-cap{background:#06b6d4;border:2px solid #fff;border-radius:50%;width:12px;height:12px;margin:4px auto 0;box-shadow:0 0 8px #06b6d4}.tl-playhead-stem{background:#06b6d4;width:2px;height:calc(100% - 16px);margin:0 auto;box-shadow:0 0 6px #06b6d4}.modal-backdrop{backdrop-filter:blur(8px);z-index:50;background:#000000bf;justify-content:center;align-items:center;padding:16px;animation:.15s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-dialog{background:var(--bg-panel);border:1px solid var(--border-bright);border-radius:14px;flex-direction:column;width:100%;max-width:480px;display:flex;overflow:hidden;box-shadow:0 20px 40px #0009}.modal-header{border-bottom:1px solid var(--border-subtle);background:var(--bg-surface);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-header__title-group{align-items:center;gap:12px;display:flex}.modal-header__icon{font-size:22px}.modal-header__title{color:#fff;font-size:15px;font-weight:700}.modal-header__subtitle{color:var(--text-dim);font-size:11px}.modal-close-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;font-size:22px;line-height:1}.modal-close-btn:hover{color:#fff}.modal-body{padding:20px}.modal-footer{background:var(--bg-surface);border-top:1px solid var(--border-subtle);justify-content:flex-end;align-items:center;gap:10px;padding:14px 20px;display:flex}.analysis-stats-card{background:#10b98114;border:1px solid #10b98133;border-radius:8px;gap:12px;margin-top:12px;padding:12px;display:flex}.analysis-stat{flex-direction:column;flex:1;gap:2px;display:flex}.analysis-stat__label{color:var(--text-muted);text-transform:uppercase;font-size:10px;font-weight:600}.analysis-stat__value{font-size:16px;font-weight:700;font-family:var(--font-mono);color:#fff}.analysis-stat__value--highlight{color:#34d399}.export-summary-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px;display:grid}.summary-item{background:var(--bg-surface);border:1px solid var(--border-subtle);text-align:center;border-radius:8px;padding:10px}.summary-label{color:var(--text-dim);text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:600;display:block}.summary-val{color:#fff;font-size:13px;font-weight:700;font-family:var(--font-mono)}.export-progress-box{background:var(--bg-surface);border:1px solid var(--border-bright);border-radius:8px;margin-bottom:16px;padding:16px}.export-progress-header{justify-content:space-between;margin-bottom:8px;font-size:12px;display:flex}.export-phase{color:var(--text-muted)}.export-pct{color:#a855f7;font-weight:700;font-family:var(--font-mono)}.progress-bar-track{background:var(--bg-base);border-radius:4px;width:100%;height:8px;margin-bottom:8px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#6366f1,#a855f7);border-radius:4px;height:100%;transition:width .15s}.progress-time{color:var(--text-dim);font-size:11px;font-family:var(--font-mono)}.export-success-box{background:#10b9811a;border:1px solid #10b98140;border-radius:8px;gap:14px;padding:14px;display:flex}.success-icon{font-size:26px}.success-title{color:#34d399;margin-bottom:4px;font-size:13px;font-weight:700}.success-desc{color:var(--text-muted);font-size:12px;line-height:1.4}.export-error-box{color:#f87171;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;align-items:center;gap:10px;padding:12px;font-size:12px;display:flex}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:12px;height:12px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#252a3a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#383f56}