:root{font-family:system-ui,-apple-system,Yu Gothic UI,Meiryo,sans-serif;color:#e9e6df;background:#17191d;color-scheme:dark;--surface-base: #17191d;--surface-raised: #1f2228;--surface-editor: #1c1e23;--surface-selected: #303641;--border-subtle: #393e48;--border-strong: #596170;--text-muted: #aaaeb8;--accent: #9aa9c8;--accent-strong: #c2d0f1;--editor-max-width: 52rem;--editor-padding-inline: clamp(1rem, 4vw, 3rem);--editor-font-size: 1.05rem;--editor-line-height: 1.9;--sidebar-width: 17rem;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}button,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}.app-shell{height:100dvh;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr);overflow:hidden}.app-header{min-height:3.5rem;display:flex;align-items:center;gap:.65rem;padding:.6rem 1rem;border-bottom:1px solid var(--border-subtle);background:var(--surface-raised);position:sticky;top:0;z-index:30}.app-header button,.chapter-actions button,.sidebar-heading button{border:1px solid var(--border-strong);border-radius:.35rem;color:inherit;background:#282c33;padding:.45rem .7rem}.work-picker{display:flex;align-items:center;gap:.5rem;min-width:0}.work-picker select{max-width:22rem;padding:.45rem;border:1px solid var(--border-strong);border-radius:.35rem;color:inherit;background:#282c33}.prototype-warning{padding:.55rem 1rem;color:#f0d895;background:#3b3016;border-bottom:1px solid #715f2c;font-size:.82rem}.mobile-narou-tools{display:none}.workspace{min-height:0;height:100%;display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);overflow:hidden}.chapter-sidebar{min-height:0;height:100%;overflow:auto;padding:1rem;border-right:1px solid var(--border-subtle);background:var(--surface-raised)}.sidebar-heading,.editor-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}.sidebar-heading h2,.editor-heading h2{margin:0;font-size:1rem}.full-width{width:100%}.primary-button{padding:.65rem 1rem;border:1px solid #8798bb;border-radius:.4rem;color:#12161e;background:var(--accent-strong)}.chapter-list{display:grid;gap:.5rem;padding:0;list-style:none}.chapter-list li{padding:.45rem;border:1px solid transparent;border-radius:.4rem}.chapter-list li.selected{border-color:#7180a0;background:var(--surface-selected)}.chapter-name{width:100%;padding:.5rem;border:0;color:inherit;background:transparent;text-align:left}.chapter-actions{display:flex;justify-content:flex-end;gap:.25rem}.chapter-actions button{padding:.2rem .45rem;font-size:.75rem}.editor-pane{width:100%;height:100%;min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;background:var(--surface-editor)}.editor-heading{padding:.8rem var(--editor-padding-inline);border-bottom:1px solid var(--border-subtle)}.save-status{font-size:.78rem;color:var(--text-muted)}.save-status--error{color:#ffaaa6;font-weight:700}.save-status-area{display:flex;align-items:center;gap:.5rem}.save-status-area button{padding:.25rem .5rem;border:1px solid #dd7771;border-radius:.3rem;color:#ffb5b0;background:#35201f;font-size:.75rem}.manuscript-editor{width:min(100%,var(--editor-max-width));height:100%;min-height:24rem;margin:0 auto;padding:2rem var(--editor-padding-inline) 4rem;resize:none;overflow:auto;border:0;outline:0;color:#f0eee9;background:var(--surface-editor);font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:var(--editor-font-size);line-height:var(--editor-line-height);tab-size:4;caret-color:#dce7ff}.editor-footer{display:flex;justify-content:space-between;gap:1rem;padding:.55rem var(--editor-padding-inline);border-top:1px solid var(--border-subtle);color:var(--text-muted);background:var(--surface-raised);font-size:.75rem}.future-panel{display:none}.narou-tool-panel{display:grid;gap:.55rem;align-content:start}.narou-tool-panel h2{margin:0;font-size:.9rem}.narou-tool-panel p{margin:0 0 .3rem;color:var(--text-muted);font-size:.74rem;line-height:1.45}.narou-tool-panel button{min-height:2.35rem;border:1px solid #64718b;border-radius:.4rem;color:#e8edf9;background:#293242}.narou-tool-panel button:hover:not(:disabled){background:#35435a}.tool-notice{position:absolute;right:var(--editor-padding-inline);bottom:2.2rem;margin:0;padding:.45rem .65rem;border:1px solid #806c39;border-radius:.35rem;color:#f0d895;background:#3b3016;font-size:.78rem}.tool-modal-backdrop{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:1rem;background:#000a}.tool-modal{width:min(100%,31rem);padding:1.25rem;border:1px solid var(--border-strong);border-radius:.7rem;color:var(--text-color);background:#242831;box-shadow:0 1rem 3rem #0009}.tool-modal-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.tool-modal-heading h3{margin:0;font-size:1.05rem}.tool-modal-heading button{border:0;color:var(--accent-strong);background:transparent;font-size:1.7rem;line-height:1}.tool-modal label{display:grid;gap:.4rem;margin-top:.85rem;font-weight:700}.tool-modal input{width:100%;padding:.6rem .7rem;border:1px solid #64718b;border-radius:.35rem;color:inherit;background:#181b21;font-weight:400}.tool-modal input:focus{outline:2px solid #9baed5;outline-offset:1px}.tool-modal small{color:var(--text-muted);font-size:.72rem;font-weight:400}.tool-preview{display:grid;gap:.4rem;margin-top:1rem}.tool-preview>span{font-weight:700}.tool-preview output{display:block;min-height:2.7rem;padding:.65rem .75rem;border-radius:.35rem;color:#e7eaf0;background:#181b21;line-height:1.5;overflow-wrap:anywhere;white-space:pre-wrap}.tool-modal-actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:1.25rem}.tool-modal-actions button{padding:.55rem .85rem;border:1px solid var(--border-strong);border-radius:.35rem;color:inherit;background:#2b303a}.tool-modal-actions .primary-button{color:#12161e;background:var(--accent-strong)}.empty-state,.loading{display:grid;place-content:center;padding:2rem;text-align:center}.mobile-only{display:none}.workspace--with-work{position:relative}.workspace--with-work .chapter-sidebar{padding-bottom:5rem}.work-status-controls{position:absolute;z-index:5;left:0;bottom:0;width:var(--sidebar-width);padding:.65rem 1rem;border-top:1px solid var(--border-subtle);background:var(--surface-raised)}.work-status-controls button{width:100%}.work-status-controls [role=alert]{display:block;margin-top:.35rem;color:#ffaaa6;font-size:.78rem}@media(min-width:1000px){.workspace{grid-template-columns:var(--sidebar-width) minmax(0,1fr) 12rem}.workspace>.empty-state{grid-column:1 / 3}.future-panel{grid-column:3;grid-row:1;display:block;height:100%;min-height:0;overflow:auto;padding:1rem;border-left:1px solid var(--border-subtle);background:var(--surface-raised)}}@media(max-width:700px){:root{--editor-padding-inline: 1rem;--editor-font-size: 1rem;--editor-line-height: 1.85}.app-shell{grid-template-rows:auto auto auto minmax(0,1fr)}.mobile-only{display:inline-block}.app-header{padding:.45rem .65rem}.app-header>button:last-child,.work-picker label{display:none}.work-picker{flex:1}.work-picker select{width:100%}.prototype-warning{padding:.4rem .65rem;font-size:.7rem}.mobile-narou-tools{display:block;position:sticky;top:3.5rem;z-index:25;padding:.4rem .65rem;border-bottom:1px solid var(--border-subtle);background:var(--surface-raised)}.narou-tool-panel--mobile{display:flex;align-items:center;gap:.45rem}.narou-tool-panel--mobile h2,.narou-tool-panel--mobile p{display:none}.narou-tool-panel--mobile button{min-height:2rem;padding:.25rem .7rem;font-size:.82rem}.workspace{display:block;min-height:0;position:relative}.workspace--with-work{display:flex;flex-direction:column}.workspace--with-work .editor-pane{flex:1;height:auto}.work-status-controls{position:static;margin-top:auto;width:100%;padding-bottom:max(.65rem,env(safe-area-inset-bottom))}.work-picker select{min-width:0;text-overflow:ellipsis}.chapter-sidebar{position:fixed;z-index:20;inset:0 auto 0 0;width:min(86vw,20rem);transform:translate(-105%);transition:transform .14s ease-out;box-shadow:.25rem 0 1rem #0003}.chapter-sidebar.is-open{transform:translate(0)}.sidebar-backdrop{position:fixed;z-index:10;inset:0;width:100%;border:0;background:#0005}.editor-pane{height:100%;min-height:0}.editor-heading{padding-block:.55rem}.manuscript-editor{min-height:0;padding-top:1.25rem;padding-bottom:5rem}.editor-footer{padding-block:.4rem}.editor-footer span:last-child{display:none}.tool-notice{right:1rem;bottom:2.2rem;left:1rem}.tool-modal{padding:1rem}}