:root{--bg-primary:#0a0a0a;--color-accent:#0091FF;--color-text-light:#e0e0e0;--color-text-dark:#333;--color-secondary-bg:#1a1a1a;--color-border:#444;--font-family:'Space Grotesk',sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{font-size:12px}body,html{height:100%}body{background-color:var(--bg-primary);color:var(--color-text-light);font-family:var(--font-family);display:flex;flex-direction:column;align-items:center;padding:1.2rem 1rem}body.modal-open{overflow:hidden}.container{width:100%;max-width:900px;display:flex;flex-direction:column;gap:1.2rem;flex-grow:1;padding-bottom:2rem}header{text-align:center;margin:2rem 0 1.5rem 0}header h1{font-size:2.2rem;font-weight:700;letter-spacing:2px;margin-bottom:.4rem}.nav-wrapper{position:relative;width:100%}nav{background-color:var(--color-secondary-bg);border-radius:10px;padding:6px;display:flex;gap:6px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none}nav::-webkit-scrollbar{display:none}@media (min-width:768px){nav{justify-content:center}}.nav-scrollbar{width:100%;height:3px;background-color:var(--color-border);border-radius:2px;margin-top:8px}.nav-scrollbar-thumb{height:100%;background-color:var(--color-accent);border-radius:2px;position:relative;width:0;left:0}.tool-button{position:relative;background-color:transparent;color:var(--color-text-light);border:none;padding:7px 15px;border-radius:7px;cursor:pointer;font-family:var(--font-family);font-size:.95rem;font-weight:500;transition:background-color .3s ease,color .3s ease;flex-shrink:0;text-decoration:none}.tool-button:hover{background-color:var(--color-border)}.tool-button.active{background-color:var(--color-accent);color:#fff}.new-label{position:absolute;top:-2px;right:-2px;background-color:var(--color-accent);color:#fff;font-size:.5rem;font-weight:700;padding:2px 2.5px;border-radius:3px;box-shadow:0 2px 4px rgba(0,0,0,.2)}main{position:relative;min-height:250px;width:100%}.tool-content{display:none;opacity:0;transition:opacity .5s ease-in-out;flex-direction:column;gap:1rem;position:absolute;width:100%;visibility:hidden}.tool-content.active{display:flex;opacity:1;position:relative;visibility:visible}h2{font-size:1.6rem;font-weight:500;border-bottom:1px solid var(--color-border);padding-bottom:.4rem;margin-top:1rem}hr{width:100%;border:none;border-top:1px solid var(--color-border)}.description{font-size:.95rem;color:#a0a0a0;line-height:1.6}.options-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.9rem;padding:.9rem;background-color:var(--color-secondary-bg);border-radius:10px}.option-group{display:flex;flex-direction:column;gap:.4rem;transition:opacity .3s ease}.option-group.disabled{opacity:.5;pointer-events:none}.option-group label{font-size:.85rem;color:#a0a0a0}.option-group select{background-color:var(--color-border);color:var(--color-text-light);border:1px solid var(--color-border);border-radius:5px;padding:6px;font-family:var(--font-family);width:100%;transition:border-color .3s ease;font-size:.9rem}.option-group select:focus{outline:0;border-color:var(--color-accent)}#upscale-level-group{display:none}.upload-heading{font-size:1.6rem;font-weight:500;text-align:center;margin-top:1.5rem;margin-bottom:1rem;padding-bottom:0;border-bottom:none}.upload-area{background-color:var(--color-secondary-bg);border:2px dashed var(--color-border);border-radius:10px;padding:1.2rem;text-align:center;cursor:pointer;transition:background-color .3s ease,border-color .3s ease}.upload-area:hover{background-color:#202035;border-color:var(--color-accent)}.upload-area span{display:block;font-size:1.1rem;margin-bottom:.4rem}.upload-area p{font-size:.9rem}#file-input{display:none}.result-container{display:none;flex-direction:column;align-items:center;gap:1rem;margin-top:2.5rem;margin-bottom:2rem}.preview-image-container{position:relative;width:100%;max-width:420px;border-radius:10px;overflow:hidden}#upload-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem}.preview-image-container img{width:100%;display:block}#apply-crop-button,#cancel-crop-button,#download-button,#improve-button,#redo-button{background-color:var(--color-accent);color:#fff;border:none;padding:8px 24px;border-radius:7px;font-family:var(--font-family);font-size:1rem;font-weight:700;cursor:pointer;transition:transform .2s ease,background-color .3s ease,opacity .3s ease;min-width:120px;text-align:center}#apply-crop-button:hover,#cancel-crop-button:hover,#download-button:hover,#improve-button:hover,#redo-button:hover{transform:scale(1.05)}#improve-button:disabled{opacity:.6;cursor:not-allowed;transform:scale(1)}#download-button{background-color:var(--color-secondary-bg);color:var(--color-text-light);border:1px solid var(--color-border)}#download-button:hover{border-color:var(--color-accent)}#cancel-crop-button{background-color:#444;color:var(--color-text-light)}#download-button:disabled,#redo-button:disabled{cursor:not-allowed;opacity:.7}.result-buttons{display:none;gap:1rem}.processing-info{display:flex;flex-direction:column;align-items:center;gap:.8rem}.loader{width:32px;height:32px;border:4px solid var(--color-text-light);border-bottom-color:transparent;border-radius:50%;display:inline-block;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.ba-slider{position:relative;width:100%;max-width:100%;overflow:hidden;border-radius:10px;margin:0 auto;user-select:none;--slider-pos:50%}.tool-content .ba-slider{border:2px solid var(--color-accent)}.ba-slider .image-wrapper{position:absolute;top:0;left:0;width:100%;height:100%}.ba-slider .image-wrapper img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.ba-slider .after-image{clip-path:inset(0 0 0 var(--slider-pos))}.checkerboard-bg{background-image:linear-gradient(45deg,#444 25%,transparent 25%),linear-gradient(-45deg,#444 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#444 75%),linear-gradient(-45deg,transparent 75%,#444 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}#result-slider-wrapper .ba-slider{border:2px solid var(--color-accent);box-shadow:0 0 12px rgba(0,145,255,.3)}.ba-slider .handle{position:absolute;top:0;left:var(--slider-pos);width:4px;height:100%;background-color:rgba(255,255,255,.8);cursor:ew-resize;transform:translateX(-50%);z-index:10}.ba-slider .handle .arrow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:30px;background-color:var(--color-accent);border-radius:50%;display:flex;align-items:center;justify-content:space-evenly;color:#fff;font-size:.9rem;font-weight:700;box-shadow:0 2px 4px rgba(0,0,0,.3)}.ba-slider .handle .arrow::before{content:'◀'}.ba-slider .handle .arrow::after{content:'▶'}.ba-slider .label{position:absolute;top:0;padding:4px 8px;background-color:rgba(0,0,0,.6);backdrop-filter:blur(4px);color:#fff;font-size:.9rem;font-weight:500;pointer-events:none;z-index:5}.ba-slider .label.before{left:0;border-radius:0 0 7px 0}.ba-slider .label.after{right:0;border-radius:0 0 0 7px}#crop-modal{position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.9);padding:1rem;display:flex;align-items:center;justify-content:center}.crop-modal-content{background-color:var(--bg-primary);padding:20px;border-radius:10px;max-width:90vw;width:100%;max-width:800px;display:flex;flex-direction:column;gap:1rem;border:1px solid var(--color-border)}.crop-controls{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.crop-manual,.crop-presets{display:flex;gap:.5rem;align-items:center}.crop-manual input[type=number]{width:60px;background-color:var(--color-secondary-bg);color:var(--color-text-light);border:1px solid var(--color-border);border-radius:5px;padding:6px;font-family:var(--font-family);text-align:center}.crop-manual input[type=number]::-webkit-inner-spin-button,.crop-manual input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.crop-manual span{margin:0 .2rem}.aspect-ratio-btn{background-color:var(--color-secondary-bg);color:var(--color-text-light);border:1px solid var(--color-border);padding:6px 10px;border-radius:5px;cursor:pointer;font-family:var(--font-family);font-size:.85rem;transition:background-color .2s}.aspect-ratio-btn:hover{background-color:#3a3a50}.aspect-ratio-btn.active{background-color:var(--color-accent);color:#fff;border-color:var(--color-accent)}.crop-image-container{max-height:60vh}.crop-image-container img{max-width:100%}.crop-buttons{display:flex;justify-content:flex-end;gap:1rem}.how-to-use-section{margin-top:2rem;width:100%;border-top:1px solid var(--color-border);padding-top:2rem}.how-to-use-section h3{text-align:center;font-size:1.6rem;margin-bottom:1.5rem;font-weight:500}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.2rem}.step-card{background-color:var(--color-secondary-bg);padding:1.5rem;border-radius:10px;display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid transparent;transition:border-color .3s ease}.step-card:hover{border-color:var(--color-accent)}.step-icon{width:48px;height:48px;margin-bottom:1rem;color:var(--color-accent)}.step-icon svg{width:100%;height:100%}.step-card h4{font-size:1.1rem;margin-bottom:.5rem;color:#fff}.step-card p{font-size:.9rem;color:#a0a0a0;line-height:1.4}@media (min-width:992px){html{font-size:15px}}