:root{font-family:Inter,system-ui,Arial,sans-serif;background:#0c1019;color:#edf1ff}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{background:#242b3b;border:1px solid #404b63;border-radius:8px;padding:9px 12px;color:#edf1ff;cursor:pointer}button:disabled{opacity:.4;cursor:default}button:hover:not(:disabled){border-color:#76adff}.primary{background:#2879ed;border-color:#2879ed}header{height:70px;border-bottom:1px solid #293345;display:flex;justify-content:space-between;align-items:center;padding:12px 24px}header>div:last-child{display:flex;gap:9px}.logo{font-size:20px;color:#68aaff;display:flex;gap:8px;align-items:center}.logo b{color:#fff}.logo span{font-weight:700}.logo small{font-size:10px;background:#253a5c;border-radius:6px;padding:4px;color:#9bc4ff}.workspace{display:grid;grid-template-columns:minmax(190px,24%) 1fr minmax(190px,20%);min-height:430px}.workspace aside{padding:18px;border-right:1px solid #293345;background:#141a26}.workspace aside:last-child{border-left:1px solid #293345;border-right:0}h3{font-size:15px;margin:4px 0 18px}.tabs{font-size:12px;color:#92a0b8;margin-bottom:20px}.drop{border:2px dashed #425170;border-radius:14px;text-align:center;padding:25px 8px;cursor:pointer;font-size:26px;color:#88baff}.drop p{font-size:15px;color:#fff;margin:4px}.drop small{display:block;font-size:11px;color:#91a2bc}.media{border-bottom:1px solid #334055;padding:13px 0;overflow-wrap:anywhere}.media strong,.media small{display:block;font-size:12px}.media small{color:#a5acc5;padding:5px 0}.media button{font-size:11px}.center{min-width:0;padding:16px;background:#101622}.bar{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#cfd8ed;margin-bottom:12px}.bar span{color:#8797b2;font-size:12px}.monitor{background:#030508;aspect-ratio:16/9;width:100%;max-height:460px;display:grid;place-items:center;border:1px solid #313e55;border-radius:12px;overflow:hidden}.monitor video{width:100%;height:100%;object-fit:contain}.placeholder{text-align:center;color:#8c98b4}.placeholder div{font-size:58px;color:#317ff8}.placeholder h2{color:#e6eaf3;font-size:22px}.controls{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 3px;color:#9baac3;font-size:12px}.controls>div{display:flex;gap:8px}aside label{display:block;margin:15px 0 8px;font-size:12px;color:#95a8c4}input,select{width:100%;background:#202a3d;border:1px solid #43506a;padding:10px;border-radius:8px;color:#fff}.filename{word-break:break-all;font-size:12px}.muted{font-size:12px;line-height:1.6;color:#8c9bb5}hr{border:0;border-top:1px solid #35405a;margin:30px 0}.timeline{border-top:1px solid #293345;padding:20px;background:#131926;min-height:210px}.track{display:flex;gap:10px;min-height:65px;align-items:center;border-top:1px solid #303b50}.track>b{font-size:12px;min-width:105px}.cliparea{display:flex;overflow-x:auto;gap:3px;flex:1}.clip{background:#214a7f;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.clip.active{background:#346fd0;border-color:#9dc6ff}.clip small{display:block;margin-top:5px;color:#b8d6ff}footer{padding:12px 20px;border-top:1px solid #293345;font-size:11px;color:#8fc7a8;display:flex;justify-content:space-between}footer span{color:#64738d}@media (max-width:900px){.workspace{grid-template-columns:1fr}.workspace aside{border:0;border-bottom:1px solid #35405a}.monitor{max-height:330px}.logo{font-size:13px}header{padding:10px;height:auto;flex-wrap:wrap;gap:10px}.timeline{padding:10px}footer span{display:none}}