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