.story-studio { display: grid; gap: 18px; }
.story-studio-intro p, .story-studio-review p { color: var(--text-muted); line-height: 1.6; }
.story-studio-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.story-studio-toolbar label { position: relative; overflow: hidden; cursor: pointer; }
.story-studio-toolbar input[type=file] { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.story-studio-toolbar button:not([class]) { padding: 10px 14px; border: 1px solid var(--border); border-radius: 10px; background: #fff; color: var(--text); cursor: pointer; }
.story-studio-slides { display: grid; gap: 16px; }
.story-studio-slide { display: grid; grid-template-columns: minmax(160px, 240px) minmax(0, 1fr); border: 1px solid var(--border); border-radius: 18px; overflow: hidden; background: #f8fbff; }
.story-studio-thumb { background: #102038; display: grid; place-items: center; min-height: 220px; color: white; font-size: 64px; }
.story-studio-thumb img, .story-studio-thumb video { width: 100%; height: 260px; object-fit: contain; }
.story-studio-editor { padding: 20px; display: grid; gap: 12px; min-width: 0; }
.story-studio-editor label { display: grid; gap: 6px; }
.story-studio-editor input, .story-studio-editor textarea { width: 100%; box-sizing: border-box; padding: 12px; border: 1px solid var(--border); border-radius: 10px; font: inherit; }
.story-studio-review { padding: 20px; border: 1px solid var(--border); background: #eef4ff; border-radius: 16px; }
.story-studio-player { width: min(520px, calc(100vw - 24px)); max-height: 92dvh; overflow: auto; padding: 0; border: 0; border-radius: 22px; color: #fff; background: #101d30; }
.story-studio-player::backdrop { background: rgb(8 20 38 / 80%); }
.story-studio-player header, .story-studio-player footer { padding: 16px; display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.story-studio-player button { border: 1px solid #69809c; color: white; background: #233a57; padding: 10px 16px; border-radius: 10px; cursor: pointer; }
.story-studio-stage { display: grid; place-items: center; min-height: 200px; font-size: 72px; }
.story-studio-stage img, .story-studio-stage video { width: 100%; height: min(50dvh, 540px); object-fit: contain; }
.story-studio-player-copy { padding: 0 20px; overflow-wrap: anywhere; white-space: pre-wrap; }
.story-studio-player-copy p { line-height: 1.6; }
@media (max-width: 640px) { .story-studio-slide { grid-template-columns: minmax(0, 1fr); } }