@font-face{font-family:"Source Serif 4";src:url("../book/style/fonts/SourceSerif4-Regular.otf.woff2") format("woff2");font-display:swap}
:root{--ink:#191b17;--paper:#f7f4ec;--green:#75ca62;--blue:#67b9e4;--line:rgb(25 27 23 / 16%);font-family:"Avenir Next","PingFang SC",sans-serif;color:var(--ink);background:#edf0e8}
*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{padding:0 clamp(18px,4vw,60px) 60px;background:linear-gradient(110deg,#edf0e8,#e3edf0)}button,input,select{font:inherit;color:inherit}
.topbar{position:sticky;z-index:10;top:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:18px 0;border-bottom:1px solid var(--line);background:rgb(237 240 232 / 88%);backdrop-filter:blur(14px)}.topbar a{color:inherit;font-size:12px;text-decoration:none}.topbar div{text-align:center}.topbar span,.eyebrow{font-size:9px;letter-spacing:.18em}.topbar h1{margin:2px 0 0;font:400 20px/1 "Source Serif 4",serif}.topbar button{justify-self:end;padding:10px 18px;border:0;border-radius:999px;color:#fff;background:#1d211b;cursor:pointer}
main{display:grid;grid-template-columns:minmax(250px,360px) minmax(0,1fr);gap:clamp(30px,7vw,100px);width:min(1180px,100%);margin:54px auto}.upload-panel{align-self:start}.eyebrow{margin:0 0 8px;color:#647467}.upload-panel h2,.pages-panel h2{margin:0 0 28px;font:400 38px/1 "Source Serif 4",serif}form{display:grid;gap:18px}label{display:grid;gap:7px;font-size:11px;letter-spacing:.05em}input,select{width:100%;padding:12px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;outline:none}input[type=file]{padding:10px 0;font-size:12px}.hint,.progress{min-height:18px;margin:0;color:#657067;font-size:11px;line-height:1.5}.upload-button{padding:13px;border:1px solid var(--ink);background:transparent;cursor:pointer}.upload-button:hover{color:#fff;background:var(--ink)}
.section-head{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid var(--line)}.section-head h2{margin-bottom:18px}.section-head>span{padding-bottom:20px;color:#657067;font-size:11px}.page-list{display:grid;gap:0}.page-card{display:grid;grid-template-columns:92px minmax(0,1fr) auto;align-items:center;gap:18px;padding:16px 0;border-bottom:1px solid var(--line)}.page-card img{width:92px;height:72px;object-fit:cover;background:#ddd}.page-card input{font-family:"Source Serif 4",serif;font-size:17px}.page-card small{display:block;margin-top:6px;color:#697168;font-size:9px;letter-spacing:.14em}.actions{display:flex;gap:5px}.actions button{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:var(--paper);cursor:pointer}.actions .delete{color:#8a3e36}button:disabled{opacity:.38;cursor:default}
@media(max-width:760px){body{padding-inline:16px}.topbar{grid-template-columns:1fr auto}.topbar>div{display:none}main{grid-template-columns:1fr;margin:34px auto}.pages-panel{order:-1}.page-card{grid-template-columns:72px minmax(0,1fr)}.page-card img{width:72px;height:64px}.actions{grid-column:2}.upload-panel h2,.pages-panel h2{font-size:32px}}