.cloud-storyboard{display:grid;grid-template-columns:270px minmax(0,1fr) 300px;gap:14px;min-height:650px}.story-scenes,.story-main,.story-detail{min-width:0;background:#0c1625;border:1px solid var(--line);border-radius:14px;padding:14px}.story-scenes{max-height:720px;overflow:auto}.story-scenes h3,.story-detail h3{margin:4px 0 14px}.story-scene{width:100%;display:grid;grid-template-columns:72px 1fr;align-items:center;gap:10px;text-align:left;margin-bottom:9px;padding:8px}.story-scene.active,.story-timeline button.active{border-color:var(--cyan);box-shadow:0 0 0 1px var(--cyan) inset}.story-scene img,.story-thumb{width:72px;aspect-ratio:16/9;object-fit:cover;border-radius:6px;background:#17253b;display:grid;place-items:center}.story-scene span:last-child{display:grid;gap:4px}.story-scene small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.story-main{display:flex;flex-direction:column;gap:14px}.story-preview{background:#050a12;border-radius:10px;overflow:hidden;aspect-ratio:16/9;display:grid;place-items:center}.story-preview img,.story-preview video{width:100%;height:100%;object-fit:contain}.story-wait{display:grid;place-items:center;gap:15px;color:var(--muted)}.story-controls{display:flex;gap:10px;flex-wrap:wrap}.story-timeline{display:flex;gap:7px;overflow-x:auto;padding:7px 2px}.story-timeline button{min-width:68px;display:grid;gap:4px;padding:9px}.story-timeline span{font-size:10px;color:var(--muted)}.story-detail{max-height:720px;overflow:auto}.story-detail label{font-size:13px;color:var(--muted)}.story-detail textarea{min-height:95px;font-size:13px;color:#e8efff}.story-detail label:last-child textarea{min-height:130px}
@media(max-width:1000px){.cloud-storyboard{grid-template-columns:220px minmax(0,1fr)}.story-detail{grid-column:1/-1;max-height:none}}
@media(max-width:760px){#storyboard.view{padding:20px 10px}.cloud-storyboard{grid-template-columns:1fr;min-height:0}.story-main{grid-row:1}.story-scenes{grid-row:2;display:flex;gap:8px;max-height:none;overflow-x:auto}.story-scenes h3{display:none}.story-scene{min-width:155px;margin:0;grid-template-columns:54px 1fr}.story-scene img,.story-thumb{width:54px}.story-detail{grid-row:3;grid-column:1}.story-controls button{flex:1}.title h2{font-size:28px}}