.studio-link{display:inline-block;background:#173e72;color:white;text-decoration:none;border-radius:8px;padding:10px 13px}.video-layout{display:grid;grid-template-columns:245px minmax(320px,1fr) 225px;min-height:calc(100vh - 80px)}.video-side{background:#fff;border-right:1px solid #dce5f0;padding:17px;display:flex;flex-direction:column;gap:10px}.video-side:last-child{border-left:1px solid #dce5f0;border-right:0}.video-side h2,.video-side h3{margin:8px 0}.video-side p,.small{color:#60728a;font-size:12px;line-height:1.6}.video-side label:not(.upload){display:flex;flex-direction:column;gap:5px;color:#52657b}.video-side input,.video-side select,.video-side textarea{border:1px solid #ccd9e7;border-radius:7px;padding:8px;width:100%}.video-main{min-width:0;padding:16px}.video-preview{background:#dbe5f0;min-height:330px;height:min(56vh,580px);display:grid;place-items:center;padding:12px}.video-preview canvas{max-width:100%;max-height:100%;width:auto;height:auto;background:#101a2e;box-shadow:0 5px 20px #102c5233}.video-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:13px 0}.video-actions #status{color:#566a84;font-size:12px}.timeline{display:flex;gap:9px;overflow:auto;padding:12px 0;min-height:100px}.clip-card{min-width:150px;max-width:190px;text-align:left;display:flex;flex-direction:column;gap:5px;cursor:grab}.clip-card.selected{outline:3px solid #1765c1;background:#e8f2ff}.clip-card small{color:#60728a}.video-side button{margin:3px 0}@media(max-width:900px){.video-layout{grid-template-columns:1fr}.video-side{border:0;border-bottom:1px solid #dce5f0}.video-preview{height:420px}}