body{height:100vh;min-height:unset;overflow:hidden}main{flex:1;max-width:none;margin:0;padding:0;overflow:hidden;display:flex;flex-direction:column}.drop-zone{flex:1;display:flex;justify-content:center;align-items:center;border:3px dashed var(--gray-400);margin:var(--spacing-lg);border-radius:var(--border-radius-lg);background-color:var(--card-bg);transition:border-color .3s}.drop-zone.drag-over{border-color:var(--primary);background-color:var(--gray-100)}.drop-content{text-align:center;color:var(--text-muted)}.drop-content i{margin-bottom:var(--spacing-md);color:var(--gray-600)}.drop-content h2,.drop-content p{margin-bottom:var(--spacing-sm)}.drop-content .btn-primary{margin-top:var(--spacing-sm)}.reader-area{display:flex;height:100%;width:100%;min-width:0}.sidebar{width:250px;background-color:var(--card-bg);border-right:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0}.sidebar-header{padding:var(--spacing-md);background-color:var(--gray-100);border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;gap:var(--spacing-sm)}.sidebar-header h3{margin:0}.sidebar .header-row{display:flex;justify-content:space-between;align-items:center;width:100%}.icon-btn{background:none;border:none;cursor:pointer;color:var(--gray-600);font-size:1.1rem;padding:5px;border-radius:var(--border-radius-sm);transition:var(--transition)}.icon-btn:hover{background-color:#0000000d;color:var(--primary)}.search-box{display:flex;gap:5px;width:100%;align-items:center}#search-input{flex:1;min-width:0;padding:5px 8px;font-size:.9rem}#btn-clear-search{color:var(--danger);font-size:1.2rem;padding:0 5px;display:flex;align-items:center;background:none;border:none}#btn-clear-search:hover{color:#c0392b;background-color:#e74c3c1a}.toc-list{flex:1;overflow-y:auto;padding:var(--spacing-sm)}.toc-item{padding:var(--spacing-sm);cursor:pointer;border-bottom:1px solid var(--gray-200);font-size:.9rem;color:var(--text-color);border-radius:var(--border-radius-sm)}.toc-item:hover{background-color:#4361ee0d;color:var(--primary)}.toc-item.active{font-weight:700;color:var(--primary);background-color:#4361ee14}.search-result-item{font-size:.85rem;color:var(--text-muted);border-left:3px solid var(--primary)}.viewer-container{flex:1;position:relative;background-color:var(--card-bg);display:flex;flex-direction:column;min-width:0}#viewer{flex:1;width:100%;height:100%;overflow:hidden}#viewer iframe{width:100%;height:100%;border:none;display:block}.controls-overlay{height:50px;background-color:var(--gray-100);border-top:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;padding:0 var(--spacing-lg)}.nav-btn{background:none;border:none;font-size:1.2rem;cursor:pointer;color:var(--gray-700);padding:5px 10px}.nav-btn:hover{color:var(--primary)}.zoom-controls{display:flex;align-items:center;gap:var(--spacing-sm)}.zoom-controls button{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;color:var(--text-color)}.zoom-controls button:hover{background-color:var(--gray-200)}#zoom-level{font-size:.9rem;color:var(--text-muted);min-width:45px;text-align:center}body.dark-theme .icon-btn{color:var(--gray-500)}body.dark-theme .icon-btn:hover{background-color:#ffffff0f;color:var(--primary)}body.dark-theme #btn-clear-search{color:#ff6b6b}body.dark-theme #btn-clear-search:hover{color:#f44;background-color:#ff4b4b1a}@media (max-width: 768px){.sidebar{width:200px}}@media (max-width: 480px){.sidebar{width:160px;font-size:.85rem}.controls-overlay{padding:0 var(--spacing-sm)}}