/* Structured creator and novel play surfaces */
.studio-page,.story-screen{--studio-ink:#202b2c;--studio-muted:#738182;--studio-line:#dce4e2;--studio-soft:#f5f8f7;--studio-green:#287c67;--studio-coral:#d46d5b;color:var(--studio-ink);max-width:1440px;margin:0 auto;padding:18px 0 100px}
.studio-topbar{position:sticky;top:0;z-index:15;display:flex;align-items:center;gap:14px;margin:0 -24px 24px;padding:12px 24px;border-bottom:1px solid var(--studio-line);background:rgba(255,255,255,.96);backdrop-filter:blur(12px)}
.studio-back,.story-back{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--studio-line);border-radius:8px;color:#314344;font-size:20px}
.studio-topbar>div:first-of-type{display:grid;gap:2px;min-width:0;flex:1}.studio-eyebrow{color:var(--studio-green);font-size:9px;font-weight:800;letter-spacing:0}.studio-topbar strong{font-size:15px}.studio-topbar small{color:var(--studio-muted);font-size:10px}
.studio-top-actions{display:flex;gap:8px}.studio-draft-button,.studio-publish-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:0 14px;border:1px solid var(--studio-line);border-radius:7px;background:#fff;color:#425253;font-size:11px;font-weight:750;cursor:pointer}.studio-publish-button{border-color:var(--studio-green);background:var(--studio-green);color:#fff}.studio-publish-button span{font-size:16px;font-weight:400}.studio-draft-button:disabled,.studio-publish-button:disabled{opacity:.55;cursor:wait}
.studio-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:38px;align-items:start}.studio-nav{position:sticky;top:84px;display:grid;gap:3px;padding:6px 0}.studio-nav a{padding:9px 11px;border-left:2px solid transparent;color:#758182;font-size:11px;font-weight:650}.studio-nav a:hover,.studio-nav a.active{border-color:var(--studio-green);background:#eef5f2;color:var(--studio-green)}.studio-form{min-width:0;max-width:970px}.studio-section{scroll-margin-top:88px;padding:0 0 34px;margin:0 0 27px;border-bottom:1px solid var(--studio-line)}.studio-section-title{display:flex;align-items:flex-start;gap:12px;margin:0 0 19px}.studio-section-title>span{display:grid;place-items:center;flex:0 0 28px;height:28px;border-radius:6px;background:#eaf3ef;color:var(--studio-green);font-size:10px;font-weight:800}.studio-section-title h2{margin:1px 0 4px;font-size:18px;line-height:1.3}.studio-section-title p{margin:0;color:var(--studio-muted);font-size:11px;line-height:1.65}
.studio-grid{display:grid;gap:13px}.studio-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-field{display:grid;align-content:start;gap:6px;min-width:0;margin:0 0 13px;color:#4a595a;font-size:11px;font-weight:700}.studio-field>span{display:flex;justify-content:space-between;gap:10px;line-height:1.4}.studio-field>span small,.studio-field>small{color:#8c9999;font-size:9px;font-weight:450;line-height:1.5}.studio-field input,.studio-field textarea,.studio-field select{width:100%;min-width:0;border:1px solid #d9e1df;border-radius:6px;background:#fff;color:#263536;font:inherit;font-size:12px;font-weight:450;outline:none}.studio-field input,.studio-field select{height:38px;padding:0 10px}.studio-field textarea{min-height:72px;padding:10px;line-height:1.7;resize:vertical}.studio-field input:focus,.studio-field textarea:focus,.studio-field select:focus{border-color:#58a18c;box-shadow:0 0 0 3px rgba(40,124,103,.1)}.studio-field input::placeholder,.studio-field textarea::placeholder{color:#b0baba}.studio-count{display:block;margin:-7px 0 14px;color:#8a9696;font-size:9px;text-align:right}.studio-mode-note{display:flex;align-items:center;gap:8px;height:38px;padding:0 10px;border:1px solid #d9e1df;border-radius:6px;background:#f7f9f8;font-size:11px}.studio-mode-note b{color:var(--studio-green)}.studio-mode-note i{padding:3px 7px;border-radius:4px;background:#e8f0ed;color:#58736a;font-size:9px;font-style:normal}
.studio-cover-layout{display:grid;grid-template-columns:minmax(180px,280px) 1fr;gap:16px;align-items:center;margin:0 0 18px}.studio-cover-box{position:relative;display:grid;align-content:center;justify-items:center;gap:7px;aspect-ratio:16/8.7;border:1px dashed #aebcba;border-radius:7px;background-color:#f4f7f6;background-size:cover;background-position:center;overflow:hidden}.studio-cover-box.has-cover::before{position:absolute;inset:0;background:rgba(15,28,27,.26);content:""}.studio-cover-box button,.studio-cover-box span{position:relative;z-index:1}.studio-cover-box button{padding:9px 12px;border:1px solid #d8e1df;border-radius:6px;background:rgba(255,255,255,.94);color:#314443;font-size:11px;cursor:pointer}.studio-cover-box span{color:#849190;font-size:9px}.studio-cover-box.has-cover span{color:#fff}.studio-cover-copy strong{font-size:12px}.studio-cover-copy p{max-width:280px;color:var(--studio-muted);font-size:10px;line-height:1.6}
.studio-inline-actions{display:flex;align-items:center;gap:10px;margin:-5px 0 15px}.studio-inline-actions button,.studio-import-tools button,.studio-quiet-button{padding:6px 9px;border:1px solid #d9e1df;border-radius:5px;background:#fff;color:var(--studio-green);font-size:10px;font-weight:700;cursor:pointer}.studio-inline-actions small{color:#909b9a;font-size:9px}.studio-tags{display:flex;flex-wrap:wrap;gap:7px}.studio-tag{position:relative}.studio-tag input{position:absolute;width:1px;height:1px;opacity:0}.studio-tag span{display:block;padding:6px 9px;border:1px solid #d9e1df;border-radius:5px;background:#fff;color:#667373;font-size:10px;cursor:pointer}.studio-tag.selected span{border-color:#72a895;background:#edf6f2;color:#236e5b}.studio-check{display:flex;align-items:flex-start;gap:9px;cursor:pointer}.studio-check input{position:absolute;width:1px;height:1px;opacity:0}.studio-checkmark{display:grid;place-items:center;flex:0 0 17px;height:17px;margin-top:1px;border:1px solid #b9c5c3;border-radius:4px;background:#fff;color:transparent;font-size:10px}.studio-check input:checked+.studio-checkmark{border-color:var(--studio-green);background:var(--studio-green);color:#fff}.studio-check>span:last-child{display:grid;gap:3px}.studio-check strong{font-size:11px}.studio-check small{color:var(--studio-muted);font-size:9px;line-height:1.5}
.studio-block{margin:19px 0 0;padding:0 0 5px}.studio-block-heading{margin-bottom:12px}.studio-block-heading h3{margin:0 0 4px;font-size:13px}.studio-block-heading p{max-width:760px;margin:0;color:var(--studio-muted);font-size:10px;line-height:1.65}.studio-repeater{display:grid;gap:9px}.studio-row{min-width:0;padding:12px;border:1px solid #dfe6e4;border-radius:7px;background:#fbfcfc}.studio-row>header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.studio-row>header strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.studio-icon-button{display:grid;place-items:center;width:26px;height:26px;border:1px solid #e4e9e8;border-radius:5px;background:#fff;color:#7c8988;font-size:17px;line-height:1;cursor:pointer}.studio-row-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}.studio-row-fields .studio-field{margin-bottom:9px}.studio-row-fields .studio-field-wide{grid-column:1/-1}.studio-row-fields .studio-inline-check{display:flex;align-items:center;gap:6px;margin:5px 0 10px;color:#667373;font-size:10px}.studio-empty{margin:3px 0;padding:12px;border:1px dashed #d8e1df;border-radius:6px;color:#8d9998;font-size:10px;line-height:1.6}.studio-add{margin-top:9px;padding:7px 10px;border:1px solid #cbd9d5;border-radius:5px;background:#f7fbf9;color:var(--studio-green);font-size:10px;font-weight:750;cursor:pointer}.studio-import-tools{display:flex;gap:7px;margin-top:12px}.studio-avatar-pools{display:grid;grid-template-columns:auto auto;justify-content:start;align-items:center;gap:12px;margin-top:16px;padding-top:14px;border-top:1px solid #e7eceb}.studio-avatar-pools>strong{font-size:10px}.studio-avatar-pools details{grid-column:1/-1;color:#687675;font-size:10px}.studio-avatar-pools summary{cursor:pointer}.studio-avatar-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.studio-avatar-grid label{display:flex;align-items:center;gap:5px;font-size:9px}.studio-avatar-grid input{accent-color:var(--studio-green)}.studio-npc-note,.studio-ending-presets{padding:9px 10px;border-left:2px solid #d46d5b;background:#fcf4f2;color:#88645d;font-size:9px;line-height:1.6}.studio-load-error,.studio-loading{max-width:700px;margin:80px auto;color:var(--studio-muted);text-align:center}.studio-load-error{color:#a64b40}.studio-field.needs-attention{animation:studio-nudge .6s ease;border-radius:6px}@keyframes studio-nudge{25%,75%{transform:translateX(-3px)}50%{transform:translateX(3px)}}
.studio-bottom-actions{position:sticky;bottom:0;z-index:8;display:flex;justify-content:flex-end;gap:8px;margin:0 -12px;padding:12px;background:rgba(255,255,255,.94);border-top:1px solid var(--studio-line);backdrop-filter:blur(12px)}

.story-screen{max-width:1260px;padding-top:12px}.story-header{display:flex;align-items:center;gap:13px;padding:0 0 16px;border-bottom:1px solid var(--studio-line)}.story-header>div{flex:1;min-width:0}.story-header span{color:var(--studio-green);font-size:9px;font-weight:800}.story-header h1{overflow:hidden;margin:3px 0 0;font-size:19px;text-overflow:ellipsis;white-space:nowrap}.story-more{width:36px;height:36px;border:1px solid var(--studio-line);border-radius:7px;background:#fff;color:#667373;font-size:18px;cursor:pointer}.story-top-stats{display:flex;align-items:center;gap:12px;min-height:54px;overflow:auto;border-bottom:1px solid var(--studio-line);white-space:nowrap}.story-top-stats>strong{padding-right:10px;border-right:1px solid var(--studio-line);font-size:11px}.story-top-stats>span:not(.story-meter){color:#738182;font-size:10px}.story-meter{display:grid;grid-template-columns:auto 68px auto;align-items:center;gap:6px;color:#637170;font-size:9px}.story-meter small{color:#83908f;font-size:9px}.story-meter i{height:5px;border-radius:5px;background:#e6ecea;overflow:hidden}.story-meter b{display:block;height:100%;border-radius:5px;background:#4a9b81}.story-layout{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:26px;padding-top:18px}.story-main{min-width:0}.story-tabs{display:flex;gap:4px;margin-bottom:15px;border-bottom:1px solid var(--studio-line)}.story-tabs button{padding:9px 12px;border-bottom:2px solid transparent;background:transparent;color:#7e8b8a;font-size:10px;cursor:pointer}.story-tabs button.active{border-color:var(--studio-green);color:var(--studio-green);font-weight:750}.story-feed{min-height:260px;padding:6px 2px 18px}.story-opening,.story-entry{padding:21px 0;border-bottom:1px solid #e7eceb}.story-opening>span{color:var(--studio-coral);font-size:9px;font-weight:800}.story-opening h2{margin:7px 0 11px;font-size:22px}.story-opening p,.story-entry p{margin:0;color:#435253;font-size:13px;line-height:2;white-space:pre-wrap}.story-entry header{display:flex;align-items:baseline;gap:10px;margin-bottom:8px;color:var(--studio-green);font-size:10px;font-weight:750}.story-entry header small{color:#879391;font-size:9px;font-weight:450}.story-actions{padding:15px;border:1px solid var(--studio-line);border-radius:7px;background:#fff}.story-actions.is-waiting{opacity:.68}.story-next{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-bottom:10px}.story-next h2{margin:3px 0 0;font-size:14px}.story-next>span{padding:5px 7px;border-radius:5px;background:#fcf2ec;color:#ac6748;font-size:9px}.story-side-kicker{display:block;color:var(--studio-green);font-size:9px;font-weight:800}.story-choice-list{display:grid;gap:6px}.story-choice-list button{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:38px;padding:8px 10px;border:1px solid #e0e7e5;border-radius:5px;background:#fbfcfc;color:#405151;text-align:left;font-size:10px;cursor:pointer}.story-choice-list button:hover{border-color:#79ae9c;background:#f2f8f5}.story-choice-list b{color:var(--studio-green);font-size:14px;font-weight:400}.story-actions form{display:grid;grid-template-columns:1fr auto;gap:7px;margin-top:9px}.story-actions textarea{width:100%;min-height:66px;padding:9px;border:1px solid #dbe4e1;border-radius:5px;outline:none;color:#263536;font:inherit;font-size:11px;line-height:1.6;resize:vertical}.story-actions textarea:focus{border-color:#68a18f;box-shadow:0 0 0 3px rgba(40,124,103,.1)}.story-actions form button{align-self:stretch;padding:0 13px;border:0;border-radius:5px;background:var(--studio-green);color:white;font-size:10px;font-weight:750;cursor:pointer}.story-sidebar{position:sticky;top:16px;display:grid;align-content:start;gap:10px}.story-sidebar>section{padding:13px;border:1px solid var(--studio-line);border-radius:7px;background:#fff}.story-sidebar>section>strong{display:block;margin:6px 0;font-size:12px}.story-sidebar>section>p{margin:0;color:#7a8786;font-size:9px;line-height:1.7}.story-state-list{margin-top:9px;border-top:1px solid #edf0ef}.story-state-row{display:flex;justify-content:space-between;gap:8px;padding:8px 0;border-bottom:1px solid #edf0ef;color:#7c8887;font-size:9px}.story-state-row strong{color:#334344;font-size:10px}.story-loading,.story-empty,.story-error{padding:58px 12px;color:#8c9998;text-align:center;font-size:11px}.story-error{color:#b35046}.story-setup{width:min(440px,calc(100% - 24px));max-height:85vh;padding:21px;border:1px solid var(--studio-line);border-radius:8px;background:#fff;color:var(--studio-ink)}.story-setup::backdrop{background:rgba(17,31,30,.48)}.story-setup h2{margin:5px 0;font-size:18px}.story-setup>p{color:var(--studio-muted);font-size:10px}.story-modal-close{float:right;width:29px;height:29px;border:1px solid var(--studio-line);border-radius:5px;background:#fff;color:#687675;font-size:17px;cursor:pointer}.story-setup-field{display:grid;gap:5px;margin:12px 0;color:#586666;font-size:10px}.story-setup-field input,.story-setup-field select{height:36px;padding:0 9px;border:1px solid var(--studio-line);border-radius:5px;background:white;font-size:11px}.story-setup>#story-setup-confirm{width:100%;min-height:39px;margin-top:9px;border:0;border-radius:5px;background:var(--studio-green);color:#fff;font-weight:750;cursor:pointer}
@media(max-width:960px){.studio-layout{grid-template-columns:155px minmax(0,1fr);gap:22px}.studio-topbar{margin-right:-18px;margin-left:-18px;padding-right:18px;padding-left:18px}}
@media(max-width:700px){.studio-page,.story-screen{padding:0 0 86px}.studio-topbar{top:0;margin:0 -14px 16px;padding:9px 14px;gap:8px}.studio-back{width:32px;height:32px}.studio-top-actions{gap:5px}.studio-draft-button,.studio-publish-button{min-height:34px;padding:0 8px;font-size:9px}.studio-topbar strong{font-size:12px}.studio-topbar small{font-size:9px}.studio-layout{display:block}.studio-nav{position:sticky;top:53px;z-index:10;display:flex;gap:3px;margin:0 -14px 18px;padding:7px 14px;border-bottom:1px solid var(--studio-line);background:rgba(255,255,255,.96);overflow:auto;scrollbar-width:none}.studio-nav a{flex:0 0 auto;padding:7px 8px;border:1px solid transparent;border-radius:5px;font-size:9px}.studio-nav a.active{border-color:#c8ddd5}.studio-section{scroll-margin-top:110px;padding-bottom:25px;margin-bottom:22px}.studio-section-title h2{font-size:16px}.studio-grid.two{grid-template-columns:1fr}.studio-cover-layout{grid-template-columns:minmax(150px,48%) 1fr;gap:10px}.studio-cover-copy p{font-size:9px}.studio-row{padding:9px}.studio-row-fields{grid-template-columns:1fr}.studio-row-fields .studio-field-wide{grid-column:auto}.studio-avatar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-bottom-actions{position:fixed;right:0;bottom:62px;left:0;margin:0;padding:9px 13px;box-shadow:0 -5px 16px rgba(36,56,51,.05)}.story-header{gap:8px;padding:0 0 11px}.story-header h1{font-size:16px}.story-header .story-back{width:32px;height:32px}.story-top-stats{gap:9px;min-height:47px}.story-meter{grid-template-columns:auto 48px auto}.story-layout{display:block;padding-top:8px}.story-sidebar{position:static;grid-template-columns:1fr 1fr;margin-top:12px}.story-sidebar>section{min-width:0}.story-opening h2{font-size:19px}.story-opening p,.story-entry p{font-size:12px;line-height:1.9}.story-actions{padding:11px}.story-actions form{grid-template-columns:1fr}.story-actions form button{min-height:37px}.story-tabs{margin-bottom:8px}}
@media(prefers-reduced-motion:reduce){.studio-field.needs-attention{animation:none}}
.studio-lock-label{padding:4px 6px;border-radius:4px;background:#edf2f0;color:#778481;font-size:8px}.studio-ai-suggest{margin:0 0 11px;padding:7px 9px;border:1px solid #bcd8ce;border-radius:5px;background:#eff7f3;color:#287c67;font-size:10px;font-weight:750;cursor:pointer}.studio-ai-suggest:disabled{opacity:.55;cursor:wait}.studio-inline-link{display:inline-block;margin-top:6px;color:var(--studio-green);font-size:10px;font-weight:700}
.story-title-badges{display:flex;gap:5px}.story-title-badges i{padding:4px 6px;border-radius:4px;background:#eef5f2;color:#3e7767;font-size:9px;font-style:normal}
.app-shell.story-mode{min-height:100vh;background:#f7f9f8}
.app-shell.story-mode>.sidebar,.app-shell.story-mode .mobile-header,.app-shell.story-mode .mobile-bottom-nav{display:none!important}
.app-shell.story-mode>.main-column{width:100%;min-width:0;margin:0}
.app-shell.story-mode .content-area{width:100%;max-width:none;margin:0;padding:0 28px 96px}
.story-screen{width:min(100%,1180px);min-height:100vh;padding:18px 0 100px}
.story-screen[aria-busy="true"]{opacity:.72}
.story-bottom-nav{position:fixed;right:0;bottom:0;left:0;z-index:32;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));height:62px;padding:4px max(12px,calc((100vw - 520px)/2)) env(safe-area-inset-bottom);border-top:1px solid #dfe7e4;background:rgba(255,255,255,.96);backdrop-filter:blur(16px)}
.story-bottom-nav button{display:grid;place-content:center;gap:2px;min-width:0;border:0;background:transparent;color:#87928f;font-size:10px;cursor:pointer}
.story-bottom-nav button::before{font-size:16px;line-height:1.1}
.story-bottom-nav button[data-story-tab="story"]::before{content:"▤"}.story-bottom-nav button[data-story-tab="phone"]::before{content:"▯"}.story-bottom-nav button[data-story-tab="world"]::before{content:"⌖"}.story-bottom-nav button[data-story-tab="settings"]::before{content:"⚙"}
.story-bottom-nav button.active{color:var(--studio-green);font-weight:750}
.story-bottom-nav button:focus-visible,.story-choice-list button:focus-visible,.story-more:focus-visible{outline:2px solid #4f9b83;outline-offset:2px}
.story-title-badges:empty,.story-cycle:empty{display:none}
.story-cycle{padding:4px 7px;border-radius:4px;background:#f5f3eb;color:#8a7550!important;font-size:9px!important}
.story-changes{display:block;margin-top:10px;color:#5b8978;font-size:10px;line-height:1.6}
.story-choice-list i{display:grid;place-items:center;flex:0 0 21px;width:21px;height:21px;border-radius:4px;background:#edf4f1;color:#53816f;font-size:10px;font-style:normal;text-transform:uppercase}
.story-choice-list button span{flex:1}
.story-choice-list button:disabled,.story-actions form button:disabled{cursor:wait;opacity:.55}
.story-phone,.story-settings{max-width:720px;margin:16px auto;padding:22px 0;border-top:1px solid var(--studio-line);border-bottom:1px solid var(--studio-line)}
.story-phone-heading{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid #e8edeb}
.story-phone-heading span{color:var(--studio-muted);font-size:11px}.story-phone-heading strong{font-size:13px}
.story-phone-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:22px 0}
.story-phone-grid button{display:grid;justify-items:center;gap:7px;min-width:0;padding:8px 2px;border:0;background:transparent;color:#5e6b69;font-size:10px;cursor:pointer}
.story-phone-grid button i{display:grid;place-items:center;width:48px;aspect-ratio:1;border:1px solid #dce7e2;border-radius:12px;background:#f0f6f3;color:#337c66;font-size:18px;font-style:normal;font-weight:700}
.story-phone>p,.story-phone-contact p{color:var(--studio-muted);font-size:10px;line-height:1.75}
.story-phone h2,.story-settings h2{margin:14px 0 16px;font-size:18px}
.story-phone-back{padding:0;border:0;background:transparent;color:var(--studio-green);font-size:10px;cursor:pointer}
.story-phone-contact{display:grid;grid-template-columns:1fr auto;gap:3px 12px;padding:12px 0;border-top:1px solid #e8edeb}
.story-phone-contact strong{font-size:12px}.story-phone-contact>span{color:var(--studio-muted);font-size:10px}.story-phone-contact p{grid-column:1/-1;margin:3px 0 0}
.story-wallet-value{margin:20px 0 0;color:#368369;font-size:32px;font-weight:750}
.story-setting-row{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid #e8edeb;color:var(--studio-muted);font-size:11px}.story-setting-row strong{color:var(--studio-ink);font-size:11px}
.story-settings>button,.story-save-actions button{min-height:38px;margin:10px 7px 0 0;padding:0 12px;border:1px solid var(--studio-line);border-radius:5px;background:#fff;color:#4e625c;font-size:10px;font-weight:700;cursor:pointer}
.story-settings>button:hover,.story-save-actions button:hover{border-color:#80ae9e;background:#f5faf7}
.story-save-dialog{position:fixed;inset:50% auto auto 50%;width:min(410px,calc(100% - 28px));max-height:calc(100% - 32px);margin:0;padding:22px;border:1px solid var(--studio-line);border-radius:8px;background:#fff;color:var(--studio-ink);box-shadow:0 22px 70px rgba(28,47,41,.2);transform:translate(-50%,-50%)}
.story-save-dialog::backdrop{background:rgba(20,33,31,.46);backdrop-filter:blur(2px)}
.story-save-dialog h2{margin:5px 0 7px;font-size:18px}.story-save-dialog>p{color:var(--studio-muted);font-size:10px;line-height:1.7}.story-save-dialog>small{display:block;margin-top:14px;color:var(--studio-muted);font-size:9px}
.story-save-actions{display:flex;flex-wrap:wrap;gap:6px}.story-save-actions button{margin:0}.story-save-actions #story-new-game{color:#a65349}
@media(max-width:800px){.app-shell.story-mode .content-area{padding:0 15px calc(82px + env(safe-area-inset-bottom))}.story-screen{min-height:100svh;padding:10px 0 calc(74px + env(safe-area-inset-bottom))}.story-bottom-nav{height:calc(58px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}.story-layout{grid-template-columns:1fr}.story-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:12px}.story-sidebar>section:last-child:nth-child(odd){grid-column:1/-1}.story-phone,.story-settings{margin:8px 0}.story-phone-grid{gap:5px}.story-phone-grid button i{width:min(48px,12vw)}}
@media(max-width:420px){.app-shell.story-mode .content-area{padding-right:12px;padding-left:12px}.story-top-stats{gap:7px}.story-top-stats>strong{padding-right:7px}.story-meter{grid-template-columns:auto 42px auto;gap:4px}.story-sidebar{grid-template-columns:1fr}.story-sidebar>section:last-child:nth-child(odd){grid-column:auto}.story-phone-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.story-save-dialog{padding:18px}}
@media(prefers-reduced-motion:reduce){.story-screen *{scroll-behavior:auto!important;transition:none!important}}
/* Creation wizard keeps two selectable cards visible even on narrow phones. */
@media (max-width: 800px) {
  .novel-option-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .novel-option { min-width: 0; min-height: 105px; padding: 11px 9px; gap: 7px; }
  .novel-option > span:last-child { min-width: 0; }
  .novel-option strong { font-size: 12px; line-height: 1.35; overflow-wrap: anywhere; }
  .novel-option small { font-size: 10px; line-height: 1.4; overflow-wrap: anywhere; }
  .novel-option-check { width: 16px; height: 16px; }
}
@media (max-width: 360px) {
  .novel-option-grid { gap: 6px; }
  .novel-option { min-height: 116px; padding: 9px 7px; gap: 5px; }
  .novel-option strong { font-size: 11px; }
  .novel-option small { font-size: 9px; }
}
.studio-bottom-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-height:52px}
.studio-bottom-actions .studio-draft-button,.studio-bottom-actions .studio-publish-button{flex:0 0 auto;width:auto!important;min-width:0!important;min-height:36px;padding:0 14px;font-size:11px}
.studio-top-actions .studio-draft-button,.studio-top-actions .studio-publish-button{width:auto!important;min-height:36px;padding:0 12px;font-size:11px}
.studio-media-field{align-content:start}.studio-media-pick{justify-self:start;min-height:34px;padding:0 10px;border:1px solid #bfd4ca;border-radius:6px;background:#f5faf7;color:#287c67;font-size:10px;font-weight:750;cursor:pointer}
.studio-media-pick:disabled{opacity:.6;cursor:wait}.studio-media-preview a{color:#287c67;text-decoration:underline}
@media(max-width:700px){.studio-bottom-actions{bottom:62px;justify-content:flex-end;gap:7px;padding:8px 12px}.studio-bottom-actions .studio-draft-button,.studio-bottom-actions .studio-publish-button{min-height:34px;padding:0 12px;font-size:10px}.studio-top-actions .studio-draft-button,.studio-top-actions .studio-publish-button{padding:0 8px;font-size:10px}}
@media(max-width:420px){.studio-topbar>.studio-top-actions{display:none}.studio-bottom-actions .studio-draft-button,.studio-bottom-actions .studio-publish-button{min-height:36px;font-size:11px}}
.story-screen.is-intro>.story-header,.story-screen.is-intro>.story-top-stats,.story-screen.is-intro>.story-layout,.story-screen.is-intro .story-bottom-nav{visibility:hidden}
.story-intro{position:fixed;inset:0;z-index:80;display:grid;place-items:center;overflow:auto;padding:30px 18px;background:radial-gradient(circle at 60% 22%,#334e49 0,#192b2b 45%,#101e20 100%);color:#f6f4ea}
.story-intro-inner{width:min(680px,100%);max-height:100%;overflow:auto;padding:20px 6px;text-align:center;scrollbar-width:none;-ms-overflow-style:none}
.story-intro-inner::-webkit-scrollbar{display:none}
.story-intro-kicker{display:block;margin:0 0 34px;color:#a9c9bd;font-size:11px;letter-spacing:.14em}
.story-intro-lines{min-height:150px;margin-bottom:34px}.story-intro-lines p{margin:0 0 13px;font-family:Georgia,"Noto Serif SC",serif;font-size:clamp(15px,2vw,20px);line-height:1.9;letter-spacing:.025em;animation:story-line-in .24s ease both}
.story-intro-html{display:block;width:100%;height:min(58vh,580px);margin:0 0 24px;border:1px solid rgba(224,237,229,.25);border-radius:6px;background:white}
.story-intro button{min-width:132px;min-height:40px;padding:0 17px;border:1px solid #b8d5c5;border-radius:5px;background:#e6f1e9;color:#1d5b47;font-size:12px;font-weight:750;cursor:pointer}
@keyframes story-line-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
.story-screen.is-setup .story-layout,.story-screen.is-setup .story-top-stats,.story-screen.is-setup .story-bottom-nav{visibility:hidden}
.story-setup{width:min(600px,calc(100% - 24px));max-height:min(88vh,820px);overflow:auto;padding:24px 27px;border-radius:9px;box-shadow:0 24px 90px rgba(24,43,36,.28)}
.story-setup::backdrop{background:rgba(15,29,27,.78)}.story-setup h2{font-size:22px}.story-setup>p{margin-bottom:20px;font-size:11px}
.story-setup-field{margin:13px 0;font-size:11px}.story-setup-field input,.story-setup-field select{min-height:40px;font-size:12px}
.story-setup-field input[type=file]{width:100%;height:auto;padding:8px}.story-setup-field small{color:#85938f;font-size:9px}
.story-setup>#story-setup-confirm{min-height:42px;font-size:11px}
@media(max-width:600px){.story-intro{padding:18px 14px}.story-intro-kicker{margin-bottom:22px}.story-intro-lines p{font-size:15px;line-height:1.85}.story-setup{padding:20px 18px}}

.story-mode-dialog{width:min(500px,calc(100% - 24px));max-height:88vh;overflow:auto;padding:25px 27px;border:1px solid var(--studio-line);border-radius:9px;background:#fff;color:var(--studio-ink);box-shadow:0 24px 90px rgba(24,43,36,.28)}
.story-mode-dialog::backdrop{background:rgba(15,29,27,.78);backdrop-filter:blur(2px)}
.story-mode-dialog h2{margin:5px 0 7px;font-size:22px}.story-mode-dialog>p{margin:0 0 18px;color:var(--studio-muted);font-size:11px;line-height:1.7}
.story-mode-options{display:grid;gap:9px}.story-mode-option{display:grid;grid-template-columns:1fr 22px;align-items:center;gap:10px;padding:14px;border:1px solid #dce7e2;border-radius:7px;background:#fbfcfc;color:#52615e;cursor:pointer}.story-mode-option.is-selected{border-color:#4a9b81;background:#f0f7f3;box-shadow:0 0 0 2px rgba(74,155,129,.12)}.story-mode-option input{position:absolute;opacity:0;pointer-events:none}.story-mode-option strong,.story-mode-option small{display:block}.story-mode-option strong{font-size:13px;color:#334844}.story-mode-option small{margin-top:4px;color:#83908f;font-size:10px;line-height:1.5}.story-mode-option i{display:grid;place-items:center;width:20px;height:20px;border:1px solid #d4dfdb;border-radius:50%;color:transparent;font-style:normal;font-size:12px}.story-mode-option.is-selected i{border-color:#4a9b81;background:#4a9b81;color:#fff}.story-mode-dialog>#story-mode-confirm{width:100%;min-height:42px;margin-top:16px;border:0;border-radius:5px;background:var(--studio-green);color:#fff;font-size:11px;font-weight:750;cursor:pointer}
@media(max-width:600px){.story-mode-dialog{padding:20px 18px}.story-mode-option{padding:12px}.story-mode-option strong{font-size:12px}}

/* UU 游玩方式选择页：使用原站的纸张、焦糖和卡片比例。 */
.story-mode-dialog{width:min(385px,calc(100% - 22px));padding:25px 20px 18px;border:0;border-radius:16px;background:#fffaf2;color:#62452e;box-shadow:0 25px 80px rgba(74,48,26,.32)}
.story-mode-dialog::backdrop{background:rgba(58,48,37,.57);backdrop-filter:blur(2px)}
.story-mode-kicker{display:block;color:#ae7745;font-size:10px;font-weight:800;letter-spacing:.08em}.story-mode-dialog h2{margin:5px 0 5px;color:#533a26;font-size:20px}.story-mode-dialog>p{margin:0 0 15px;color:#9b8067;font-size:10px;line-height:1.65}.story-mode-label{display:block;margin-top:10px;color:#6b4a2f;font-size:11px}.story-mode-note{display:block;margin-top:2px;color:#aa947e;font-size:9px}
.story-mode-options{grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.story-mode-option{position:relative;display:block;min-height:214px;padding:9px;border:2px solid #e4d6bd;border-radius:14px;background:#f7efe1;cursor:pointer}.story-mode-option.is-selected{border-color:#9b6332;background:#f5eadd;box-shadow:0 0 0 2px rgba(155,99,50,.16)}.story-mode-option input{position:absolute;opacity:0}.story-mode-preview{display:flex;height:156px;flex-direction:column;justify-content:flex-end;padding:8px;border:1px solid #e0d1b9;border-radius:10px;background:linear-gradient(#eee4d2 0 24%,#fffaf1 24%);color:#60432a}.story-mode-preview::before{display:block;flex:1;content:"";margin-bottom:8px;border-radius:7px;background:repeating-linear-gradient(180deg,#d3c1aa 0 5px,transparent 5px 13px);opacity:.75}.story-mode-preview-novel{background:linear-gradient(#e8e0d5 0 20%,#fffaf1 20%)}.story-mode-preview b{font-size:11px}.story-mode-preview small{margin-top:3px;color:#967b63;font-size:8px;line-height:1.4}.story-mode-option>i{position:absolute;top:7px;right:7px;display:grid;place-items:center;width:17px;height:17px;border:1px solid #cfbda6;border-radius:50%;color:transparent;font-size:10px;font-style:normal}.story-mode-option.is-selected>i{border-color:#9b6332;background:#9b6332;color:#fff}.story-perspectives{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:10px;border-radius:7px;background:#f3ebde;overflow:hidden}.story-perspectives button{min-height:31px;border:0;border-right:1px solid #e5d9c7;background:transparent;color:#947e69;font-size:10px;cursor:pointer}.story-perspectives button:last-child{border-right:0}.story-perspectives button.is-selected{background:#9b5e2a;color:#fff;font-weight:750}.story-perspective-copy{margin-top:8px;padding:10px;border-radius:7px;background:#f5eddf;color:#886f57;font-size:10px;line-height:1.6}.story-perspective-copy small{color:#aa9279;font-size:9px}.story-mode-dialog>#story-mode-confirm{min-height:43px;margin-top:13px;border-radius:7px;background:#a8652e;color:#fff;font-size:12px;box-shadow:0 5px 12px rgba(156,91,40,.2)}
@media(max-width:420px){.story-mode-options{gap:7px}.story-mode-option{min-height:190px;padding:7px}.story-mode-preview{height:135px}.story-mode-preview small{font-size:7px}}
@media(prefers-reduced-motion:reduce){.story-intro-lines p{animation:none}}