:root{color:#25211d;background:#fbfaf7;font-family:Malgun Gothic,AppleGothic,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;height:100vh;overflow:hidden}button{font:inherit}.app-shell{display:flex;flex-direction:column;height:100vh;background:#fbfaf7}.header{z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px;padding:0 20px;color:#f6f3eb;background:#2c251e;box-shadow:0 2px 10px #00000026}.header h1{margin:0;font-size:18px;font-weight:700;text-align:center}.nav-btn{min-height:36px;border:0;border-radius:4px;padding:8px 14px;color:#fff;background:#8c2d19;font-size:13px;font-weight:700;cursor:pointer}.nav-btn:hover{background:#b03a20}.main-container{position:relative;display:flex;flex:1;min-height:0;overflow:hidden}.sidebar{z-index:5;height:100%;overflow-y:auto;transition:margin .25s ease}.sidebar.left{width:280px;flex:0 0 280px;padding:20px;background:#f5f2eb;border-right:1px solid #dcd7ca}.sidebar.left.collapsed{margin-left:-280px}.sidebar.right{width:380px;flex:0 0 380px;padding:25px;background:#fff;border-left:2px solid #e6dfd3;box-shadow:-4px 0 15px #0000000d}.sidebar.right.collapsed{margin-right:-380px}.canvas-container{position:relative;flex:1;min-width:0;height:100%;background:#faf8f5;cursor:grab}.canvas-container:active{cursor:grabbing}canvas{display:block;width:100%;height:100%}h2,h3{margin-top:0;color:#2c251e}.helper-text{color:#62594f;font-size:13px;line-height:1.65}.divider{height:1px;margin:16px 0;background:#d7d0c2}.meta-tag{display:inline-block;margin-bottom:10px;border-radius:4px;padding:4px 8px;color:#fff;background:#8c2d19;font-size:11px;font-weight:700}.meta-tag.book{background:#6b4eb8}.original-text{display:inline-block;margin:5px 0;border-left:4px solid #8c2d19;border-radius:4px;padding:6px 12px;color:#4a3e3d;background:#fdf5f3;font-family:Times New Roman,serif;font-size:22px;font-weight:700}.schema-list{display:flex;flex-wrap:wrap;gap:6px}.schema-list span{border:1px solid #d1c4b0;border-radius:4px;padding:5px 7px;color:#534438;background:#fffdf8;font-size:12px;font-weight:700}.graph-stat{display:grid;gap:4px;margin:12px 0;border:1px solid #d8cbbb;border-radius:6px;padding:10px;background:#fffdf8}.graph-stat strong{color:#2c251e;font-size:13px}.graph-stat span{color:#62594f;font-size:12px;line-height:1.45}@media(max-width:760px){.header{gap:8px;padding:0 10px}.header h1{font-size:14px}.nav-btn{padding:7px 9px;font-size:12px}.sidebar.left{position:absolute;left:0;width:260px;flex-basis:260px}.sidebar.right{position:absolute;right:0;width:min(340px,86vw);flex-basis:min(340px,86vw)}}