:root{--bg:#faf8f4;--bg-panel:#f1ede6;--fg:#2a2724;--muted:#7a736b;--line:#e0d9cf;--accent:#8b4a2b;--accent-soft:#f3e4db;--serif:"Noto Serif KR", "Apple SD Gothic Neo", "Nanum Myeongjo", Georgia, serif;--sans:"Pretendard", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#1c1a18;--bg-panel:#242120;--fg:#e8e2d9;--muted:#9a9289;--line:#37322e;--accent:#d08a63;--accent-soft:#3a2a22}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font-family:var(--sans);font-size:15px}button{font:inherit;color:inherit;border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:6px;padding:4px 10px}button:hover{background:var(--accent-soft)}h1,h2,h3{margin:0;font-weight:600}.hint{color:var(--muted);font-size:13px;line-height:1.5}.app{grid-template-columns:240px 1fr 320px;height:100%;display:grid}.app.focus{grid-template-columns:1fr}.app.focus .sidebar{display:none}.sidebar,.inspect{background:var(--bg-panel);padding:16px 12px;overflow-y:auto}.sidebar{border-right:1px solid var(--line)}.inspect{border-left:1px solid var(--line)}.sidebar section+section{margin-top:20px}.sidebar header,.inspect header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.sidebar h2,.inspect h2{color:var(--muted);letter-spacing:.04em;font-size:13px}.sidebar ul{margin:0;padding:0;list-style:none}.sidebar li{border-radius:6px;align-items:center;display:flex}.sidebar li>button{text-align:left;border:0;flex:1;padding:6px 8px}.sidebar li.active{background:var(--accent-soft)}.sidebar li.dragging{opacity:.4}.sidebar .order{color:var(--muted);margin-right:4px;font-size:12px}.sidebar .row-actions{gap:2px;padding-right:4px;display:none}.sidebar li:hover .row-actions{display:flex}.sidebar .row-actions button{color:var(--muted);border:0;padding:2px 6px;font-size:12px}main{flex-direction:column;min-width:0;display:flex}.chapter-title{font-family:var(--serif);color:var(--muted);padding:20px 48px 0;font-size:18px}.editor-wrap{flex:1;padding:16px 48px 120px;overflow-y:auto}.editor-wrap.focus{padding-left:max(48px,50% - 360px);padding-right:max(48px,50% - 360px)}.prose{max-width:720px;min-height:60vh;font-family:var(--serif);word-break:keep-all;outline:none;margin:0 auto;font-size:17px;line-height:1.9}.prose p{margin:0 0 1em}.prose p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--muted);float:left;pointer-events:none;height:0}.empty{text-align:center;color:var(--muted);flex:1;place-content:center;display:grid}.empty h1{font-family:var(--serif);color:var(--fg);margin-bottom:8px;font-size:32px}.empty .notice{max-width:36em;margin:12px auto 0;font-size:14px;line-height:1.6}.statusbar{border-top:1px solid var(--line);color:var(--muted);background:var(--bg);align-items:center;gap:16px;padding:8px 24px;font-size:13px;display:flex}.statusbar b{color:var(--fg);font-weight:600}.statusbar .spacer{flex:1}.statusbar .save{color:var(--accent)}.inspect>.hint{margin:0 0 12px}.inspect .rules{margin:0 0 16px;padding:0;list-style:none}.inspect .rules li{padding:4px 0;font-size:13px}.inspect .rules li.off{opacity:.5}.inspect .rules label{cursor:pointer;grid-template-columns:auto 1fr auto auto;align-items:center;gap:8px;display:grid}.inspect .rules .count{text-align:right;min-width:2ch;font-weight:600}.inspect .rules .ratio{color:var(--muted);text-align:right;min-width:9ch;font-size:12px}.inspect h3{color:var(--muted);margin-bottom:8px;font-size:13px}.inspect .hits{margin:0;padding:0;list-style:none}.inspect .hits li{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:6px;padding:8px 0;font-size:13px;display:flex}.inspect .tag{background:var(--accent-soft);color:var(--accent);border-radius:4px;padding:1px 6px;font-size:12px}.inspect .line{color:var(--muted);font-size:12px}.inspect q{width:100%;font-family:var(--serif);quotes:"“" "”";display:block}@media (width<=900px){.app{grid-template-rows:auto 1fr auto;grid-template-columns:1fr}.sidebar,.inspect{border:0;border-bottom:1px solid var(--line);max-height:30vh}.chapter-title,.editor-wrap{padding-left:16px;padding-right:16px}}.inline-form input{width:100%;font:inherit;border:1px solid var(--line);background:var(--bg);color:var(--fg);border-radius:6px;margin-bottom:6px;padding:6px 8px}.app.focus .chapter-title{padding-left:max(48px,50% - 360px);padding-right:max(48px,50% - 360px)}
