:root{--bg-color:#121212;--surface-color:#1e1e1e;--text-color:#e0e0e0;--muted-text-color:#a0a0a0;--border-color:#333;--accent-color:#4f94d4;--button-hover-color:#3e8ccb;--input-bg-color:#2a2a2a;--input-text-color:#f0f0f0;--small-text-color:#b0b0b0;--thumb-percent:0%}.app-container{margin:0 auto;max-width:800px;padding:20px}.app-title{font-size:1.75rem;margin-bottom:24px;text-align:center}.app-title,body,html{color:#e0e0e0;color:var(--text-color)}body,html{background-color:#121212;background-color:var(--bg-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;margin:0;padding:0}.editor-container{font-family:Arial,sans-serif;margin:20px auto;max-width:800px;padding:20px}small{color:#b0b0b0;color:var(--small-text-color);font-size:.9rem}.file-input{display:flex;flex-direction:column;margin-bottom:16px}.file-input__control{background-color:#2a2a2a;background-color:var(--input-bg-color);border:1px solid #333;border:1px solid var(--border-color);border-radius:4px;color:#f0f0f0;color:var(--input-text-color);cursor:pointer;display:inline-block;font-size:1rem;padding:.5rem .75rem}.file-input__control::-webkit-file-upload-button{background-color:#1e1e1e;background-color:var(--surface-color);border:none;border-radius:4px;color:#e0e0e0;color:var(--text-color);cursor:pointer;padding:.4rem .6rem}.file-input__control::-moz-file-upload-button{background-color:#1e1e1e;background-color:var(--surface-color);border:none;border-radius:4px;color:#e0e0e0;color:var(--text-color);cursor:pointer;padding:.4rem .6rem}.file-input__hint{color:#a0a0a0;color:var(--muted-text-color);margin-top:4px}.button-group{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.btn{background-color:#1e1e1e;background-color:var(--surface-color);border:1px solid #333;border:1px solid var(--border-color);border-radius:4px;color:#e0e0e0;color:var(--text-color);cursor:pointer;flex:1 1 auto;font-size:1rem;min-width:60px;padding:.5rem 1rem;text-align:center;transition:background-color .2s ease,border-color .2s ease}.btn:hover{background-color:#3e8ccb;background-color:var(--button-hover-color);border-color:#4f94d4;border-color:var(--accent-color)}.btn:focus{outline:2px solid #4f94d4;outline:2px solid var(--accent-color);outline-offset:2px}.selected-size{align-items:baseline;display:flex;flex-wrap:wrap;font-size:1rem;margin-bottom:16px}.selected-size__value{color:#4f94d4;color:var(--accent-color);margin-left:8px}.canvas-wrapper{background-color:#1e1e1e;background-color:var(--surface-color);border:1px solid #333;border:1px solid var(--border-color);border-radius:4px;box-shadow:0 2px 6px #00000080;height:60vh;margin-bottom:16px;overflow:hidden;width:100%}canvas{border:none;display:block;height:100%;width:100%}.instructions{margin-top:16px;text-align:center}.instructions__text{color:#a0a0a0;color:var(--muted-text-color);font-size:.9rem}.slider-group{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.slider-group label{color:#e0e0e0;color:var(--text-color);font-size:1rem;white-space:nowrap}.slider-group input[type=range]{-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,#4f94d4 0,#2a2a2a 0);background:linear-gradient(to right,var(--accent-color) var(--thumb-percent),var(--input-bg-color) var(--thumb-percent));border-radius:5px;flex-grow:1;height:8px;outline:none;transition:background .2s ease;width:auto}.slider-group input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,#4f94d4 0,#2a2a2a 0);background:linear-gradient(to right,var(--accent-color) var(--thumb-percent),var(--input-bg-color) var(--thumb-percent));border:1px solid #333;border:1px solid var(--border-color);border-radius:5px;cursor:pointer;height:8px;width:auto}.slider-group input[type=range]::-moz-range-track{background:linear-gradient(90deg,#4f94d4 0,#2a2a2a 0);background:linear-gradient(to right,var(--accent-color) var(--thumb-percent),var(--input-bg-color) var(--thumb-percent));border:1px solid #333;border:1px solid var(--border-color);border-radius:5px;cursor:pointer;height:8px;width:auto}.slider-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#4f94d4;background:var(--accent-color);border:1px solid #4f94d4;border:1px solid var(--accent-color);border-radius:50%;box-shadow:0 0 4px #0006;cursor:grab;height:20px;margin-top:-7px;-webkit-transition:background .2s ease,border-color .2s ease;transition:background .2s ease,border-color .2s ease;width:20px}.slider-group input[type=range]::-moz-range-thumb{background:#4f94d4;background:var(--accent-color);border:1px solid #4f94d4;border:1px solid var(--accent-color);border-radius:50%;box-shadow:0 0 4px #0006;cursor:grab;height:20px;-moz-transition:background .2s ease,border-color .2s ease;transition:background .2s ease,border-color .2s ease;width:20px}.slider-group input[type=range]::-moz-range-thumb:hover,.slider-group input[type=range]::-webkit-slider-thumb:hover{background:#3e8ccb;background:var(--button-hover-color);border-color:#3e8ccb;border-color:var(--button-hover-color);cursor:grabbing}.slider-group input[type=range]:focus::-moz-range-thumb,.slider-group input[type=range]:focus::-webkit-slider-thumb{outline:2px solid #4f94d4;outline:2px solid var(--accent-color);outline-offset:2px}.slider-group span{color:#4f94d4;color:var(--accent-color);font-weight:700;min-width:25px;text-align:right}.image-list{border:1px solid #333;border:1px solid var(--border-color);display:flex;flex-wrap:wrap;margin-top:1rem;max-height:400px;overflow-y:auto;padding:8px}.image-list::-webkit-scrollbar{width:6px}.image-list::-webkit-scrollbar-thumb{background-color:#4f94d4;background-color:var(--accent-color);border-radius:4px}.image-list__container{margin:.5rem;text-align:center}.image-list__item{border:2px solid #ccc;border-radius:4px;cursor:pointer;height:80px;object-fit:cover;width:80px}.image-list__filename{font-size:.75rem;margin-top:.25rem;word-break:break-all}.selected-size__zoom{color:#4f94d4;color:var(--accent-color);margin-left:auto}@media (max-width:600px){body,html{font-size:14px}.file-input__control{font-size:.9rem;padding:.4rem .6rem}.btn{font-size:.9rem;min-width:100%;padding:.4rem .8rem}.button-group{flex-direction:column;gap:12px}.editor-container{padding:16px 12px}.slider-group{align-items:flex-start;flex-direction:column;gap:8px}.slider-group label{margin-bottom:0}.slider-group input[type=range]{width:100%}.slider-group span{align-self:flex-end}.adjustment-group{flex-direction:row;flex-wrap:wrap;gap:8px;justify-content:center}.adjustment-box h4{color:#e0e0e0;color:var(--text-color);font-size:1.1em;margin:0;white-space:nowrap}.adjustment-box button:first-of-type+button{margin-left:8px}.adjustment-box button{flex:1 1 45%;font-size:1.2em;height:35px;min-width:0;min-width:auto;padding:.3rem .5rem;width:60px}}.app-layout{display:flex;flex-direction:column;min-height:100vh}.app-header{background-color:#282c34;color:#fff;padding:10px 20px;text-align:center}.content-area{flex:10 1}.app-footer{background-color:#282c34;color:#fff;font-size:.8em;padding:10px 20px;text-align:center}.main-nav ul{display:flex;justify-content:center;list-style:none;margin:0;padding:0}.main-nav li{margin:0 15px}.main-nav a{color:#fff;text-decoration:none}.btn:disabled{cursor:not-allowed;opacity:.5}.adjustment-controls{margin-bottom:20px;text-align:center}.adjustment-controls h3{color:#e0e0e0;color:var(--text-color);margin-bottom:12px}.adjustment-group{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.adjustment-box{border:1px solid #333;border:1px solid var(--border-color);border-radius:5px;padding:10px;text-align:center}.adjustment-box button+button{margin-left:8px}.adjustment-box h4{color:#e0e0e0;color:var(--text-color);margin:0 0 8px}.result-container{margin-top:30px;text-align:center}.result-title{color:#e0e0e0;color:var(--text-color);margin-bottom:15px}#croppedResult{border:2px solid #4f94d4;border:2px solid var(--accent-color);border-radius:4px;height:auto;max-width:100%}.download-btn{background-color:#4f94d4;background-color:var(--accent-color);border-radius:4px;color:#e0e0e0;color:var(--text-color);display:inline-block;margin-top:15px;padding:.5rem 1rem;text-decoration:none}.file-input__control{box-sizing:border-box;width:100%}.file-input__control::-webkit-file-upload-button{border:1px solid #333;border:1px solid var(--border-color);-webkit-transition:background-color .2s ease,border-color .2s ease;transition:background-color .2s ease,border-color .2s ease}.file-input__control::-webkit-file-upload-button:hover{background-color:#3e8ccb;background-color:var(--button-hover-color);border-color:#4f94d4;border-color:var(--accent-color)}.file-input__control::-moz-file-upload-button{border:1px solid #333;border:1px solid var(--border-color);-moz-transition:background-color .2s ease,border-color .2s ease;transition:background-color .2s ease,border-color .2s ease}.file-input__control::-moz-file-upload-button:hover{background-color:#3e8ccb;background-color:var(--button-hover-color);border-color:#4f94d4;border-color:var(--accent-color)}.btn:hover:not(:disabled){background-color:#3e8ccb;background-color:var(--button-hover-color);border-color:#4f94d4;border-color:var(--accent-color)}.btn--success{background-color:#28a745;border-color:#28a745}.btn--success:hover:not(:disabled){background-color:#218838;border-color:#1e7e34}.btn--danger{background-color:#dc3545;border-color:#dc3545}.btn--danger:hover:not(:disabled){background-color:#c82333;border-color:#bd2130}.image-list-container{align-items:flex-start;background-color:#2a2a2a;background-color:var(--input-bg-color);border:1px dashed #333;border:1px dashed var(--border-color);border-radius:8px;display:flex;flex-direction:column;justify-content:flex-start;margin-top:16px;min-height:400px;padding:4px}.image-list-container .image-list{grid-gap:7px;border:none;display:grid;gap:7px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin-top:0;max-height:600px;overflow-y:auto;padding:0;width:100%}.image-list-container .image-list::-webkit-scrollbar{width:6px}.image-list-container .image-list::-webkit-scrollbar-thumb{background-color:#4f94d4;background-color:var(--accent-color);border-radius:4px}.image-list-container .image-list::-webkit-scrollbar-track{background-color:#1e1e1e;background-color:var(--surface-color);border-radius:4px}.image-preview-item{align-items:center;background-color:#1e1e1e;background-color:var(--surface-color);border:1px solid #333;border:1px solid var(--border-color);border-radius:4px;box-shadow:0 1px 3px #0000001a;cursor:grab;display:flex;flex-direction:column;font-size:.85em;overflow:hidden;padding:4px;transition:transform .1s ease-out,box-shadow .1s ease-out,border-color .1s ease}.image-preview-item.selected{border-color:#4f94d4;border-color:var(--accent-color);box-shadow:0 0 0 3px #007bff4d;transform:translateY(-1px)}.image-preview-item:active{cursor:grabbing}.thumbnail{background-color:#2a2a2a;background-color:var(--input-bg-color);border-radius:2px;display:block;height:130px;margin-bottom:0;object-fit:contain;width:130px}.image-info{font-size:.85em;text-align:center;width:100%}.image-info .file-name{color:#e0e0e0;color:var(--text-color);font-size:1.1em;font-weight:700;line-height:1.1;margin:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-info .page-number{color:#a0a0a0;color:var(--muted-text-color);font-size:.92em;line-height:1.1;margin:1px}.loading-overlay{align-items:center;background-color:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.loading-content{background-color:#333;border-radius:5px;box-shadow:0 2px 5px #0000004d;color:#fff;font-size:1em;font-weight:400;padding:20px;text-align:center}.progress-bar-container{background-color:#555;border-radius:5px;height:10px;margin:10px 0;overflow:hidden;width:100%}.progress-bar{background-color:#007bff;border-radius:5px;height:100%;transition:width .3s ease}.count-badge{align-items:center;background:#1e90ff;border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;right:0;top:1px;width:24px;z-index:1}.count-badge,.stack{pointer-events:none;position:absolute}.stack{inset:0}@media (max-width:600px){.image-list-container .image-list{gap:5px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.thumbnail{height:110px;width:110px}.image-preview-item{padding:3px}.image-info .file-name{font-size:1.1em;margin:4px}.image-info .page-number{font-size:.92em;margin:1px}.loading-content{font-size:.9em;padding:15px}.progress-bar-container{width:150px}}
/*# sourceMappingURL=main.15bc889a.css.map*/