#editorMode{background:#242b3c;color:#fff;border:1px solid #65708d;border-radius:9px;padding:9px 12px;max-width:210px}#videoWorkspace[hidden],#photoWorkspace[hidden]{display:none!important}.video-workspace{background:#171c29;color:#edf1fa;min-height:80vh;padding:20px}.video-grid{display:grid;grid-template-columns:minmax(250px,330px) minmax(0,1fr);gap:18px;max-width:1450px;margin:auto}.video-panel{background:#262e40;padding:16px;border-radius:12px;display:grid;align-content:start;gap:12px}.video-panel label{display:grid;gap:5px}.video-panel input:not([type=color]),.video-panel button{width:100%;max-width:100%;box-sizing:border-box}.video-panel input{padding:8px}.video-panel button,.video-controls button,.video-clip button{background:#485e8c;border:1px solid #7285b1;color:white;border-radius:7px;padding:10px;cursor:pointer}.video-preview{min-width:0}.video-preview canvas{width:100%;height:auto;background:#080b11;border-radius:10px;display:block}.video-controls{display:flex;align-items:center;gap:12px;margin-top:10px;flex-wrap:wrap}.video-controls input{flex:1;min-width:110px}.video-clip{display:flex;gap:5px;margin:5px 0}.video-clip button:first-child{flex:1;min-width:0;text-align:left;overflow:hidden;text-overflow:ellipsis}.video-clip.active button:first-child{background:#325e9a}.video-note{font-size:12px;color:#bdc7dd;line-height:1.5}.video-panel h2,.video-panel h3{margin:0}.video-panel hr{width:100%;border:0;border-top:1px solid #596276}@media(max-width:780px){.video-grid{grid-template-columns:1fr}.video-workspace{padding:10px}.video-preview{grid-row:1}.video-panel{grid-row:2}}