:root{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#242a36;background:#f4f3f0;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;border:1px solid #d9dce2;border-radius:8px;background:#fff;color:inherit;padding:8px 12px}button:hover{border-color:#7789ad}input,textarea,select{border:1px solid #d9dce2;border-radius:8px;background:#fff;color:inherit;padding:9px 10px;min-width:0}textarea{resize:vertical}input:focus,textarea:focus,select:focus,button:focus-visible{outline:2px solid #647ba7;outline-offset:1px}.primary{background:#31496f;color:#fff;border-color:#31496f}.primary:hover{background:#273d60}.eyebrow{display:block;color:#647ba7;font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.row{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.spread{justify-content:space-between}.notice{color:#9a4d39;font-size:13px;min-height:20px}.center-screen{min-height:100vh;display:grid;place-items:center;padding:24px}.welcome-card{background:#fff;box-shadow:0 18px 55px #26334b13;border:1px solid #e7e8eb;border-radius:18px;padding:38px;width:min(480px,100%)}.welcome-card h1{font-size:25px;margin:12px 0}.welcome-card p{line-height:1.7;color:#657084}.welcome-card label{display:grid;gap:7px;margin:16px 0;color:#525d6f}.welcome-card input{width:100%}.welcome-card .primary{width:100%;margin-top:12px}.library{width:min(620px,100%)}.library .primary{width:auto;margin:0}.book-list{display:grid;gap:10px;margin:24px 0}.book-list button{display:flex;justify-content:space-between;align-items:center;text-align:left;padding:18px}.book-list small{color:#748096}.workspace{height:100vh;display:flex;flex-direction:column;background:#f5f6f8}.topbar{height:68px;flex:none;background:#fff;border-bottom:1px solid #e2e5ea;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 22px}.brand{display:flex;align-items:center;gap:10px;min-width:200px}.brand-mark{display:grid;place-items:center;width:37px;height:37px;background:#31496f;color:#fff;border-radius:10px;font-weight:700}.brand strong,.brand small{display:block}.brand small{font-size:11px;color:#8490a1;margin-top:2px}.topbar nav,.top-actions{display:flex;align-items:center;gap:7px}.topbar nav button{border:none;background:none;padding:11px 14px;color:#667184}.topbar nav button.active{color:#31496f;background:#edf2fa;font-weight:700}.top-actions button{padding:7px 10px}.top-actions #sync-status{font-size:12px;color:#607b69;white-space:nowrap}.content{min-height:0;flex:1;overflow:auto}.write-layout{display:grid;grid-template-columns:270px minmax(420px,1fr) 260px;height:100%}.outline,.context{background:#fff;padding:20px;overflow:auto}.outline{border-right:1px solid #e2e5ea}.context{border-left:1px solid #e2e5ea}.section-head,.volume-head{display:flex;align-items:center;justify-content:space-between;gap:6px}.section-head{margin-bottom:22px}.section-head button,.volume-head button{padding:4px 7px;border:none;background:#f0f3f7}.volume{margin-bottom:18px}.volume-head input{flex:1;border:none;font-weight:700;padding:7px 3px}.chapters{display:grid;gap:3px;margin:6px 0 0 20px}.chapters button{border:none;background:transparent;text-align:left;display:flex;justify-content:space-between;gap:10px;padding:9px}.chapters button.active{background:#edf2fa;color:#31496f}.chapters small{font-size:11px;color:#8e99a8;white-space:nowrap}.manuscript{display:flex;flex-direction:column;min-height:0;padding:28px max(30px,7%);background:#fcfcfb}.manuscript-head{display:flex;justify-content:space-between;gap:12px;color:#768193;font-size:13px;padding:4px 0 22px}.manuscript-head strong{color:#2b3444}.manuscript textarea{flex:1;min-height:350px;width:100%;border:0;outline:0;box-shadow:none;background:transparent;line-height:1.95;font-size:17px;color:#29313e;resize:none;padding:0}.context h2{font-size:20px;margin:10px 0 30px}.context-block{border-top:1px solid #e7e9ee;padding:19px 0;display:grid;gap:10px}.context-block small,.codex-side small{color:#8a95a4}.context-block button,.inspector>button,.codex-side button{border:0;text-align:left;color:#49658e;padding:5px 0;background:transparent}.context-block p{font-size:13px;color:#8a95a4}.page-view{padding:28px 30px 40px;min-height:100%}.view-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:25px}.view-head h1{font-size:28px;margin:8px 0 5px}.view-head p{color:#778397;margin:0;font-size:13px}.view-head select{min-width:130px}.timeline-scroll{overflow:auto;border:1px solid #e1e5ec;background:#fff;border-radius:12px}.ruler,.lane{display:flex;min-height:52px}.ruler{position:relative;background:#f0f3f8;border-bottom:1px solid #dfe4ed;color:#718098;font-size:12px}.ruler>span,.lane-label{flex:none;width:130px;padding:17px;border-right:1px solid #e0e5ed}.ruler>div{padding:17px 35px;word-spacing:5px}.lane{min-height:250px;border-bottom:1px solid #e4e8ef}.lane:last-child{border-bottom:0}.lane-label{background:#fafbfc;display:grid;align-content:start;gap:8px}.lane-label small{color:#8b97a7}.track{position:relative;min-height:250px;background:repeating-linear-gradient(to right,transparent 0,transparent 24.9%,#edf0f4 25%,transparent 25.1%)}.scene-card{position:absolute;top:22px;width:190px;min-height:205px;padding:11px;background:#fff;box-shadow:0 3px 14px #34456718;border:1px solid #d7deea;border-radius:10px;display:grid;gap:7px;touch-action:none;cursor:grab}.scene-card.selected{border-color:#617eac;box-shadow:0 4px 18px #526f9a35}.scene-card.dragging{z-index:5;cursor:grabbing;box-shadow:0 9px 30px #526f9a45}.scene-card input,.scene-card textarea,.scene-card select{width:100%;padding:4px 5px;border:0;background:transparent;font-size:12px}.scene-card textarea{height:55px;line-height:1.4}.scene-card .scene-title{font-weight:700;font-size:14px}.card-top,.card-foot{display:flex;align-items:center;justify-content:space-between;gap:4px}.card-top select{width:auto;color:#54729a}.card-top button{border:0;padding:1px 5px}.card-foot span{font-size:10px;color:#8893a4;white-space:nowrap}.card-foot select{max-width:105px}.inspector{background:#fff;border:1px solid #e3e7ed;border-radius:12px;padding:20px;margin-top:18px}.inspector h2{margin:8px 0 20px;font-size:19px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label,.codex-detail label,.codex-side label{display:grid;gap:7px;color:#697586;font-size:12px}.form-grid input,.form-grid select,.codex-detail textarea,.codex-detail input,.codex-detail select,.codex-side input{width:100%;color:#2b3546}.tag-row{display:flex;gap:7px;margin:14px 0;color:#687e9f;font-size:12px}.tag-row span{background:#edf2f9;padding:5px 8px;border-radius:6px}.codex-layout{display:grid;grid-template-columns:245px minmax(400px,1fr) 230px;gap:17px}.codex-list,.codex-detail,.codex-side{background:#fff;border:1px solid #e3e7ed;border-radius:12px;padding:18px;min-height:490px}.codex-list{display:flex;flex-direction:column;gap:9px}.codex-list>small{color:#8b95a3;padding:8px 0}.codex-item{text-align:left;display:grid;gap:4px;padding:12px}.codex-item.active{background:#edf2fa;border-color:#8ca1c3}.codex-item small{color:#8994a4}.codex-detail{display:grid;align-content:start;gap:15px}.codex-detail .codex-name{font-size:26px;font-weight:700;border:0;padding-left:0}.codex-detail>input:not(.codex-name){border:0;padding-left:0}.codex-detail textarea{min-height:100px}.badge{background:#e9f0fa;color:#42618e;padding:5px 9px;border-radius:6px;font-size:12px}.codex-side{display:grid;align-content:start;gap:15px}.empty{padding:40px;color:#8d98a7}.conflict{padding:12px 22px;background:#fff1df;color:#865c27;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.workspace>.notice{position:absolute;bottom:12px;right:18px;background:#fff;box-shadow:0 3px 15px #0001;padding:6px 10px;border-radius:6px;max-width:360px}.workspace>.notice:empty{display:none}.dark{background:#171c26;color:#e3e8f0}.dark .topbar,.dark .outline,.dark .context,.dark .timeline-scroll,.dark .scene-card,.dark .inspector,.dark .codex-list,.dark .codex-detail,.dark .codex-side,.dark .workspace>.notice{background:#242c39;color:#e3e8f0;border-color:#3b4656}.dark .content,.dark .page-view{background:#1c2330}.dark .manuscript,.dark .lane-label{background:#202836}.dark input,.dark textarea,.dark select,.dark button{background:#2b3443;color:#e3e8f0;border-color:#485364}.dark .manuscript textarea,.dark .scene-card input,.dark .scene-card textarea,.dark .scene-card select,.dark .codex-detail .codex-name{background:transparent;color:#e3e8f0}.dark .ruler{background:#2a3444}.dark .topbar nav button.active,.dark .chapters button.active,.dark .codex-item.active{background:#344c70;color:#fff}.dark .primary{background:#4d6b9c}.dark .brand strong,.dark .manuscript-head strong{color:#fff}@media(max-width:1050px){.write-layout{grid-template-columns:220px minmax(350px,1fr)}.context{display:none}.codex-layout{grid-template-columns:220px minmax(350px,1fr)}.codex-side{grid-column:2;min-height:0}}@media(max-width:700px){.topbar{height:auto;min-height:60px;padding:10px;flex-wrap:wrap;gap:8px}.brand{min-width:0}.topbar nav{order:3;width:100%;justify-content:space-around}.top-actions{margin-left:auto}.top-actions #sync-status{max-width:80px;overflow:hidden}.write-layout{display:flex;flex-direction:column;height:auto;min-height:100%}.outline{max-height:250px}.manuscript{min-height:70vh;padding:22px}.page-view{padding:19px 12px}.view-head{align-items:start;flex-direction:column}.codex-layout{display:flex;flex-direction:column}.codex-list,.codex-detail,.codex-side{min-height:0}.form-grid{grid-template-columns:1fr}}