#page-machines .mc-footage-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,340px);gap:22px;align-items:start;margin-top:20px}
#page-machines .mc-footage-layout .mc-footage{margin-top:0}
#page-machines .mc-shot-sidebar{background:#f0ebe0;border:1px solid #ded5c3;border-radius:14px;padding:18px;min-width:0;position:sticky;top:20px;max-height:calc(100vh - 40px);overflow:auto}
#page-machines .mc-shot-sidebar h3{margin:0 0 12px;font:600 17px Manrope,sans-serif}
#page-machines .mc-shot{padding:14px 0;border-top:1px solid #ddd4c3;display:flex;flex-direction:column;gap:8px}
#page-machines .mc-shot strong{font-size:13px;line-height:1.5;overflow-wrap:anywhere}
#page-machines .mc-shot-state{font-size:12px;color:#94632a}
#page-machines .mc-shot.has-clips .mc-shot-state{color:#32634c}
#page-machines .mc-shot details{font-size:12px;line-height:1.6}
#page-machines .mc-shot code{display:block;white-space:normal;overflow-wrap:anywhere;padding:6px 0;font-size:11px}
#page-machines .mc-shot-links{display:flex;flex-wrap:wrap;gap:12px;margin:8px 0}
#page-machines .mc-shot button{align-self:flex-start;text-align:left}
#page-machines .mc-footage>label{display:block;margin:14px 0}
#page-machines .mc-footage>label input,#page-machines .mc-footage>label select{width:100%;max-width:100%}
#page-machines .mc-shot.selected{border-left:3px solid #345c75;padding-left:12px}
#page-machines .mc-clip-caption{font-size:12px;color:#345c75;white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:1100px){#page-machines .mc-footage-layout{grid-template-columns:1fr}#page-machines .mc-shot-sidebar{grid-row:1;position:static;max-height:460px}#page-machines #mc-shots{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:0 18px}}