.app-container{display:flex;height:100vh;width:100vw}.tree-panel{width:30%;min-width:300px;max-width:500px;border-right:1px solid #e0e0e0;overflow:auto;padding:16px;background-color:#f5f5f5}.content-panel{flex:1;padding:16px;overflow:auto}.tree-item-label{padding:8px;cursor:pointer;border-radius:4px;transition:background-color .2s}.tree-item-label:hover{background-color:#e3f2fd}.content-container{height:100%}.content-title{margin-top:0;padding-bottom:16px;border-bottom:1px solid #eee}.content-row{padding:12px 0;border-bottom:1px solid #f0f0f0}.page-break{background-color:#fffde7;padding:8px;border-radius:4px;margin:8px 0}.edition-tag{display:inline-block;margin-right:12px;padding:4px 8px;background-color:#e8f5e9;border-radius:4px;font-size:.85em}.note-unit{background-color:#f5f5f5;padding:12px;border-left:3px solid #ff9800;margin:12px 0;border-radius:0 4px 4px 0}.variants{margin-top:8px;padding-top:8px;border-top:1px dashed #ddd}.variant{font-size:.9em;color:#666;margin-bottom:4px}.sources{color:#2196f3;font-weight:700}.highlight{color:#d32f2f;font-weight:700}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.error{color:#f44336;padding:24px;text-align:center}@media (max-width: 768px){.app-container{flex-direction:column}.tree-panel{width:100%;max-width:none;height:40vh;border-right:none;border-bottom:1px solid #e0e0e0}.content-panel{height:60vh}}