:root{--bs-primary-rgb:13,110,253;--bs-dark-rgb:33,37,41;--light-bg:#f8f9fa;--dark-bg:#121212;--card-dark-bg:#1e1e1e}body{background-color:var(--light-bg);font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;transition:background-color .3s ease,color .3s ease;min-height:100vh;display:flex;flex-direction:column}.tool-card{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;border:1px solid rgba(0,0,0,.125)}.tool-card:hover{transform:translateY(-8px);box-shadow:0 8px 16px rgba(0,0,0,.1)}.upload-area{border:2px dashed #dee2e6;border-radius:.5rem;padding:2.5rem 1rem;transition:background-color .3s ease,border-color .3s ease}.upload-area.drag-over{background-color:rgba(var(--bs-primary-rgb),.1);border-color:rgba(var(--bs-primary-rgb),.5)}.tool-section{display:none}.tool-section.active{display:block;animation:fadeIn .5s ease-in-out}@keyframes fadeIn{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.ads-container{text-align:center;min-height:90px;background-color:#f0f0f0;border-radius:8px;display:flex;align-items:center;justify-content:center;border:1px solid #dee2e6}main{flex:1}body.dark-mode{background-color:var(--dark-bg);color:#e0e0e0}.dark-mode .navbar{background-color:rgba(var(--bs-dark-rgb),1)!important}.dark-mode .card,.dark-mode .modal-content{background-color:var(--card-dark-bg);border-color:#333}.dark-mode footer{background-color:rgba(var(--bs-dark-rgb),1)!important}.dark-mode .ads-container{background-color:#2a2a2a;border-color:#444}.dark-mode .text-muted{color:#adb5bd!important}.dark-mode .list-group-item{background-color:#2c2c2c;border-color:#444}#page-organizer{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:1rem}.page-thumb-container{position:relative;border:1px solid #ccc;padding:5px;background-color:#fff;border-radius:.25rem;cursor:grab}.page-thumb-container:active{cursor:grabbing}.page-thumb-container canvas{width:100%;height:auto;display:block}.page-actions{position:absolute;top:5px;right:5px;display:flex;gap:4px}.page-actions button{background-color:rgba(0,0,0,.6);color:#fff;border:none;border-radius:50%;width:24px;height:24px;line-height:24px;text-align:center;padding:0;font-size:.8rem;opacity:.5;transition:opacity .2s}.page-thumb-container:hover .page-actions button{opacity:1}.page-num{position:absolute;bottom:5px;left:5px;background-color:rgba(0,0,0,.6);color:#fff;font-size:.75rem;padding:2px 5px;border-radius:3px}.dark-mode .page-thumb-container{background-color:#333;border-color:#555}.file-list-item{padding:.75rem 1.25rem;font-size:.95em;border-radius:0}.file-list-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.file-list-item:last-child{border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}.file-info{display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:15px}.file-name{color:#495057}.dark-mode .file-list-item{background-color:#2c2c2c;border-color:#444}.dark-mode .file-name{color:#e0e0e0}.result-area{display:none;text-align:center;padding:2rem;border:2px dashed #28a745;background-color:#d4edda;border-radius:.5rem;margin-top:2rem;animation:fadeIn .5s ease-in-out;display:flex;flex-direction:column;align-items:center;justify-content:center}.dark-mode .result-area{border-color:#2a6a3d;background-color:#1e3c27}.btn-download{font-size:1.25rem;padding:.75rem 1.5rem}.download-info{margin-top:.5rem;font-size:.9em;color:#6c757d}.dark-mode .download-info{color:#adb5bd}
