@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);:root{--bg-color:#0b0c10;--bg-surface:#1f2833;--bg-surface-glass:#1f283399;--text-color:#c5c6c7;--text-heading:#fff;--accent-color:#66fcf1;--accent-secondary:#45a29e;--btn-success:#28a745;--btn-danger:#dc3545;--btn-warning:#ffc107;--btn-hover-opacity:0.85;--border-radius-lg:16px;--border-radius-sm:8px;--shadow-glow:0 0 15px #66fcf166;--shadow-deep:0 8px 32px #00000080;--input-bg-color:#12141a;--border-color:#3b4252}body,html{-webkit-font-smoothing:antialiased;background-color:#0b0c10;background-color:var(--bg-color);color:#c5c6c7;color:var(--text-color);font-family:Inter,sans-serif;line-height:1.6;margin:0;padding:0}.app-layout{display:flex;flex-direction:column;min-height:100vh}.app-header{background:#1f2833;background:var(--bg-surface);border-bottom:1px solid #3b4252;border-bottom:1px solid var(--border-color);box-shadow:0 4px 12px #0006;padding:1rem 2rem}.main-nav ul{display:flex;gap:2rem;justify-content:center;list-style:none;margin:0;padding:0}.main-nav a{border-radius:8px;border-radius:var(--border-radius-sm);color:#c5c6c7;color:var(--text-color);font-size:1.1rem;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .3s cubic-bezier(.25,.8,.25,1)}.main-nav a.active,.main-nav a:hover{background:#66fcf11a;color:#66fcf1;color:var(--accent-color);text-shadow:0 0 8px #66fcf1;text-shadow:0 0 8px var(--accent-color)}.app-container{margin:0 auto;max-width:900px;padding:2rem}.app-title{-webkit-text-fill-color:#0000;background:-webkit-linear-gradient(var(--accent-color),var(--accent-secondary));-webkit-background-clip:text;color:#fff;color:var(--text-heading);filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));font-size:2.2rem;font-weight:700;letter-spacing:-.5px;margin-bottom:2rem;text-align:center;text-transform:uppercase}.editor-container{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#1f283399;background:var(--bg-surface-glass);border:1px solid #ffffff0d;border-radius:16px;border-radius:var(--border-radius-lg);box-shadow:0 8px 32px #00000080;box-shadow:var(--shadow-deep);padding:2rem}.file-input{margin-bottom:1.5rem}.file-input__control{background:#12141a;background:var(--input-bg-color);border:1px solid #3b4252;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-sm);color:#c5c6c7;color:var(--text-color);cursor:pointer;padding:.8rem;transition:all .3s ease;width:100%}.file-input__control:hover{border-color:#45a29e;border-color:var(--accent-secondary);box-shadow:0 0 8px #45a29e4d}.file-input__hint{color:#8892b0;display:block;font-size:.85rem;margin-top:.5rem;text-align:center}.button-group{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:1.5rem}.btn{background:#1f2833;background:var(--bg-surface);border:1px solid #3b4252;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-sm);box-shadow:0 4px 6px #0003;color:#fff;color:var(--text-heading);cursor:pointer;font-size:1rem;font-weight:500;padding:.6rem 1.2rem}.btn:hover:not(:disabled){border-color:#66fcf1;border-color:var(--accent-color);color:#66fcf1;color:var(--accent-color)}.btn:active:not(:disabled){opacity:.8}.btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.btn--success{background:#28a7451a;border-color:#28a745;border-color:var(--btn-success);color:#28a745;color:var(--btn-success)}.btn--success:hover:not(:disabled){background:#28a745;background:var(--btn-success);color:#fff}.btn--danger{background:#dc35451a;border-color:#dc3545;border-color:var(--btn-danger);color:#dc3545;color:var(--btn-danger)}.btn--danger:hover:not(:disabled){background:#dc3545;background:var(--btn-danger);color:#fff}.btn--warning{background:#ffc1071a;border-color:#ffc107;border-color:var(--btn-warning);color:#ffc107;color:var(--btn-warning)}.btn--warning:hover:not(:disabled){background:#ffc107;background:var(--btn-warning);color:#212529}.canvas-wrapper{background:#0f1015;border:1px solid #3b4252;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-sm);box-shadow:inset 0 0 20px #00000080;margin-bottom:1.5rem;overflow:hidden;width:100%}.adjustment-controls{background:#0003;border-radius:8px;border-radius:var(--border-radius-sm);margin-bottom:1.5rem;padding:1.5rem}.adjustment-controls h3{color:#fff;color:var(--text-heading);font-size:1.2rem;margin:0 0 1rem;text-align:center}.adjustment-group{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.adjustment-box{background:#1f2833;background:var(--bg-surface);border:1px solid #3b4252;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-sm);flex:1 1 120px;max-width:200px;padding:.8rem;text-align:center}.adjustment-box h4{color:#c5c6c7;color:var(--text-color);font-size:.9rem;margin:0 0 .8rem}.adjustment-box button{align-items:center;display:inline-flex;font-size:1.2rem;font-weight:700;height:40px;justify-content:center;padding:0;width:40px}.adjustment-box button+button{margin-left:8px}.image-list-container{background:#0003;border:1px dashed #3b4252;border:1px dashed var(--border-color);border-radius:16px;border-radius:var(--border-radius-lg);margin-top:1rem;min-height:200px;padding:1rem}.image-list{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));max-height:500px;overflow-y:auto;padding-right:8px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1f2833;background:var(--bg-surface);border-radius:4px}::-webkit-scrollbar-thumb{background:#3b4252;background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#45a29e;background:var(--accent-secondary)}.image-preview-item{align-items:center;background:#1f2833;background:var(--bg-surface);border:2px solid #0000;border-radius:8px;border-radius:var(--border-radius-sm);cursor:grab;display:flex;flex-direction:column;padding:.5rem;position:relative;transition:all .2s ease}.image-preview-item:hover{box-shadow:0 8px 16px #0006;transform:translateY(-2px)}.image-preview-item.selected{background:#66fcf10d;border-color:#66fcf1;border-color:var(--accent-color);box-shadow:0 0 10px #66fcf133}.thumbnail{aspect-ratio:1;background:#000;border-radius:4px;flex-shrink:0;margin-bottom:.5rem;object-fit:contain;width:100%}.image-info{text-align:center;width:100%}.image-info .file-name{color:#fff;color:var(--text-heading);font-size:.8rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-info .page-number{color:#45a29e;color:var(--accent-secondary);font-size:.75rem;font-weight:600;margin:0}.loading-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0b0c10cc;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.loading-content{background:#1f2833;background:var(--bg-surface);border:1px solid #45a29e;border:1px solid var(--accent-secondary);border-radius:16px;border-radius:var(--border-radius-lg);box-shadow:0 0 15px #66fcf166;box-shadow:var(--shadow-glow);max-width:400px;padding:2.5rem;text-align:center;width:80%}.loading-content p{color:#fff;color:var(--text-heading);font-size:1.2rem;margin-bottom:1rem}.progress-bar-container{background:#12141a;background:var(--input-bg-color);border-radius:8px;height:12px;margin-bottom:.5rem;overflow:hidden}.progress-bar{background:linear-gradient(90deg,#45a29e,#66fcf1);background:linear-gradient(90deg,var(--accent-secondary),var(--accent-color));border-radius:8px;box-shadow:0 0 15px #66fcf166;box-shadow:var(--shadow-glow);height:100%;transition:width .3s ease}.count-badge{align-items:center;background:#66fcf1;background:var(--accent-color);border-radius:50%;box-shadow:0 2px 4px #00000080;color:#000;display:flex;font-size:.8rem;font-weight:700;height:24px;justify-content:center;position:absolute;right:-8px;top:-8px;width:24px;z-index:10}.instructions__text{color:#45a29e;color:var(--accent-secondary);font-size:.9rem}.selected-size,.slider-group{align-items:center;background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;border-radius:var(--border-radius-sm);display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem;padding:.75rem 1rem}.selected-size__value{color:#66fcf1;color:var(--accent-color);font-weight:500;margin-left:.5rem}.selected-size__zoom{align-items:center;color:#c5c6c7;color:var(--text-color);display:flex;font-size:.9rem;gap:.5rem}.selected-size__zoom-value{color:#66fcf1;color:var(--accent-color);font-weight:600}.slider-group input[type=range]{flex:1 1;margin:0 1rem}.stack{background:#0000;inset:0;pointer-events:none;position:absolute}.app-footer{color:#c5c6c7;color:var(--text-color);font-size:.9rem;margin-top:auto;padding:1.5rem;text-align:center}.result-container{background:#1f283399;background:var(--bg-surface-glass);border-radius:16px;border-radius:var(--border-radius-lg);margin-top:2rem;padding:2rem;text-align:center}#croppedResult{border:1px solid #3b4252;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-sm);box-shadow:0 8px 32px #00000080;box-shadow:var(--shadow-deep);max-width:100%}.download-btn{background:#66fcf1;background:var(--accent-color);border-radius:8px;border-radius:var(--border-radius-sm);color:#000;display:inline-block;font-weight:600;margin-top:1.5rem;padding:.8rem 1.5rem;text-decoration:none}.download-btn:hover{background:#fff}@media (max-width:600px){.app-container,.editor-container{padding:1rem}.btn{width:100%}.adjustment-box{flex:1 1 100%;max-width:none}.main-nav ul{flex-direction:column;gap:.5rem}}
/*# sourceMappingURL=main.7f0912f0.css.map*/