:root{--e-blue:#1647e8;--e-navy:#101c30;--e-paper:#fbf8f1;--e-lime:#d7ed22}.eyebrow{font-size:9px;letter-spacing:.16em;font-weight:800}.editor-library{max-width:1280px;margin:auto;padding:48px 28px 90px}.editor-library__hero{display:grid;grid-template-columns:1fr 520px;gap:60px;align-items:end;padding:55px;border-radius:22px;color:#fff;background:radial-gradient(circle at 78% 15%,#506feb 0,transparent 25%),linear-gradient(120deg,#101c30,#173da7)}.editor-library__hero .eyebrow{color:var(--e-lime)}.editor-library__hero h1{font:52px/1 Georgia,serif;margin:14px 0}.editor-library__hero p{color:#dce3f7}.new-draft-form{padding:22px;border:1px solid #ffffff2f;border-radius:12px;background:#ffffff0d}.new-draft-form label{display:block;margin-bottom:8px;font-size:9px}.new-draft-form>div{display:flex}.new-draft-form input{flex:1;border:0;padding:14px}.btn-dark{border:0;background:var(--e-navy);color:#fff;padding:13px 18px;font-weight:700;cursor:pointer}.new-draft-form button{background:var(--e-lime);color:#18220a}.draft-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.draft-card{display:grid;grid-template-columns:130px 1fr;gap:17px;padding:14px;border:1px solid #e4dfd5;border-radius:14px;background:#fff;transition:.2s}.draft-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #16243c16}.draft-cover{height:190px;padding:16px;color:#fff;background:linear-gradient(145deg,#17316e,var(--e-blue));display:flex;flex-direction:column;justify-content:space-between}.draft-cover small,.draft-cover span{font-size:7px}.draft-cover strong{font:19px/1.05 Georgia,serif}.draft-card__body h3{font:21px Georgia,serif}.draft-card__body p,.draft-card__body small{color:#727983;font-size:10px}.status-pill{padding:5px 8px;border-radius:12px;background:#eef1ff;color:var(--e-blue);font-size:8px}.empty-editor{grid-column:1/-1;text-align:center;padding:70px;border:1px dashed #ccd2df;border-radius:16px;background:var(--e-paper)}
.editor-workspace{min-height:80vh;background:#eef0f5}.editor-topbar{height:64px;padding:0 24px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid #d9dde6;background:#fff}.editor-topbar>div{text-align:center;display:flex;flex-direction:column}.editor-topbar>div span{font-size:9px;color:#738070}.editor-topbar .btn-outline{justify-self:end}.editor-layout{display:grid;grid-template-columns:270px minmax(480px,1fr) 300px;min-height:80vh}.chapter-panel,.metadata-panel{padding:24px;background:#fff}.chapter-panel{border-right:1px solid #d9dde6}.metadata-panel{border-left:1px solid #d9dde6}.chapter-panel__head{display:flex;justify-content:space-between;align-items:center}.chapter-panel__head button{border:0;border-radius:50%;width:30px;height:30px;background:var(--e-blue);color:#fff}.chapter-panel ol{list-style:none;padding:0;display:grid;gap:6px}.chapter-panel li{padding:10px;border:1px solid transparent;border-radius:9px}.chapter-panel li.active{border-color:#ccd6ff;background:#eef1ff}.chapter-panel li>a{display:grid;grid-template-columns:26px 1fr}.chapter-panel li>a span{grid-row:1/3;color:var(--e-blue);font-size:10px}.chapter-panel li>a b{font-size:11px}.chapter-panel li>a small{font-size:8px;color:#777}.chapter-panel li>div{display:flex;justify-content:flex-end}.chapter-panel li button{border:0;background:transparent;cursor:pointer}.writing-stage{padding:35px;overflow:auto}.editor-toolbar{position:sticky;top:0;z-index:3;max-width:820px;margin:auto;padding:8px;display:flex;gap:3px;border:1px solid #dcdfe7;background:#fff}.editor-toolbar button{min-width:34px;height:32px;border:0;background:#fff}.editor-toolbar i{width:1px;background:#ddd}.paper-sheet{max-width:820px;min-height:920px;margin:auto;padding:75px 90px 40px;background:#fff;box-shadow:0 15px 45px #16213c12}.paper-sheet>input{width:100%;border:0;border-bottom:1px solid #e4e1da;padding-bottom:22px;font:38px Georgia,serif;outline:none}.paper-sheet [contenteditable]{min-height:710px;padding-top:30px;font:18px/1.85 Georgia,serif;outline:none}.paper-sheet [contenteditable]:empty:before{content:attr(data-placeholder);color:#aaa}.paper-sheet blockquote{border-left:3px solid var(--e-blue);padding-left:20px}.paper-sheet footer{display:flex;justify-content:space-between;border-top:1px solid #eee;padding-top:15px;color:#9298a1;font-size:8px}.metadata-panel label{display:grid;gap:6px;margin-bottom:15px;font-size:9px}.metadata-panel input,.metadata-panel select,.metadata-panel textarea{width:100%;border:1px solid #d9dce3;padding:10px}.metadata-panel button{width:100%}
.book-preview{min-height:100vh;padding:25px 20px 90px;background:#e8e8e8}.preview-controls{position:sticky;top:0;z-index:5;max-width:900px;margin:0 auto 20px;padding:10px 15px;display:flex;justify-content:space-between;background:var(--e-navy);color:#fff}.preview-controls button{border:1px solid #ffffff30;background:transparent;color:#fff;padding:7px}.book-preview #preview-book{max-width:850px;margin:auto;padding:90px 110px;background:#fff;box-shadow:0 20px 55px #1113;font:18px/1.8 Georgia,serif}.book-preview #preview-book>header{text-align:center;min-height:500px;display:flex;flex-direction:column;justify-content:center}.book-preview #preview-book h1{font:52px/1 Georgia,serif}.book-preview #preview-book section{padding:70px 0;border-top:1px solid #ddd}.book-preview[data-theme=sepia] #preview-book{background:#f1e5c9;color:#3b3023}.book-preview[data-theme=dark]{background:#080d17}.book-preview[data-theme=dark] #preview-book{background:#152033;color:#e6e9ef}.book-preview[data-width=mobile] #preview-book{max-width:390px;padding:55px 32px}
@media(max-width:1100px){.editor-library__hero{grid-template-columns:1fr}.draft-grid{grid-template-columns:repeat(2,1fr)}.editor-layout{grid-template-columns:230px 1fr}.metadata-panel{grid-column:1/-1}.paper-sheet{padding:55px}}@media(max-width:720px){.editor-library{padding:20px 15px}.editor-library__hero{padding:35px 22px}.draft-grid{grid-template-columns:1fr}.editor-layout{display:block}.chapter-panel ol{display:flex;overflow:auto}.chapter-panel li{min-width:190px}.writing-stage{padding:15px}.paper-sheet{padding:40px 25px}.book-preview #preview-book{padding:55px 30px}}