*{box-sizing:border-box}body{margin:0;background:#101010;color:#eee;font:14px Arial,sans-serif}header{height:58px;display:flex;align-items:center;gap:10px;padding:0 16px;background:#191919;border-bottom:1px solid #333}h1{font-size:18px;margin-right:auto}h2{font-size:14px;margin:0 0 12px}.btn{display:inline-block;border:1px solid #444;background:#282828;color:#fff;padding:9px 12px;border-radius:7px;cursor:pointer}.btn:hover{background:#383838}.primary{background:#315d9b}.danger{background:#682f2f;margin-top:8px}.layout{height:calc(100vh - 58px);display:grid;grid-template-columns:250px 1fr 250px;grid-template-rows:1fr 210px}aside{background:#181818;padding:14px;overflow:auto}.inspector{border-left:1px solid #333}.stage{background:#080808;display:flex;align-items:center;justify-content:center;position:relative}.stage video{max-width:95%;max-height:95%;background:#000}.stage canvas{display:none;max-width:95%;max-height:95%}.drop{border:2px dashed #555;border-radius:9px;padding:24px 8px;text-align:center;color:#aaa;margin-bottom:10px}.drop.over{border-color:#aaa;background:#222}.mediaItem,.clip{padding:9px;background:#242424;border:1px solid #3b3b3b;border-radius:7px;margin:6px 0;cursor:pointer}.mediaItem small,.clip small{display:block;color:#999;margin-top:4px}.clip{display:inline-block;width:150px;height:92px;margin:0 6px 0 0;vertical-align:top}.clip.selected{border-color:#fff}.timeline{grid-column:1/4;background:#151515;border-top:1px solid #333;padding:12px;overflow:auto}.track{min-width:700px;white-space:nowrap;background:#0d0d0d;border:1px solid #333;border-radius:8px;padding:9px;height:125px}label{display:block;color:#aaa;font-size:12px;margin:9px 0}input{display:block;width:100%;margin-top:5px;padding:8px;background:#222;color:#fff;border:1px solid #444;border-radius:6px}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:8px}.inspector .btn{width:100%;margin-top:8px}.dialog{position:fixed;inset:0;background:#000b;display:none;align-items:center;justify-content:center}.dialog.show{display:flex}.dialogBox{width:360px;background:#1c1c1c;border:1px solid #444;border-radius:12px;padding:20px}.dialogBox .btn{width:100%}#progress{position:absolute;bottom:15px;left:20%;right:20%;text-align:center;color:#aaa}