.fa-editor-body { margin:0; background:#0b0f1e; color:#fff; font-family:'Inter',system-ui; }
.fa-editor { display:grid; grid-template-columns:260px 1fr 260px; height:100vh; }
.fa-editor-sidebar, .fa-editor-panel { background: rgba(255,255,255,0.04); border-right:1px solid rgba(255,255,255,0.08); padding:16px; overflow:auto; }
.fa-editor-panel { border-right:none; border-left:1px solid rgba(255,255,255,0.08); }
.fa-editor-stage { display:flex; align-items:center; justify-content:center; background: radial-gradient(circle at 20% 20%, rgba(90,216,255,0.12), transparent 35%), #050814; }
.fa-canvas { width: 80%; min-height: 70vh; background:#fff; color:#000; border-radius:8px; box-shadow:0 20px 50px rgba(0,0,0,0.45); padding:20px; }
.fa-editor-sidebar button, .fa-editor-panel button { width:100%; margin-bottom:8px; padding:10px; border-radius:8px; border:none; background:linear-gradient(120deg,#5ad8ff,#7c4dff); color:#fff; cursor:pointer; }
.fa-video-editor { display:grid; grid-template-columns:1fr 320px; height:100vh; gap:12px; padding:16px; }
.fa-video-preview { background:rgba(255,255,255,0.04); border-radius:12px; padding:12px; }
.fa-video-timeline { background:rgba(255,255,255,0.04); border-radius:12px; padding:12px; }
.fa-video-editor video { width:100%; border-radius:10px; }
@media (max-width: 900px) { .fa-editor { grid-template-columns:1fr; height:auto; } }