/* Editable clip lengths; card width grows with duration and scrolls inside the timeline. */
.timeline-track .clip{min-width:168px;max-width:none;flex:none;padding:14px 30px 11px 13px;position:relative}
.clip-duration-control{display:flex;gap:5px;align-items:center;font-size:11px;color:var(--muted);width:max-content;cursor:text}
.clip-duration-control input{width:68px;border:1px solid var(--line);border-radius:5px;padding:4px 5px;background:var(--surface);color:var(--ink);font:600 12px ui-monospace,Consolas,monospace;appearance:textfield}
.clip-duration-control input::-webkit-inner-spin-button{appearance:none}
.clip-duration-control input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}
.clip-duration-control input:disabled{opacity:.55;cursor:not-allowed}
.clip-order>span{align-self:center;font-size:9px;margin-left:4px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.clip .clip-resize-handle{position:absolute;right:0;top:30px;bottom:0;width:19px;border:0;border-left:1px solid var(--accent-line);border-radius:0 0 8px 0;padding:0;background:var(--accent-soft);color:var(--accent);cursor:ew-resize;touch-action:none;display:grid;place-items:center;z-index:2}
.clip-resize-handle>span{height:28px;width:5px;border-left:2px solid currentColor;border-right:2px solid currentColor;opacity:.7;pointer-events:none}
.clip .clip-resize-handle:hover:not(:disabled),.clip.is-resizing .clip-resize-handle{background:var(--accent);color:var(--accent-text)}
.clip .clip-resize-handle:disabled{cursor:not-allowed;opacity:.4}
.clip.is-resizing{outline:2px solid var(--accent);outline-offset:1px}
.timeline-is-resizing,.timeline-is-resizing *{cursor:ew-resize!important;user-select:none!important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:760px){.clip .clip-resize-handle{width:22px}.clip-duration-control input{font-size:14px;padding:5px}.timeline-track .clip{padding-right:32px}}
/* Published sequence editing follows the shared timeline and theme tokens. */
.sequence-edit-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 18px;margin-bottom:18px;border:1px solid var(--accent-line);border-left:3px solid var(--accent);border-radius:10px;background:var(--accent-soft)}
.sequence-edit-banner>div:first-child{min-width:0}.sequence-edit-banner strong{display:block;font-size:19px;line-height:1.5;margin-top:8px;color:var(--ink);overflow-wrap:anywhere}.sequence-edit-banner p{margin:6px 0 0;font-size:12px;line-height:1.8;color:var(--muted)}
.sequence-edit-actions{display:flex;flex-wrap:wrap;gap:8px;flex-shrink:0}.sequence-card.is-editing{border-color:var(--accent)}.sequence-card-secondary{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:10px;font-size:12px;color:var(--muted)}
.sequence-name-input{font-size:18px!important;font-weight:600;min-height:48px!important}
@media(max-width:900px){.sequence-edit-banner{align-items:flex-start;flex-direction:column}.sequence-edit-actions{width:100%}}
@media(max-width:620px){.sequence-edit-banner{padding:14px}.sequence-edit-actions .btn{flex:1}.sequence-card-actions .btn{flex:1 0 auto}.sequence-card-secondary{align-items:flex-start}.sequence-card-secondary>.btn{min-height:36px}.sequence-name-input{font-size:17px!important}}