@import"https://fonts.googleapis.com/css2?family=Outfit:wght@500;700&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";:root{--primary: #16a34a;--primary-dark: #15803d;--background: #f6fef8;--surface: #ffffff;--border: #d1fae5;--text-primary: #0f172a;--text-secondary: #334155}*{box-sizing:border-box}body{margin:0;font-family:Plus Jakarta Sans,Segoe UI,sans-serif;color:var(--text-primary);background:linear-gradient(160deg,#f8fff9,#eefaf2)}h1,h2,h3{font-family:Outfit,Plus Jakarta Sans,sans-serif;margin:0}.shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh;transition:grid-template-columns .18s ease}.shell.sidebar-collapsed{grid-template-columns:0 1fr}.sidebar{background:#fff;border-right:1px solid #e2efe8;padding:18px;display:flex;flex-direction:column;gap:14px;transition:transform .18s ease,opacity .18s ease}.sidebar.collapsed{transform:translate(-100%);opacity:0;pointer-events:none}.sidebar-toggle{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.sidebar-fab{position:fixed;top:12px;left:12px;z-index:40;width:auto;padding:8px 12px;border-radius:999px;background:#0f172a;border:1px solid #1e293b;color:#e2e8f0}.brand{text-decoration:none;display:flex;gap:12px;align-items:center;color:inherit}.brand-mark{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:#fff;background:linear-gradient(140deg,var(--primary),#22c55e);font-weight:700}.brand p{margin:0;color:#64748b;font-size:.8rem}.user-box{border:1px solid #e2f5e9;border-radius:12px;padding:12px;background:#f8fdf9;display:grid;gap:2px}.user-box span{color:#64748b;font-size:.85rem}.nav-list a{display:block;text-decoration:none;color:var(--text-secondary);font-weight:600;border:1px solid transparent;border-radius:10px;padding:10px 12px}.nav-list a.active{background:#ecfdf3;color:var(--primary-dark);border-color:var(--border)}.content{padding:24px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin-top:14px;align-items:start}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:16px;box-shadow:0 10px 24px #0a19120d;display:flex;flex-direction:column;gap:10px}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:16px}.login-card{width:min(480px,100%)}input,button{font:inherit;border-radius:10px}input{border:1px solid #dceee4;padding:11px;background:#fbfffc}input[type=file]{padding:8px}input:focus{outline:none;border-color:#8be3b0;box-shadow:0 0 0 4px #22c55e26}button{border:0;padding:11px;font-weight:600;background:var(--primary);color:#fff;cursor:pointer}button:hover{background:var(--primary-dark)}button:disabled{opacity:.7;cursor:not-allowed}.tool-card button,.trim-card button{margin-top:auto}.ghost{margin-top:auto;background:#fff;color:#334155;border:1px solid #dceee4}.error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca;border-radius:10px;padding:10px}.status{margin-top:16px;background:#ecfdf3;border:1px solid #bbf7d0;border-radius:12px;padding:12px;color:#166534}.editor-page{display:grid;gap:12px}.editor-header p{margin-top:6px;color:#475569}.fullscreen-btn{margin-top:10px;width:auto;background:#0f172a;border:1px solid #1e293b}.editor-shell-dark{background:#0f1115;border:1px solid #20242d;border-radius:14px;min-height:78vh;display:grid;grid-template-columns:280px 1fr 300px;overflow:hidden}.editor-shell-dark:fullscreen{width:100vw;height:100vh;max-height:100vh;border-radius:0;border:0}.editor-shell-dark:fullscreen .editor-center{grid-template-rows:1fr 360px}.editor-panel{background:#13171e;padding:14px;border-right:1px solid #242a35;color:#c8d1df;display:flex;flex-direction:column;gap:10px}.right-panel{border-right:0;border-left:1px solid #242a35}.editor-panel h3{font-size:1rem;color:#f8fafc}.editor-panel label{font-size:.84rem;color:#94a3b8}.editor-panel input,.editor-panel select{border:1px solid #2c3442;background:#0f141c;color:#dbe5f5;border-radius:8px;padding:10px;min-width:0;width:100%}.editor-panel input:focus,.editor-panel select:focus{border-color:#1fb854;box-shadow:0 0 0 3px #1fb85433}.editor-panel button{border-radius:8px;background:#1e293b;color:#e2e8f0;border:1px solid #334155;width:100%;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.editor-panel button:hover{background:#0f766e;border-color:#0f766e}.upload-form{display:grid;gap:8px}.upload-form input[type=file]{min-width:0;width:100%;max-width:100%;overflow:hidden}.upload-form button{background:#1d4ed8;border-color:#1d4ed8}.upload-form button:hover{background:#1e40af;border-color:#1e40af}.media-list{display:grid;gap:8px;overflow:auto}.media-row{display:grid;grid-template-columns:1fr 56px;gap:8px;align-items:stretch}.media-row.active .media-item{background:#14532d;border-color:#16a34a}.media-item{text-align:left;display:grid;gap:4px;width:100%;max-width:100%}.media-item strong{font-size:.88rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-item span{font-size:.75rem;color:#94a3b8}.media-delete{background:#7f1d1d!important;border-color:#b91c1c!important;color:#fee2e2!important;padding:0}.media-delete:hover{background:#991b1b!important}.empty{color:#94a3b8;font-size:.86rem}.editor-center{display:grid;grid-template-rows:1fr 300px;min-height:0}.preview-wrap{padding:12px;background:#090b0f;display:grid;place-items:center}.preview-player{width:100%;max-height:54vh;background:#05070b;border-radius:8px}.preview-empty{color:#94a3b8}.timeline-wrap{border-top:1px solid #242a35;background:#11161d;display:grid;grid-template-rows:auto 1fr auto;padding:12px;gap:10px}.timeline-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.timeline-controls button{width:auto;background:#172033;border:1px solid #2f3d57;color:#dbeafe;padding:6px 10px;font-size:.82rem}.timeline-controls label{display:inline-flex;align-items:center;gap:8px;color:#94a3b8;font-size:.8rem}.zoom-text{color:#93c5fd;font-size:.84rem;font-weight:700}.timeline-controls input{width:78px;background:#0f141c;border:1px solid #2c3442;color:#dbe5f5;border-radius:6px;padding:5px 7px}.frame-strip-viewport{border:1px solid #2c3442;border-radius:8px;background:#0b1118;height:190px;overflow:auto hidden;position:relative}.frame-strip-content{position:relative;min-width:100%;height:100%}.frame-thumb{position:absolute;top:46px;background:#111827;border:1px solid #334155;border-radius:6px;padding:4px;display:grid;gap:4px;height:106px}.frame-thumb img{width:100%;height:72px;object-fit:cover;border-radius:4px}.frame-thumb span{font-size:.72rem;color:#93c5fd}.frame-thumb.active{border-color:#22c55e;box-shadow:0 0 0 1px #22c55e inset}.frames-empty{color:#94a3b8;font-size:.82rem;padding:6px}.playhead{position:absolute;top:0;bottom:0;width:2px;background:#f87171;box-shadow:0 0 0 1px #f8717159;z-index:4}.cut-selection{position:absolute;top:12px;height:162px;border:2px solid #22c55e;background:#22c55e26;border-radius:8px;z-index:3;cursor:grab}.cut-selection:active{cursor:grabbing}.cut-handle{position:absolute;top:-2px;bottom:-2px;width:10px;background:#16a34a;border:1px solid #14532d}.cut-start{left:-6px;cursor:ew-resize}.cut-end{right:-6px;cursor:ew-resize}.timeline-meta{display:flex;justify-content:space-between;color:#94a3b8;font-size:.8rem}.op-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.editor-panel button:disabled{opacity:.45;cursor:not-allowed}.download-btn{background:#065f46!important;border-color:#065f46!important}.download-btn:hover{background:#047857!important}.editor-status{background:#0f172a;border:1px solid #1e293b;border-radius:10px;color:#cbd5e1;padding:10px 12px;font-size:.9rem}.small-note{margin-top:4px;color:#94a3b8;font-size:.78rem}@media (max-width: 880px){.shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid #e2efe8;transform:none!important;opacity:1!important;pointer-events:auto!important}.editor-shell-dark{grid-template-columns:1fr}.editor-center{grid-template-rows:300px 280px}.right-panel{border-left:0;border-top:1px solid #242a35}}