:root{--primary-color:#007bff;--primary-hover:#0056b3;--background-color:#f0f2f5;--card-bg:#ffffff;--text-color:#333;--subtext-color:#494949;--border-color:#e1e1e1;--shadow:rgba(0, 0, 0, 0.1);--border-radius:8px}*{box-sizing:border-box;margin:0;padding:0}.main-container{font-family:'Arial',sans-serif;color:var(--text-color);line-height:1.6}.co-container{display:flex;flex-direction:column;align-items:center;padding:20px;min-height:100vh}.sidebar{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:0 0 10px var(--shadow);border-radius:var(--border-radius);padding:40px;width:100%;max-width:900px;margin-bottom:20px;display:flex;flex-direction:column;gap:15px}.sidebar h1{font-size:1.8em;margin-bottom:10px;color:var(--text-color)}.sidebar p{font-size:1.1em;color:var(--subtext-color);margin-bottom:20px}.sidebar label{font-weight:600;font-size:18px;margin-bottom:8px;display:block}.file-input-wrapper{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.file-input-wrapper label{flex-shrink:0}.file-input-wrapper input[type="file"]{flex-grow:1;padding:14px;height:50px;border:1px solid var(--border-color);border-radius:var(--border-radius);background:#fafafa;width:100%}.box-div{display:flex!important;gap:15px;flex-wrap:wrap;justify-content:start!important;align-items:center}.layout-mode-radio,.sort-radio{display:flex;gap:10px;flex-wrap:wrap}.label-style{display:flex;align-items:center;gap:5px;padding:8px 12px;background:#fafafa;border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;transition:background 0.3s;user-select:none}.label-style:hover{background:#f2f2f2}input[type="radio"]{margin-right:5px;cursor:pointer}progress{width:100%;height:20px;border-radius:var(--border-radius);overflow:hidden;appearance:none;margin-top:5px}progress::-webkit-progress-bar{background-color:#eee;border-radius:var(--border-radius)}progress::-webkit-progress-value{background-color:var(--primary-color)}#message{font-size:.9em;margin-top:10px;min-height:20px;color:red}button{padding:12px;border:none;border-radius:8px;background:var(--primary-color);color:#fff;font-size:1em;cursor:pointer;transition:background 0.3s;text-align:center}button:hover{background:var(--primary-hover)}select{padding:8px;border:1px solid var(--border-color);border-radius:var(--border-radius);background:#fafafa;margin-top:10px}.main-content{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:0 0 10px var(--shadow);border-radius:8px;padding:20px;width:100%;max-width:900px;overflow:auto;display:none}.main-content h2{margin-bottom:10px}.main-content p{margin-bottom:20px;color:var(--subtext-color)}#pagesContainer{display:flex;flex-wrap:wrap;gap:20px}.pageWrapper{position:relative;background:var(--card-bg);border:1px solid #ccc;box-shadow:0 2px 4px var(--shadow);border-radius:8px;overflow:hidden}.pageWrapper canvas{display:block;width:100%;height:auto}.is-layout-constrained>:where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width:100%}.layout-mode-radio>.label-style,.sort-radio>.label-style{font-size:16px!important}.box-div label{font-weight:600!important}@media (max-width:600px){.file-input-wrapper{flex-direction:column;align-items:start}.sidebar{padding:20px}.sidebar h1{font-size:1.5em}.sidebar p,.sidebar label{font-size:1em}.container{padding:10px}#primary{padding:0!important}}.alert{z-index:1051}.modal{z-index:1060}