:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#1f1c2c,#928dab);height:100vh;display:flex;justify-content:center;align-items:center}.app-container{perspective:1000px}.card{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:20px;padding:2rem;box-shadow:0 15px 30px #0003;transform-style:preserve-3d;transition:transform .3s ease;width:400px;color:#fff}.card:hover{transform:rotateY(5deg) rotateX(5deg)}.title{font-size:1.8rem;margin-bottom:1.5rem;text-align:center}.file-label{display:inline-block;background:#00c6ff;background:linear-gradient(to right,#0072ff,#00c6ff);padding:.75rem 1.5rem;border-radius:50px;cursor:pointer;color:#fff;font-weight:700;box-shadow:0 5px 15px #00c6ff66;margin-bottom:1rem;transition:transform .2s ease}.file-label:hover{transform:scale(1.05)}.file-input{display:none}.zip-button{width:100%;padding:.75rem;border:none;border-radius:50px;background:linear-gradient(to right,#ff512f,#dd2476);color:#fff;font-size:1rem;font-weight:700;cursor:pointer;margin-top:1rem;box-shadow:0 5px 15px #dd247666;transition:transform .2s ease}.zip-button:hover{transform:scale(1.05)}.file-list{margin-top:1.5rem;max-height:250px;overflow-y:auto;padding-right:5px}.file-item{font-size:.9rem;padding:.25rem 0;border-bottom:1px solid rgba(255,255,255,.2);word-break:break-all}.app-wrapper{display:flex;gap:2rem;padding:2rem;height:100vh;box-sizing:border-box}.side-panel{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:20px;padding:1rem;color:#fff;width:300px;max-height:100%;box-shadow:0 15px 30px #0003;overflow:hidden}.scrollable-panel{overflow-y:auto;max-height:60vh;padding-right:5px;margin-top:10px}.detail-item{margin-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:.5rem;word-break:break-word}.input-buttons{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;align-items:center}.progress-bar-wrapper{margin-top:1rem;border-radius:10px;height:20px;width:100%;position:relative;overflow:hidden;color:#fff;font-size:.9rem;padding:.25rem;-webkit-user-select:none;user-select:none}.zip-button{width:100%;padding:.75rem;border:none;border-radius:50px;background:linear-gradient(to right,#ff512f,#dd2476);color:#fff;font-size:1rem;font-weight:700;cursor:pointer;margin-top:1rem;box-shadow:0 5px 15px #dd247666;transition:transform .2s ease;position:relative}.zip-button:hover:not(:disabled){transform:scale(1.05)}.zip-button:disabled{opacity:.6;cursor:not-allowed}.progress-bar{height:100%;background:linear-gradient(to right,#00c6ff,#0072ff);transition:width .2s ease}.progress-text{font-size:.85rem;color:#fff;text-align:center;margin:0}.progress-bar-container{position:relative;background:#fff3;border-radius:10px;height:24px;width:100%;overflow:hidden;margin-bottom:.5rem}.progress-bar{height:100%;background:linear-gradient(to right,#ff512f,#dd2476);border-radius:10px 0 0 10px;transition:width .2s ease}.progress-text{position:absolute;top:0;left:50%;transform:translate(-50%);height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.9rem;pointer-events:none}.file-container{width:100%;display:flex;flex-direction:row;gap:16px}.pdf-container{font-family:Arial,sans-serif;padding:20px}.stats-content,.details-content{margin-bottom:20px;padding:10px;border:1px solid #ddd}.detail-item{margin-bottom:10px;padding:5px;border-bottom:1px solid #eee}.detail-item strong{font-weight:700}