@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=Fraunces:opsz,wght@9..144,500;9..144,600&display=swap');

:root { --ink:#24201e; --muted:#756d67; --paper:#f7f3ec; --canvas:#ede7dc; --card:#fffdfa; --line:#dfd6ca; --accent:#d95d39; --accent-dark:#a94329; --gold:#d9a331; --moss:#54705e; --rose:#9e5262; --shadow:0 12px 30px rgba(62,41,22,.08); }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:var(--canvas); font:15px/1.45 "DM Sans",sans-serif; }
button,input,textarea,select { font:inherit; }
button { cursor:pointer; }
.shell { min-height:100vh; display:grid; grid-template-columns:250px minmax(0,1fr); }
.sidebar { background:#211d1b; color:#f7f0e7; padding:26px 16px; display:flex; flex-direction:column; gap:28px; position:sticky; top:0; height:100vh; }
.brand { display:flex; gap:10px; align-items:center; padding:0 10px; font:600 25px Fraunces,serif; letter-spacing:-.7px; }
.brand-mark { width:31px; height:31px; border-radius:50% 50% 50% 4px; transform:rotate(-28deg); background:var(--accent); display:grid; place-items:center; font:16px "DM Mono"; color:white; }
.project-switch { border:1px solid #48403c; background:#2d2825; color:inherit; border-radius:10px; padding:12px; text-align:left; display:grid; gap:2px; }
.project-switch small { color:#afa59d; }.nav { display:grid; gap:4px; }.nav button { border:0; color:#cfc4bc; background:transparent; padding:10px; border-radius:8px; text-align:left; display:flex; gap:11px; align-items:center; }.nav button.active,.nav button:hover { background:#37302d; color:white; }.nav-icon { width:19px; text-align:center; color:#e99b80; }.sidebar-foot { margin-top:auto; color:#a99d94; font-size:12px; padding:10px; border-top:1px solid #39322f; }
main { min-width:0; }.page-header { padding:28px 42px 21px; background:rgba(255,253,250,.86); border-bottom:1px solid var(--line); display:flex; justify-content:space-between; gap:20px; align-items:flex-start; }.page-header-actions { display:flex; align-items:center; gap:10px; flex-wrap:wrap; justify-content:flex-end; }.help-link { display:inline-flex; align-items:center; justify-content:center; width:30px; height:30px; border:1px solid var(--line); border-radius:50%; color:var(--accent-dark); background:#fffefa; font:700 17px Georgia,serif; text-decoration:none; transition:background .15s,color .15s,transform .15s; }.help-link:hover,.help-link:focus-visible { color:#fff; background:var(--accent); transform:translateY(-1px); outline:none; }.eyebrow { color:var(--accent-dark); font:500 11px "DM Mono"; letter-spacing:.08em; text-transform:uppercase; }.page-header h1 { margin:3px 0 0; font:600 30px Fraunces,serif; letter-spacing:-.8px; }.page-header p { margin:4px 0 0; color:var(--muted); max-width:680px; }.page { padding:28px 42px 48px; max-width:1580px; }
.button { border:1px solid var(--line); background:var(--card); color:var(--ink); padding:9px 13px; border-radius:8px; font-weight:600; display:inline-flex; align-items:center; gap:7px; }.button:hover { border-color:#c6b6a5; background:#fff; }.button.primary { background:var(--accent); color:white; border-color:var(--accent); }.button.primary:hover { background:var(--accent-dark); }.button.ghost { background:transparent; }.button.small { font-size:12px; padding:6px 9px; }.button.danger { color:#a3372c; }.button:disabled { opacity:.45; cursor:not-allowed; }
.card { background:var(--card); border:1px solid var(--line); border-radius:13px; box-shadow:var(--shadow); }.card.pad { padding:22px; }.section-title { margin:0 0 16px; font:600 21px Fraunces,serif; }.muted { color:var(--muted); }.empty { text-align:center; padding:34px 20px; color:var(--muted); border:1px dashed #cfc2b5; border-radius:10px; }.grid-2 { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }.grid-3 { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }.stack { display:grid; gap:15px; }.field { display:grid; gap:6px; }.field label { font-size:12px; font-weight:700; color:#5e554e; }.field input,.field textarea,.field select,.search { width:100%; border:1px solid #d8cec1; border-radius:8px; background:#fffefa; padding:10px 11px; color:var(--ink); outline:none; }.field textarea { min-height:108px; resize:vertical; }.field input:focus,.field textarea:focus,.field select:focus,.search:focus { border-color:var(--accent); box-shadow:0 0 0 3px rgba(217,93,57,.13); }.form-actions { display:flex; justify-content:flex-end; gap:8px; margin-top:16px; }.field-note { font-size:12px; color:var(--muted); }
.overview { display:grid; grid-template-columns:1.2fr .8fr; gap:24px; }.workflow { display:grid; gap:1px; overflow:hidden; }.workflow-row { display:grid; grid-template-columns:30px 1fr auto; gap:12px; align-items:center; padding:14px 0; border-bottom:1px solid #eee7df; }.workflow-row:last-child { border:0; }.step-num { color:var(--accent); font:500 12px "DM Mono"; }.status { padding:3px 7px; border-radius:99px; background:#edf1ed; color:#385647; font:500 11px "DM Mono"; }.status.pending { background:#f4ebe4; color:#95654d; }
.item-list { display:grid; gap:10px; }.entity { padding:14px; border:1px solid #e5dcd2; border-radius:10px; background:#fffefa; display:flex; justify-content:space-between; gap:14px; align-items:flex-start; }.entity h3 { font-size:15px; margin:0 0 3px; }.entity p { margin:0; color:var(--muted); font-size:13px; }.role-pill,.chip { display:inline-flex; align-items:center; border-radius:999px; font:500 11px "DM Mono"; padding:4px 7px; background:#f2e9e1; color:#855541; }.chip { background:#efe9df; color:#625950; margin:2px 3px 2px 0; }.chip.green { color:#355b47; background:#e6eee8; }.entity-actions { display:flex; gap:5px; flex-shrink:0; }
.documentation-list { display:grid; gap:6px; margin-top:8px; }.documentation-item { display:flex; justify-content:space-between; align-items:center; gap:8px; padding:7px 9px; border:1px solid #e5dcd2; border-radius:7px; background:#fffefa; font-size:12px; }.documentation-item small { color:var(--muted); margin-left:5px; }
.project-list-card { margin-bottom:24px; }.project-list { display:grid; gap:8px; margin-top:16px; }.project-row { display:grid; grid-template-columns:34px 1fr auto; gap:10px; align-items:center; border:1px solid #e5dcd2; border-radius:10px; padding:10px; background:#fffefa; }.project-row.active { border-color:#c6b6a5; box-shadow:0 0 0 2px rgba(217,93,57,.08); }.project-row.selected { background:#fff8f3; }.project-select { width:28px; height:28px; border:1px solid #cfc2b5; border-radius:50%; background:white; color:#87786d; font-weight:700; }.project-select.on { background:var(--accent); border-color:var(--accent); color:white; }.project-open { border:0; background:transparent; text-align:left; display:grid; gap:1px; min-width:0; }.project-open strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.project-open span { color:var(--muted); font-size:12px; }.project-open small { color:#9b6a54; font:500 10px "DM Mono"; }
.plot-layout { display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:flex-start; gap:22px; min-width:1122px; }.page:has(.plot-layout) { overflow-x:auto; }.plot-layout > .plot-side { flex:0 0 440px; }.plot-layout > section { flex:0 0 660px; }.plot-side { display:grid; gap:16px; position:sticky; top:18px; }.plot-header { padding:18px; }.plot-header h2 { margin:0; font:600 20px Fraunces,serif; }.plot-header input { font:600 18px Fraunces,serif; border:0; border-bottom:1px dashed #d8cec1; width:100%; background:transparent; padding:4px 0; }.plot-header input:focus { outline:0; border-bottom-color:var(--accent); }.composition-head { display:flex; align-items:center; justify-content:space-between; padding:15px 17px; border-bottom:1px solid var(--line); }.composition-head h2 { margin:0; font:600 18px Fraunces,serif; }.story-stack { padding:10px; display:grid; gap:8px; min-height:88px; }.story-item { background:#fffefa; border:1px solid #ded4c8; border-radius:9px; padding:11px; display:grid; grid-template-columns:22px 1fr auto; gap:9px; align-items:start; }.story-item[draggable=true] { cursor:grab; }.story-item.dragging { opacity:.4; }.grab { color:#a5988d; padding-top:3px; }.story-item h3 { margin:0; font-size:14px; }.story-item .meta { color:#897e75; font:11px "DM Mono"; margin:2px 0 9px; }.assignments { display:grid; gap:6px; }.assign-row { display:grid; grid-template-columns:88px 1fr; gap:7px; align-items:center; font-size:12px; }.assign-row select { border:1px solid #ddd2c6; border-radius:6px; padding:5px; color:#4b443f; background:white; }.no-elements { padding:16px; color:var(--muted); font-size:13px; text-align:center; }.validation { padding:14px 16px; }.validation h3 { margin:0 0 7px; font-size:13px; }.notice { border-left:3px solid var(--gold); background:#fff8e7; padding:8px 10px; font-size:12px; color:#6f5a26; margin:6px 0; }.notice.ok { border-color:var(--moss); background:#eef5ef; color:#365642; }
.catalog-head { display:grid; gap:11px; margin-bottom:13px; }.search-wrap { position:relative; }.search-wrap span { position:absolute; left:11px; top:9px; color:#998f86; }.search { padding-left:34px; }.filters { display:flex; flex-wrap:wrap; gap:7px; }.filters select { border:1px solid #d8cec1; background:#fffefa; border-radius:7px; padding:7px; font-size:12px; max-width:145px; }.tab-row { display:flex; gap:6px; flex-wrap:wrap; }.tab { border:1px solid #ded4c9; background:#fffdfa; padding:6px 9px; color:#71665e; border-radius:999px; font-size:12px; }.tab.active { color:white; background:#56463e; border-color:#56463e; }.catalog-list { display:grid; gap:8px; max-height:calc(100vh - 270px); overflow:auto; padding-right:3px; }.story-card { border:1px solid #e1d7cb; background:#fffdfa; border-radius:10px; padding:13px; }.story-card.selected { border-color:var(--accent); background:#fff9f5; box-shadow:0 0 0 2px rgba(217,93,57,.1); }.story-card-top { display:flex; gap:8px; justify-content:space-between; }.story-card h3 { margin:0; font-size:15px; }.story-card p { margin:8px 0 10px; color:#6c625b; font-size:12px; line-height:1.38; }.story-card footer { display:flex; justify-content:space-between; align-items:center; gap:8px; }.story-card .category { color:var(--accent-dark); font:500 10px "DM Mono"; }.star { border:0; background:none; font-size:18px; line-height:1; color:#c4b8aa; padding:0; }.star.on { color:#d3a01e; }.count { color:#877a70; font-size:12px; }
.recommendations { padding:16px; }.recommendation { display:flex; justify-content:space-between; gap:8px; align-items:center; padding:9px 0; border-bottom:1px solid #eee6dd; }.recommendation:last-child { border:0; }.recommendation strong { font-size:13px; }.recommendation small { display:block; color:var(--muted); font-size:11px; }
.ai-elements { padding:14px 16px; background:#fff8f1; border-bottom:1px solid #ead8c8; display:grid; gap:8px; }.ai-element { display:grid; gap:2px; border-left:3px solid var(--accent); padding-left:9px; font-size:12px; }.ai-element span { color:var(--muted); }
.ai-element-editable { grid-template-columns:18px 1fr auto; align-items:start; }.ai-element-fields { display:grid; grid-template-columns:1.2fr 1.5fr 140px 150px; gap:6px; }.ai-element-fields input,.ai-element-fields select { min-width:0; border:1px solid #d8cec1; border-radius:6px; padding:6px; background:#fffefa; font-size:12px; }
.timeline { display:flex; overflow:auto; gap:0; padding:8px 0 2px; }.phase { min-width:118px; font-size:11px; color:#867b72; position:relative; padding:0 15px 0 0; }.phase:after { content:""; position:absolute; height:1px; background:#cfc2b5; left:65px; top:8px; right:0; }.phase:last-child:after { display:none; }.phase b { display:block; color:#4d453f; font-size:12px; }.phase .dot { height:16px; width:16px; border-radius:50%; background:#efe5da; border:3px solid var(--accent); margin:7px 0; }.phase.empty .dot { border-color:#d4c7ba; background:#fffdfa; }
.ai-callout { background:linear-gradient(125deg,#332b2a,#523a33); color:#fff9f4; padding:18px; }.ai-callout h2 { margin:0 0 6px; font:600 20px Fraunces,serif; }.ai-callout p { color:#eadbd1; margin:0 0 12px; font-size:13px; }.ai-callout .button { background:#f6e7d9; border:0; color:#4f342d; }.ai-result { margin-top:11px; border-top:1px solid #6b5046; padding-top:11px; font-size:13px; color:#f0e8e1; }.ai-label { color:#f7b18e; font:500 10px "DM Mono"; letter-spacing:.06em; }
.acts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; }.act { padding:16px; min-height:185px; }.act h3 { font:600 18px Fraunces,serif; margin:0 0 10px; }.scene { padding:8px; border-left:2px solid var(--accent); background:#faf6f0; margin:7px 0; font-size:12px; }.agent-list { display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:14px; }.agent { padding:16px; }.agent h3 { margin:5px 0; }.agent p { font-size:13px; color:var(--muted); }
dialog { border:0; border-radius:14px; padding:0; width:min(690px,calc(100% - 30px)); color:var(--ink); box-shadow:0 25px 70px rgba(0,0,0,.26); } dialog::backdrop { background:rgba(31,25,21,.52); backdrop-filter:blur(2px); }.dialog-body { padding:23px; }.dialog-head { display:flex; justify-content:space-between; gap:10px; align-items:start; }.dialog-head h2 { font:600 25px Fraunces,serif; margin:0; }.dialog-close { border:0; background:transparent; font-size:22px; color:#776b61; }.detail-grid { display:grid; grid-template-columns:130px 1fr; gap:10px 15px; margin-top:20px; font-size:13px; }.detail-grid dt { color:#7b7067; font-weight:600; }.detail-grid dd { margin:0; }.detail-text { white-space:pre-wrap; }.toast { background:#2a2522; color:white; border-radius:8px; box-shadow:var(--shadow); padding:11px 14px; margin-top:8px; font-size:13px; animation:in .2s ease-out; } #toast-region { position:fixed; right:20px; bottom:20px; width:min(320px,calc(100vw - 40px)); z-index:5; } @keyframes in { from { transform:translateY(8px); opacity:0; } }
@media (max-width:980px) { .shell { grid-template-columns:1fr; }.sidebar { position:static; height:auto; padding:13px; gap:10px; }.sidebar .project-switch,.sidebar-foot { display:none; }.brand { padding:0; }.nav { display:flex; overflow:auto; }.nav button { white-space:nowrap; }.page-header,.page { padding-left:22px; padding-right:22px; }.overview { grid-template-columns:1fr; }.plot-side { position:sticky; }.catalog-list { max-height:500px; }.acts { grid-template-columns:1fr; } }
.narrative-list { display:grid; gap:14px; margin-top:20px; }.narrative-card { padding:18px; }.narrative-card h2 { margin:3px 0 0; font:600 22px Fraunces,serif; }.narrative-fields { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:16px; }.narrative-fields label,.narrative-roles label { display:grid; gap:5px; color:#5e554e; font-size:12px; font-weight:700; }.narrative-fields textarea { min-height:100px; border:1px solid #d8cec1; border-radius:8px; padding:9px; resize:vertical; }.narrative-roles { margin-top:14px; padding:14px; box-shadow:none; }.narrative-roles h3 { margin:0 0 10px; font:600 16px Fraunces,serif; }
.character-developments { margin-top:14px; padding:13px; border:1px solid #ead8c8; border-radius:9px; background:#fff8f1; display:grid; gap:8px; }.character-developments article { display:grid; gap:2px; border-left:3px solid var(--accent); padding-left:9px; font-size:12px; }.character-developments span { color:#534941; }.character-developments small { color:var(--muted); }
.narrative-development { margin-top:14px; padding:13px; border-left:3px solid var(--moss); background:#eef5ef; font-size:13px; }.narrative-development p { margin:5px 0 0; }
.character-list { display:grid; gap:14px; margin-top:20px; }.character-card { padding:18px; }.character-card h2 { margin:3px 0 0; font:600 22px Fraunces,serif; }.character-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-top:15px; }.character-group { padding:12px; border:1px solid #e5dcd2; border-radius:9px; background:#fffefa; }.character-group h3 { margin:0 0 10px; font:600 16px Fraunces,serif; }.character-group label { display:grid; gap:5px; margin:8px 0; color:#5e554e; font-size:12px; font-weight:700; }.character-group textarea { min-height:70px; border:1px solid #d8cec1; border-radius:8px; padding:8px; resize:vertical; }
.workshop-result { margin-top:14px; padding:12px; border:1px solid #e4d9ce; border-radius:9px; background:#fffaf5; }.workshop-result h3 { margin:0 0 7px; font:600 16px Fraunces,serif; }.workshop-empty { white-space:pre-wrap; min-height:34px; color:var(--muted); font-size:13px; margin-bottom:8px; }
.workshop-editorial-comments { display:block; width:100%; min-height:120px; box-sizing:border-box; margin:0 0 8px; padding:10px; border:1px solid #d9c9bb; border-radius:7px; background:#fff; color:var(--ink); font:inherit; line-height:1.45; resize:vertical; }
.structure-meta-grid { display:grid; grid-template-columns:minmax(90px,1fr) minmax(90px,1fr) minmax(260px,4fr); gap:20px; }
dialog:has(.workshop-result) { width:min(1380px,calc(100% - 40px)); }
.structure-phase { margin-top:13px; }.structure-phase h4 { margin:0 0 7px; color:#6e6158; font:500 11px "DM Mono"; text-transform:uppercase; letter-spacing:.04em; }.structure-item { width:100%; text-align:left; display:grid; gap:3px; margin:7px 0; border:1px solid #e1d7cb; border-left:3px solid #c9b9a9; border-radius:8px; background:#fffefa; padding:9px; color:var(--ink); }.structure-item:hover { border-left-color:var(--accent); background:#fff8f3; }.structure-item.written { border-left-color:var(--moss); }.structure-item span { color:var(--muted); font-size:11px; }.structure-item small { color:#a06a50; font-size:10px; }.structure-empty { color:#9a8c80; font-size:12px; padding:7px 0; }
@media (max-width:620px) { .page-header { display:block; }.page-header .button { margin-top:14px; }.grid-2,.grid-3,.structure-meta-grid { grid-template-columns:1fr; }.entity { display:block; }.entity-actions { margin-top:10px; }.plot-layout { gap:14px; }.page { padding:16px; }.page-header { padding:20px 16px; }.story-item { grid-template-columns:16px 1fr; }.story-item > .entity-actions { grid-column:2; }.assign-row { grid-template-columns:76px 1fr; } }
.manuscript-page { max-width:1720px; }.manuscript-toolbar { display:flex; gap:10px; align-items:center; margin-bottom:15px; }.manuscript-toolbar .search-wrap { flex:1; }.manuscript-layout { display:grid; grid-template-columns:310px minmax(0,1fr); gap:18px; align-items:start; }.manuscript-outline { position:sticky; top:18px; max-height:calc(100vh - 160px); overflow:auto; padding:8px; }.manuscript-chapter { border-bottom:1px solid #ebe2d9; padding:8px 0; }.manuscript-chapter:last-child { border:0; }.manuscript-chapter-head { display:grid; grid-template-columns:minmax(0,1fr) 30px; gap:5px; align-items:start; }.manuscript-chapter-select,.manuscript-scene { border:0; background:transparent; width:100%; text-align:left; color:var(--ink); }.manuscript-chapter-select { display:grid; gap:2px; padding:7px; border-radius:7px; }.manuscript-chapter-select:hover,.manuscript-chapter-select.active { background:#f4ebe4; }.manuscript-chapter-select span,.manuscript-scene span { color:var(--accent-dark); font:500 10px "DM Mono"; }.manuscript-chapter-select strong { font-size:13px; }.manuscript-chapter-select small,.manuscript-scene small { color:var(--muted); font-size:10px; }.icon-button { border:1px solid var(--line); border-radius:6px; background:#fffefa; color:var(--accent-dark); width:28px; height:28px; font-size:18px; }.manuscript-scene { margin:2px 0 0 14px; width:calc(100% - 14px); display:grid; gap:1px; padding:7px 8px; border-left:2px solid #d8cec1; }.manuscript-scene:hover,.manuscript-scene.active { border-left-color:var(--accent); background:#fff8f3; }.manuscript-scene strong { font-size:12px; }.manuscript-empty { color:var(--muted); font-size:12px; padding:12px; }.manuscript-editor-card { padding:22px; }.manuscript-editor-head { display:flex; justify-content:space-between; gap:16px; align-items:flex-start; }.manuscript-editor-head p { margin:4px 0 0; font-size:12px; }.manuscript-title { display:block; width:100%; border:0; border-bottom:1px dashed #cbbcaf; padding:5px 0; background:transparent; color:var(--ink); font:600 28px Fraunces,serif; outline:0; }.manuscript-title:focus { border-bottom-color:var(--accent); }.scene-metadata { display:grid; grid-template-columns:1.4fr .55fr 1fr 1.3fr; gap:10px; margin:20px 0 14px; }.scene-metadata label { display:grid; gap:5px; color:#5e554e; font-size:11px; font-weight:700; }.scene-metadata input,.scene-metadata select { width:100%; min-height:38px; border:1px solid #d8cec1; border-radius:7px; background:#fffefa; padding:7px; color:var(--ink); }.scene-metadata select[multiple] { min-height:74px; }.manuscript-text-label { display:grid; gap:7px; color:#5e554e; font-size:12px; font-weight:700; }.manuscript-text-label textarea { min-height:430px; width:100%; border:1px solid #d8cec1; border-radius:9px; background:#fffefa; color:var(--ink); padding:16px; resize:vertical; font:17px/1.75 Georgia,serif; outline:0; }.manuscript-text-label textarea:focus { border-color:var(--accent); box-shadow:0 0 0 3px rgba(217,93,57,.13); }.manuscript-save-row { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:12px 0 20px; font-size:12px; }.scene-lower-grid { display:grid; grid-template-columns:1.2fr .8fr; gap:14px; }.scene-notes,.scene-history { padding:14px; box-shadow:none; }.scene-notes h3,.scene-history h3 { margin:2px 0 10px; font:600 20px Fraunces,serif; }.comment-list,.history-list { display:grid; gap:7px; max-height:230px; overflow:auto; }.comment-list article { border-left:3px solid var(--gold); background:#fff8e7; padding:7px 9px; }.comment-list p { margin:0 0 3px; font-size:13px; white-space:pre-wrap; }.comment-list small,.history-list small { color:var(--muted); font-size:10px; }.comment-add { display:grid; gap:7px; margin-top:10px; }.comment-add textarea { width:100%; resize:vertical; border:1px solid #d8cec1; border-radius:7px; padding:8px; }.comment-add .button { justify-self:end; }.history-list article { display:flex; justify-content:space-between; gap:8px; align-items:center; padding:7px 0; border-bottom:1px solid #eee6dd; }.history-list article:last-child { border:0; }.history-list article > div { display:grid; gap:2px; }.history-list strong { font-size:12px; }.manuscript-blank { padding:38px; text-align:center; }.manuscript-blank h2 { margin:0; font:600 26px Fraunces,serif; }.manuscript-blank p { color:var(--muted); max-width:470px; margin:8px auto 18px; }.manuscript-results { margin:-4px 0 15px; padding:13px; border:1px solid #e5dcd2; border-radius:10px; background:#fffdfa; display:grid; gap:7px; }.manuscript-results button { text-align:left; display:grid; gap:2px; border:1px solid #eadfd5; background:#fffefa; border-radius:7px; padding:8px; }.manuscript-results span { color:var(--muted); font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }.manuscript-results small { color:#a06a50; font-size:10px; }.continuity-report { display:grid; grid-template-columns:160px 1fr; gap:18px; padding:16px; margin-bottom:15px; box-shadow:none; }.continuity-report h2 { margin:3px 0 0; font:600 21px Fraunces,serif; }
@media (max-width:980px) { .manuscript-layout,.scene-lower-grid { grid-template-columns:1fr; }.manuscript-outline { position:static; max-height:none; }.scene-metadata { grid-template-columns:repeat(2,minmax(0,1fr)); }.continuity-report { grid-template-columns:1fr; }.manuscript-text-label textarea { min-height:330px; } }
@media (max-width:620px) { .manuscript-toolbar,.manuscript-editor-head,.manuscript-save-row { display:block; }.manuscript-toolbar .button,.manuscript-editor-head .entity-actions,.manuscript-save-row .button { margin-top:10px; }.scene-metadata { grid-template-columns:1fr; }.manuscript-title { font-size:23px; } }
.manuscript-chapter-actions { display:flex; gap:4px; }.danger-icon { color:#a33d2f; }.scene-status { display:inline-block; border-radius:999px; padding:2px 6px; font-style:normal; font:600 9px "DM Mono",monospace; }.scene-status.development { background:#eee5dc; color:#735f50; }.scene-status.drafting { background:#e4effa; color:#285779; }.scene-status.accepted { background:#e1f1e5; color:#26613a; }.scene-context-panel { padding:15px; margin:18px 0; box-shadow:none; background:#fffcf7; }.scene-context-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }.scene-context-head h3 { margin:3px 0 0; font:600 19px Fraunces,serif; }.scene-plot-picker { display:grid; gap:5px; margin:13px 0; color:#5e554e; font-size:12px; font-weight:700; }.scene-plot-picker select { min-height:38px; border:1px solid #d8cec1; border-radius:7px; background:#fffefa; padding:7px; color:var(--ink); }.scene-context-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }.scene-narrative-context,.scene-elements,.scene-profiles { border:1px solid #eadfd5; border-radius:8px; background:#fffefa; padding:10px; }.scene-narrative-context strong { display:block; margin:4px 0; font:600 15px Fraunces,serif; }.scene-narrative-context p { margin:6px 0; color:#5e554e; font-size:12px; }.scene-elements { display:grid; gap:6px; }.scene-elements article { display:grid; gap:2px; border-left:3px solid var(--gold); padding:5px 7px; background:#fffaf0; }.scene-elements strong { font-size:12px; }.scene-elements span,.scene-elements small { color:var(--muted); font-size:11px; }.scene-profiles { display:grid; gap:6px; }.scene-profile { border-bottom:1px solid #eee6dd; padding:4px 0; }.scene-profile:last-child { border:0; }.scene-profile summary { cursor:pointer; font-size:12px; font-weight:700; }.scene-profile p { color:#5e554e; font-size:12px; margin:6px 0; }.scene-profile dl { display:grid; grid-template-columns:90px 1fr; gap:3px 6px; margin:6px 0; font-size:11px; }.scene-profile dt { color:#8a6856; font-weight:700; }.scene-profile dd { margin:0; color:#5e554e; white-space:pre-wrap; }
@media (max-width:1180px) { .scene-context-grid { grid-template-columns:1fr; } }
@media (max-width:620px) { .scene-context-head { display:block; }.scene-context-head .button { margin-top:10px; }.manuscript-chapter-actions { align-items:center; } }
.plot-narrative-field { margin-top:11px; }.plot-narrative-field select { width:100%; border:1px solid #d8cec1; border-radius:7px; padding:7px; background:#fffefa; color:var(--ink); }