.mode-switch{border-color:#9a6a4b;background:#fff8ee;color:#482c24;font-weight:700}
.story-shell .preview-strip{background:#263c52}
.story-shell .sidebar{background:linear-gradient(180deg,#f8f1e7,#efe2d2)}
.story-main textarea{min-height:120px;resize:vertical}
.story-main textarea[rows="20"]{min-height:46vh;max-height:68vh;line-height:1.75}
.story-main pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f8f5f0;border-radius:8px;padding:12px}
.progress{height:10px;background:#eadfd3;border-radius:999px;overflow:hidden;margin:12px 0}
.progress i{display:block;height:100%;background:#816048}
.story-toast{position:fixed;z-index:10000;right:18px;bottom:18px;max-width:min(420px,calc(100vw - 36px));padding:12px 16px;border-radius:9px;background:#24472f;color:#fff;box-shadow:0 8px 30px #0004}
.story-toast.error{background:#7d2929}
.story-bottom{padding-bottom:env(safe-area-inset-bottom)}
@media(max-width:720px){
  .story-shell .app-header{grid-template-columns:1fr auto}.story-shell .brand small{max-width:50vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .story-shell .world-picker{grid-column:1/-1;width:100%;order:3}
  .story-shell .header-actions [data-story-action="story-search"]{display:none}
  .story-main{padding-bottom:92px}.story-main .grid{display:block}.story-main .card{margin-bottom:12px}
  .story-main textarea[rows="20"]{min-height:42vh;max-height:none}
  .story-shell .modal{max-height:calc(100dvh - 24px);overflow:auto}.story-shell .modal form{display:block}
}
@media(min-width:901px){.story-bottom{display:none}}