:root{--primary-color:#6366f1;--primary-hover:#4f46e5;--secondary-color:#ec4899;--bg-color:#f8fafc;--card-bg:#ffffffd9;--card-border:#fffc;--text-main:#0f172a;--text-muted:#64748b;--border-color:#cbd5e166;--error-color:#ef4444;--success-color:#10b981;--radius:24px;--shadow:0 20px 40px -10px #0000000d, inset 0 1px 0 #fff9;--shadow-hover:0 30px 50px -12px #0000001a, inset 0 1px 0 #fffc;--glass-blur:blur(20px);--transition:all .4s cubic-bezier(.2, .8, .2, 1);--gradient-bg:radial-gradient(circle at top left, #f1f5f9 0%, #e2e8f0 100%)}[data-theme=dark]{--primary-color:#818cf8;--primary-hover:#6366f1;--secondary-color:#f472b6;--bg-color:#0f172a;--card-bg:#1e293ba6;--card-border:#ffffff0f;--text-main:#f8fafc;--text-muted:#94a3b8;--border-color:#33415566;--gradient-bg:radial-gradient(circle at top left, #0f172a 0%, #020617 100%);--shadow:0 20px 40px -10px #00000080, inset 0 1px 0 #ffffff0d}*{box-sizing:border-box;margin:0;padding:0}html{width:100%;max-width:100%;overflow-x:hidden}body{background:var(--gradient-bg);color:var(--text-main);width:100%;max-width:100%;min-height:100vh;transition:background var(--transition), color var(--transition);background-attachment:fixed;font-family:Inter,Outfit,system-ui,-apple-system,sans-serif;line-height:1.6;position:relative;overflow-x:hidden}body:before{content:"";background-image:radial-gradient(var(--text-muted) 1px, transparent 1px);opacity:.08;pointer-events:none;z-index:-1;background-size:24px 24px;position:fixed;inset:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#9ca3af66;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.bg-blobs{z-index:-2;pointer-events:none;position:fixed;inset:0;overflow:hidden}.bg-blob-1,.bg-blob-2{filter:blur(100px);opacity:.3;border-radius:50%;animation:20s ease-in-out infinite alternate float;position:absolute}.bg-blob-1{background:var(--primary-color);width:50vw;max-width:600px;height:50vw;max-height:600px;top:-20vw;left:-10vw}.bg-blob-2{background:var(--secondary-color);width:40vw;max-width:500px;height:40vw;max-height:500px;animation-delay:-10s;bottom:-10vw;right:-5vw}[data-theme=dark] .bg-blob-1,[data-theme=dark] .bg-blob-2{opacity:.25}@keyframes float{0%{transform:translate(0)scale(1)}50%{transform:translate(5vw,5vw)scale(1.1)}to{transform:translate(-5vw,10vw)scale(.9)}}[dir=rtl] body{font-family:Alexandria,Inter,system-ui,-apple-system,sans-serif}.container{width:100%;max-width:900px;margin:0 auto;padding:2rem 1.5rem;overflow-x:clip}.glass-panel{background:var(--card-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--card-border);border-radius:var(--radius);box-shadow:var(--shadow)}.header{z-index:100;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:0 .5rem;display:flex;position:relative}.header-content h1{color:var(--text-main);letter-spacing:-.02em;overflow-wrap:anywhere;max-width:100%;margin-bottom:.5rem;font-family:Outfit,Alexandria,sans-serif;font-size:2.2rem;font-weight:800}.header-content p{color:var(--text-muted);overflow-wrap:anywhere;max-width:100%;font-size:1.05rem;font-weight:500}.controls{align-items:center;gap:.5rem;display:flex}.icon-button{border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;transition:var(--transition);background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;display:flex;box-shadow:0 4px 6px -1px #0000000d}[data-theme=dark] .icon-button{background:#0003}.icon-button:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 10px 15px -3px #6366f14d}.btn:focus-visible,.btn:focus-within,.icon-button:focus-visible,.action-btn:focus-visible,.dropzone:focus-visible,.add-more-card:focus-visible,.toggle-container:focus-visible,.setting-row:focus-visible{outline:3px solid var(--primary-color);outline-offset:3px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ad-banner{text-align:center;border-radius:var(--radius);width:100%;transition:var(--transition);background:#00000005;border:1px solid #0000000a;flex-direction:column;justify-content:center;align-items:center;margin-bottom:2rem;padding:1.5rem;display:flex}[data-theme=dark] .ad-banner{background:#ffffff05;border-color:#ffffff0a}.ad-banner span{color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;font-size:.85rem;font-weight:600}.dropzone{text-align:center;cursor:pointer;transition:var(--transition);background:#6366f105;border:2px dashed #6366f14d;border-radius:32px;margin-bottom:2.5rem;padding:4rem 2rem;position:relative;overflow:hidden}[data-theme=dark] .dropzone{background:#818cf808;border-color:#818cf84d}.dropzone:before{content:"";opacity:0;transition:var(--transition);background:linear-gradient(135deg,#6366f11a 0%,#ec48990d 100%);position:absolute;inset:0}@keyframes pulseBorder{0%{border-color:#6366f166}50%{border-color:#6366f1}to{border-color:#6366f166}}.dropzone.empty-state{animation:2s infinite pulseBorder}.dropzone:hover:before,.dropzone.active:before{opacity:1}.dropzone.active{border-color:var(--primary-color);background:#6366f10d;transform:scale(1.02)}.dropzone-icon{color:var(--primary-color);width:64px;height:64px;transition:var(--transition);margin-bottom:1.5rem}.dropzone:hover .dropzone-icon{transform:scale(1.1)translateY(-5px)}.dropzone p{z-index:1;margin-bottom:.75rem;font-size:1.25rem;font-weight:600;position:relative}.dropzone .help-text{color:var(--text-muted);z-index:1;font-size:.95rem;position:relative}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2.5rem;display:grid}.setting-card{border:1px solid var(--border-color);transition:var(--transition);background:#fff6;border-radius:16px;flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}[data-theme=dark] .setting-card{background:#0003}.setting-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #0000000d}.setting-card-title{color:var(--primary-color);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:.5rem;font-size:.9rem;font-weight:700;display:flex}.setting-row{cursor:pointer;-webkit-user-select:none;user-select:none;width:100%;color:var(--text-main);font:inherit;text-align:start;background:0 0;border:0;justify-content:space-between;align-items:center;gap:1rem;padding:0;display:flex}.setting-input-group{flex-direction:column;gap:.5rem;display:flex}.setting-input-group label{color:var(--text-muted);font-size:.85rem;font-weight:600}.toggle-container{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text-main);font-weight:500;font:inherit;text-align:start;background:0 0;border:0;align-items:center;gap:.75rem;padding:0;display:flex}.toggle-switch{background-color:var(--border-color);width:50px;height:28px;transition:var(--transition);border-radius:14px;position:relative;box-shadow:inset 0 2px 4px #0000001a}.toggle-switch.active{background-color:var(--primary-color);box-shadow:inset 0 2px 4px #0003,0 0 10px #6366f166}.toggle-knob{width:22px;height:22px;transition:var(--transition);background-color:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 2px 5px #0003}.toggle-switch.active .toggle-knob{left:25px}[dir=rtl] .toggle-switch.active .toggle-knob{left:3px;right:25px}[dir=rtl] .toggle-knob{left:auto;right:3px}.input-field{border:1px solid var(--border-color);color:var(--text-main);transition:var(--transition);background-color:#ffffff80;border-radius:8px;outline:none;padding:.6rem 1rem;font-family:inherit;font-size:.95rem}[data-theme=dark] .input-field{background-color:#0003}.input-field:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f133}.btn{cursor:pointer;transition:var(--transition);text-align:center;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.75rem;min-width:0;max-width:100%;padding:.85rem 1.75rem;font-family:inherit;font-size:1.05rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary-color), var(--secondary-color));color:#fff;border:none;box-shadow:0 4px 15px -3px #6366f166}.btn-primary:hover{opacity:.95;transform:translateY(-2px);box-shadow:0 8px 25px -5px #6366f180}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{background:var(--border-color);color:var(--text-muted);cursor:not-allowed;box-shadow:none;transform:none}.btn-success{background:linear-gradient(135deg, var(--success-color), #059669);color:#fff;box-shadow:0 10px 20px -10px var(--success-color)}.btn-success:hover{box-shadow:0 15px 25px -10px var(--success-color);transform:translateY(-3px)}.btn-danger{color:var(--error-color);background-color:#ef44441a}.btn-danger:hover{background-color:var(--error-color);color:#fff}.images-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.5rem;margin-bottom:3rem;display:grid}.image-card{border-radius:var(--radius);background-color:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--shadow);aspect-ratio:1/1.414;cursor:grab;transition:var(--transition);animation:.4s cubic-bezier(.175,.885,.32,1.275) forwards popIn;position:relative;overflow:hidden}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.image-card:active{cursor:grabbing}.image-card:hover{box-shadow:var(--shadow-hover);border-color:var(--primary-color);transform:translateY(-6px)scale(1.02)}.image-card img{object-fit:cover;background-color:#00000005;width:100%;height:100%;transition:transform .5s cubic-bezier(.2,.8,.2,1),filter .3s}.image-card:hover img{transform:scale(1.05)}.image-card.enhanced img{filter:brightness(1.15)contrast(1.25)saturate(1.1)}.image-card.scanner img{filter:grayscale()contrast(1.6)brightness(1.1)}.card-actions{opacity:0;background:linear-gradient(#0009 0%,#0000 100%);justify-content:space-between;padding:.75rem;transition:opacity .3s;display:flex;position:absolute;top:0;left:0;right:0}.image-card:hover .card-actions,.image-card:focus-within .card-actions{opacity:1}.action-btn{cursor:pointer;width:36px;height:36px;transition:var(--transition);color:var(--text-main);background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 10px #00000026}.action-btn.delete{color:var(--error-color)}.action-btn.rotate{color:var(--primary-color)}.action-btn.crop{color:var(--secondary-color)}.action-btn:hover{transform:scale(1.15)}.action-btn.delete:hover{background:var(--error-color);color:#fff}.action-btn.rotate:hover{background:var(--primary-color);color:#fff}.action-btn.crop:hover{background:var(--secondary-color);color:#fff}.badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background:#000000b3;border-radius:20px;padding:.35rem .75rem;font-size:.85rem;font-weight:600;position:absolute;bottom:.75rem;left:.75rem;box-shadow:0 4px 6px #0003}[dir=rtl] .badge{left:auto;right:.75rem}.loading-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;z-index:2000;background:#0f172ab3;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;overscroll-behavior:contain;background:#0009;justify-content:center;align-items:center;width:100vw;height:100vh;padding:1rem;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.modal-content{background:var(--card-bg);border-radius:var(--radius);flex-direction:column;width:100%;max-width:min(600px,100vw - 2rem);max-height:90vh;animation:.3s ease-out forwards modalFadeIn;display:flex;overflow:hidden;box-shadow:0 20px 40px #0000004d}.modal-content>div:not(.modal-header):not(.modal-actions){min-height:0;overflow-y:auto}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.toast{background:var(--text-main);color:var(--bg-color);z-index:3000;opacity:0;border:none;border-radius:30px;align-items:center;gap:.75rem;padding:.8rem 1.5rem;font-size:.95rem;font-weight:500;transition:all .5s cubic-bezier(.34,1.56,.64,1);display:flex;position:fixed;top:1.5rem;bottom:auto;left:50%;transform:translate(-50%)translateY(-100px);box-shadow:0 10px 25px #00000026}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.toast.error{background:var(--error-color);color:#fff}.toast.success{background:var(--success-color);color:#fff}.modal-header{border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.modal-header h3{margin:0;font-family:Outfit,Cairo,sans-serif;font-weight:700}.crop-container{background-color:#0000000d;flex:1;justify-content:center;align-items:center;padding:1.5rem;display:flex;overflow:auto}.modal-actions{flex-shrink:0}@media (width<=640px){.modal-overlay{align-items:flex-start;padding:.75rem}.modal-content{max-height:calc(100vh - 1.5rem);width:100%!important;max-width:100%!important}}.modal-actions{border-top:1px solid var(--border-color);background-color:#00000005;justify-content:flex-end;gap:1rem;padding:1rem 1.5rem;display:flex}.footer-link{color:var(--text-muted);cursor:pointer;font:inherit;background:0 0;border:0;padding:0;text-decoration:none}.footer-link:hover,.footer-link:focus-visible{color:var(--primary-color)}.footer-link-primary{color:var(--primary-color);font-weight:500}.spinner{border:4px solid #fff3;border-top-color:var(--primary-color);border-radius:50%;width:60px;height:60px;margin-bottom:1.5rem;animation:1s ease-in-out infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toolbar{border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;min-width:0;max-width:100%;margin-bottom:1.5rem;padding:1rem 1.5rem;display:flex}.toolbar-toggles{flex-wrap:wrap;gap:1.5rem;min-width:0;display:flex}.toolbar-actions{flex-wrap:wrap;align-items:center;gap:1rem;min-width:0;display:flex}.image-count-text{color:var(--text-muted);font-size:.95rem;font-weight:600}.clear-btn{padding:.5rem 1rem;font-size:.9rem}.action-buttons-container{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-top:2.5rem;display:flex}.add-more-card{cursor:pointer;border:2px dashed var(--primary-color);aspect-ratio:1/1.414;transition:var(--transition);color:var(--primary-color);background:#6366f10d;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;font-weight:600;display:flex}.add-more-card:hover{background:#6366f11a;transform:translateY(-4px)}.add-more-icon{color:var(--primary-color);margin-bottom:.5rem}@media (width<=600px){.container{padding:1rem}.header{text-align:center;border-radius:16px;flex-flow:wrap;gap:1rem;padding:1.25rem 1rem}.header-content{flex:100%;min-width:0}.header-content h1{font-size:clamp(1.35rem,7vw,1.75rem)}.header-content p{font-size:.9rem}.controls{flex:100%;justify-content:center;min-width:0}.tool-nav{grid-template-columns:1fr;width:100%;max-width:100%;white-space:normal!important;display:grid!important;overflow-x:visible!important}.tool-nav .btn{white-space:normal;overflow-wrap:anywhere;gap:.4rem;padding:.65rem .5rem;font-size:.95rem;line-height:1.35;flex:initial!important;width:100%!important;min-width:0!important}.tool-nav .btn svg{flex-shrink:0}.dropzone{max-width:100%;padding:2.5rem 1.5rem}.dropzone p{font-size:1.1rem}.settings-grid{grid-template-columns:1fr}.btn{max-width:100%}.images-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.toolbar{flex-direction:column;align-items:stretch;gap:1.5rem;padding:1rem}.toolbar-toggles{justify-content:space-between;gap:1rem}.toolbar-actions{border-top:1px solid var(--border-color);justify-content:space-between;padding-top:1rem}.toolbar-actions .btn{flex:auto;width:auto;padding-inline:.7rem;font-size:.9rem}.action-buttons-container{gap:1rem}.action-buttons-container .btn{width:100%}.toast{width:calc(100% - 2rem);max-width:400px;top:auto;bottom:1.5rem}.hide-on-mobile{display:none}.card-actions{opacity:1;background:linear-gradient(#0000008c 0%,#0000 100%)}.image-card:hover,.image-card:hover img{transform:none}}