.sequence-summary { color: var(--text-2); margin: 0 0 var(--sp-4); }
.sequence-toolbar { display: flex; flex-wrap: wrap; align-items: end; gap: var(--sp-3); margin-bottom: var(--sp-4); }
.sequence-toolbar > .field { min-width: 120px; flex: 1; }
.sequence-scene { margin-bottom: var(--sp-6); min-width: 0; }
.sequence-scene-head { display: flex; align-items: center; justify-content: space-between; gap: var(--gap-3); margin-bottom: var(--sp-3); }
.sequence-scene-head h3 { margin: 0; overflow-wrap: anywhere; }
.sequence-cards { display: grid; grid-template-columns: repeat(auto-fill,minmax(250px,1fr)); gap: var(--sp-4); }
.sequence-card { border: 1px solid var(--line); border-radius: var(--r-l); background: var(--surface); min-width: 0; overflow: hidden; }
.sequence-thumbnail { width: 100%; border: 0; border-bottom: 1px solid var(--line); aspect-ratio: 16/9; background: var(--sunken); color: var(--text-3); display: flex; align-items: center; justify-content: center; cursor: pointer; padding: var(--gap-2); overflow: hidden; }
.sequence-thumbnail img { width: 100%; height: 100%; object-fit: contain; }
.sequence-card-body { display: grid; gap: var(--gap-3); padding: var(--gap-4); }
.sequence-card-body p { margin: 0; overflow-wrap: anywhere; }
.sequence-action { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.sequence-chips { display: flex; flex-wrap: wrap; gap: var(--gap-2); }
.sequence-continuity { border: 0; background: transparent; color: var(--text-3); padding: 0; text-align: left; font-size: var(--text-sm); cursor: pointer; }
.sequence-card-order { display: flex; justify-content: flex-end; gap: var(--gap-2); padding: var(--gap-2); border-top: 1px solid var(--line); }
.sequence-cards.is-list { grid-template-columns: minmax(0,1fr); }
.is-list .sequence-card { display: grid; grid-template-columns: minmax(180px,260px) minmax(0,1fr); }
.is-list .sequence-card-order { grid-column: 1/-1; }
.is-list .sequence-action { display: block; }
.sequence-detail { display: grid; gap: var(--gap-4); }
.sequence-detail-image img { display: block; max-width: 100%; max-height: 45vh; object-fit: contain; margin-inline: auto; }
.sequence-detail .scene-technical { background: var(--surface); border-color: var(--line); }
.sequence-detail .scene-technical > .stack-sm { padding: var(--gap-4); }
.sequence-skeleton { display: grid; grid-template-columns: repeat(auto-fill,minmax(250px,1fr)); gap: var(--sp-4); min-height: 320px; }
.sequence-skeleton-card { aspect-ratio: 4/3; border-radius: var(--r-l); background: var(--sunken); }
@media (max-width:680px) { .sequence-cards,.sequence-skeleton { grid-template-columns: minmax(0,1fr); } .is-list .sequence-card { display:block; } .sequence-scene-head { flex-wrap:wrap; } }