/* Retain the original five-view workspace. All overlays use its one frame clock. */
.linked-inputs{position:absolute;bottom:9px;left:10px;right:10px;display:flex;align-items:flex-end;justify-content:space-between;gap:6px;pointer-events:none}
.linked-inputs kbd{display:grid;place-items:center;min-width:19px;height:19px;padding:0 4px;border:1px solid #a9b7ae88;border-radius:3px;background:#15211ecc;color:#edf3e9;font:9px/1 monospace;box-shadow:0 1px 4px #0005}
.linked-inputs kbd.pressed{background:#dfb780;color:#18201b;border-color:#ffe3ac;box-shadow:0 0 8px #dfb78088}
.input-grid{display:grid;grid-template-columns:repeat(3,19px);gap:3px}
.input-grid kbd:first-child{grid-column:2}
.input-grid kbd:nth-child(2){grid-column:1}
.input-actions{display:flex;gap:3px}
.proxy-view .take-control{top:9px;bottom:auto;right:9px;min-height:22px;padding:2px 5px;font-size:8px}
.style-view img{object-fit:contain;transform:none}
/* Opaque timecode, anchored to the actual 16:9 frame, outside the clipped layers. */
#compare .render-time{right:0;bottom:0;z-index:6;width:max(24%,146px);height:max(12%,32px);display:flex;align-items:center;justify-content:center;gap:6px;padding:5px 9px;background:#002147;color:#fff;border-radius:7px 0 0 0;text-shadow:none;font:600 12px/1 monospace;font-variant-numeric:tabular-nums;pointer-events:none;isolation:isolate}
#compare .render-time .live-dot{flex:0 0 5px;width:5px;height:5px;margin:0;box-shadow:none}
#compare .render-duration{font-size:10px;font-weight:400;color:#d2b48c;white-space:nowrap}
@media(max-width:1100px) and (min-width:761px){.linked-inputs{bottom:6px;left:5px;right:5px}.linked-inputs kbd{min-width:15px;height:16px;font-size:7px;padding:0 3px}.input-grid{grid-template-columns:repeat(3,15px);gap:2px}.input-actions{gap:2px}}