.timelapse-content{min-height:900px}
.timelapse-card{padding:18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}
.timelapse-selectors{display:flex;align-items:flex-end;gap:14px;margin-bottom:15px}
.timelapse-selectors label>span,.speed-control>span,.timelapse-count>span{display:block;margin-bottom:5px;color:var(--muted);font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.6px}
.timelapse-selectors select,.speed-control select{min-width:170px;padding:9px 30px 9px 10px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text);font-size:11px;font-weight:700}
.timelapse-count{margin-left:auto;text-align:right}.timelapse-count strong{display:block;font-size:20px}
.viewer-shell{position:relative;display:flex;align-items:center;justify-content:center;min-height:480px;overflow:hidden;border-radius:12px;background:#101820}
#viewer{display:block;width:100%;max-height:72vh;object-fit:contain;background:#101820}
.viewer-overlay{position:absolute;left:12px;right:12px;bottom:11px;display:flex;justify-content:space-between;gap:12px;pointer-events:none}
.viewer-overlay span{padding:5px 8px;border-radius:7px;background:rgba(25,39,52,.78);color:#fff;font-size:9px}
.timelapse-empty{color:#b7c2cb;font-size:12px}
.timeline-wrap{padding:13px 2px 4px}.timeline{width:100%;accent-color:var(--primary);cursor:pointer}
.timelapse-controls{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-top:8px}
.control-group{display:flex;flex-wrap:wrap;gap:7px}
.control-group button{padding:8px 11px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font-size:10px;font-weight:750;cursor:pointer}
.control-group button:hover{background:var(--surface-soft)}
.control-group button.primary-control{background:#eaf1fa;border-color:var(--primary);color:var(--primary-dark)}
.control-group button:disabled{opacity:.45;cursor:default}
.speed-control{min-width:150px}.speed-control select{min-width:130px}
.timelapse-help{margin-top:14px;padding-top:11px;border-top:1px solid var(--border);color:var(--muted);font-size:9px}
.timelapse-back{margin-top:13px}.timelapse-back a{color:var(--primary-dark);font-size:10px;font-weight:750;text-decoration:none}