body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.layout-wrapper{background:#fff;color:#111827;display:flex;flex-direction:column;min-height:100vh}.navbar{background:#fafcff;box-shadow:0 1px 3px #00000014;justify-content:space-between;padding:18px 60px}.nav-left,.navbar{align-items:center;display:flex}.nav-left{flex-wrap:wrap;gap:18px;max-width:75%}.logo{font-family:Montserrat,sans-serif;font-weight:700}.home-logo{cursor:pointer;height:28px;transition:.2s;width:auto}.home-logo:hover{transform:scale(1.08)}.link-btn{background:none;border:none;color:#374151;cursor:pointer;font-family:Montserrat,sans-serif;font-size:17px;font-weight:550;letter-spacing:.5px;padding:4px 2px;position:relative;transition:all .25s ease}.link-btn:hover{color:#dc2626}.link-btn:active{transform:translateY(1px)}.link-btn:after{background:#ef4444;border-radius:10px;bottom:-4px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .35s ease;width:0}.nav-right{align-items:center;display:flex;gap:14px}.login-text{background:none;border:none;color:#111827;cursor:pointer;font-size:17px}.signup-btn{border-radius:6px;font-size:17px;line-height:1.75;padding:6px 14px;transition:.2s}.main-content{background:#fff;flex:1 1;padding-bottom:40px}.footer{background:#020617;color:#cbd5e1;font-size:14px;padding:10px 40px}.footer-inner{justify-content:space-between;margin:auto;max-width:1200px}.footer-inner,.footer-left{align-items:center;display:flex}.footer-left{gap:20px}.footer-right{display:flex;gap:22px}.footer-link{background:none;border:none;color:#e5e7eb;cursor:pointer}.footer-right a{color:#e5e7eb;text-decoration:none}.footer-link:hover,.footer-right a:hover{text-decoration:underline}.apps-menu-wrapper{margin-left:6px;position:relative}.apps-menu-wrapper:after{content:"";height:20px;position:absolute;right:0;top:26px;width:100%}.apps-icon{grid-gap:3px;border-radius:6px;cursor:pointer;display:grid;gap:3px;grid-template-columns:repeat(3,1fr);height:26px;padding:4px;transition:.2s;width:26px}.apps-icon span{background:#374151;border-radius:50%;height:4px;width:4px}.apps-icon:hover{background:#f3f4f6}.apps-dropdown{background:#fff;border-radius:14px;box-shadow:0 25px 60px #00000026;display:flex;gap:60px;padding:22px 26px;position:absolute;right:0;top:34px;width:320px;z-index:999}.apps-col{display:flex;flex-direction:column;gap:10px}.apps-title{color:#9ca3af;font-size:13px;font-weight:700;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.apps-col a{color:#111827;font-weight:600;text-decoration:none;transition:.2s}.apps-col a:hover{color:#2563eb}.feedback-overlay{align-items:center;background:#0000008c;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.feedback-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #00000040;padding:26px 30px;width:520px}.feedback-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.feedback-header span{cursor:pointer;font-size:20px}.feedback-sub{color:#6b7280;margin-bottom:18px}.feedback-input,.feedback-textarea{border:1px solid #d1d5db;border-radius:6px;margin:6px 0 16px;padding:10px;width:100%}.feedback-textarea{height:120px}.radio-group{display:flex;gap:20px;margin-bottom:16px}.feedback-actions{display:flex;gap:12px;justify-content:flex-end}.cancel-btn{background:none}.cancel-btn,.submit-btn{border:none;cursor:pointer}.submit-btn{background:#f59e0b;border-radius:6px;color:#fff;padding:8px 16px}.nav-break{flex-basis:100%;height:0}.mega-btn{font-weight:700}.mega-wrapper:after{content:"";height:28px;left:0;position:absolute;top:26px;width:100%}.mega-dropdown{box-shadow:0 30px 70px #0000002e;display:flex;gap:70px;padding:24px 30px;top:34px;width:420px}.mega-col{gap:12px;min-width:180px}.mega-title{color:#9ca3af;font-size:13px;font-weight:700;letter-spacing:.6px;margin-bottom:8px;text-transform:uppercase}.mega-col button{color:#111827;font-size:16px;padding:2px 0;transition:color .2s}.mega-col button:hover{color:#ef4444}.mega-wrapper{position:relative}.mega-btn{align-items:center;display:flex;gap:6px}.mega-dropdown{background:#fff;border-radius:14px;box-shadow:0 20px 60px #00000026;left:0;min-width:240px;opacity:0;padding:20px 24px;position:absolute;top:42px;transform:translateY(10px);transition:all .25s ease;visibility:hidden;z-index:999}.mega-dropdown.show{opacity:1;transform:translateY(0);visibility:visible}.mega-col{display:flex;flex-direction:column;gap:10px}.mega-col button{background:none;border:none;cursor:pointer;font-weight:600;padding:4px 0;text-align:left;transition:all .2s ease}.mega-col button:hover{color:#dc2626;transform:translateX(4px)}.profile-wrapper{cursor:pointer;position:relative}.profile-name{align-items:center;display:flex;font-size:16px;font-weight:600;gap:6px}.arrow{transition:transform .25s ease}.arrow.rotate{transform:rotate(180deg)}.profile-wrapper:after{content:"";height:20px;position:absolute;right:0;top:28px;width:100%}.profile-dropdown{background:#fff;border-radius:12px;box-shadow:0 25px 60px #00000026;opacity:0;padding:10px 0;position:absolute;right:0;top:42px;transform:translateY(10px);transition:all .25s ease;visibility:hidden;width:200px;z-index:999}.profile-dropdown.show{opacity:1;transform:translateY(0);visibility:visible}.profile-dropdown button{background:none;border:none;cursor:pointer;font-size:15px;font-weight:500;padding:10px 18px;text-align:left;transition:.2s ease;width:100%}.profile-dropdown button:hover{background:#f3f4f6}.profile-dropdown hr{border:none;border-top:1px solid #e5e7eb;margin:8px 0}.logout-btn{color:#dc2626;font-weight:600}.logout-btn:hover{background:#fee2e2}.login-page{background:#fff;display:grid;grid-template-columns:1fr 1fr;min-height:70vh}.login-left{display:flex;flex-direction:column;justify-content:center;padding:60px 80px}.login-left h1{color:#111827;font-size:28px;margin-bottom:20px}.login-btn{background:#ef4444;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;margin-top:10px;padding:12px}.login-btn:hover{background:#dc2626}.login-right{align-items:center;background:#f5f7fb;display:flex;justify-content:center}.register-page{background:#fff;display:grid;grid-template-columns:1fr 1fr;min-height:70vh}.register-left{display:flex;flex-direction:column;justify-content:center;padding:60px 80px}.brand{margin-bottom:20px}.logo{color:#111827;font-size:26px;font-weight:800}.register-left h1{color:#111827;font-size:28px;margin-bottom:20px}.social-row{display:flex;gap:12px;margin-bottom:16px}.social{background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;flex:1 1;font-weight:500;padding:10px}.social.fb{background:#1877f2;border:none;color:#fff}.social.google{border:1px solid #ea4335;color:#ea4335}.social.sso{background:#f3f4f6}.divider{color:#9ca3af;margin:12px 0;text-align:center}.form{display:flex;flex-direction:column;gap:14px}.form input{border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:12px 14px}.form input:focus{border-color:#2563eb;outline:none}.signup-btn{background:#ef4444;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;margin-top:10px;padding:12px}.signup-btn:hover{background:#dc2626}.login-text{font-size:14px;margin-top:14px}.login-text a{color:#2563eb;text-decoration:none}.terms{color:#6b7280;font-size:12px;margin-top:10px}.terms a{color:#2563eb;text-decoration:none}.register-right{background:#f5f7fb}.ads-box,.register-right{align-items:center;display:flex;justify-content:center}.ads-box{background:#fff;border:2px dashed #c7d2fe;border-radius:16px;color:#6b7280;flex-direction:column;height:60%;width:70%}.tools-page{padding:50px 20px 80px;text-align:center}.tools-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:40px;justify-content:center}.tool-card{border-radius:18px;padding:32px 26px;text-align:center;width:300px}.tool-icon{height:70px;margin-bottom:16px;transition:transform .25s ease;width:70px}.tool-card:hover .tool-icon{transform:scale(1.08)}.tool-card h3{color:#111827;font-size:20px;font-weight:600;margin:6px 0}.tool-card p{color:#6b7280;font-size:14px}@media (max-width:768px){.tools-wrapper{gap:24px}.tool-card{max-width:350px;width:100%}}.tools-page{padding:20px 16px 70px}.tool-header{margin-bottom:50px}.title{font-size:28px;font-weight:600;margin-bottom:8px}.sub{color:#6b7280;font-size:15px}.tools-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1000px;width:100%}.tool-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;height:130px;justify-content:center;padding:18px 12px;transition:all .25s ease}.tool-card:hover{border-color:#2563eb;box-shadow:0 8px 22px #2563eb1f;transform:translateY(-5px)}.tool-card:active{transform:translateY(-2px) scale(.98)}.tool-icon-circle{align-items:center;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:14px;box-shadow:0 6px 16px #2563eb40;color:#fff;display:flex;font-size:20px;height:48px;justify-content:center;margin-bottom:12px;transition:transform .25s ease;width:48px}.tool-card:hover .tool-icon-circle{transform:scale(1.08)}.tool-card h3{font-size:15px;font-weight:500;margin:0;transition:color .25s ease}.tool-card:hover h3{color:#2563eb}@media (max-width:900px){.tools-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:500px){.tools-grid{grid-template-columns:1fr}}.faq-question{align-items:center;cursor:pointer;display:flex;justify-content:space-between}.faq-question h3{font-size:17px;margin:0}.faq-question span{color:#2563eb;font-size:22px;font-weight:700}.faq-answer{animation:fadeIn .3s ease-in-out;margin-top:12px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.tools-page{margin:0 auto;max-width:1100px;padding:8px 16px 60px}.tool-header{margin-bottom:60px;text-align:center}.faq-section{margin-top:40px;max-width:800px}.faq-section h2{font-size:22px;font-weight:600;margin-bottom:25px}.faq-item{border-bottom:1px solid #e5e7eb;padding-bottom:18px}.faq-item h3{color:#111827;font-size:18px;font-weight:600;margin-bottom:8px}.faq-item p{color:#374151;font-size:15px}.imagepdf-page{background:#fff;margin:auto;max-width:1000px;padding:50px 20px 80px;text-align:center}@media (max-width:768px){.tool-header button,.tool-header input{width:100%}}.image-page{margin:0 auto;max-width:1100px;padding:20px 16px 70px;text-align:center}.image-page .title{color:#111827;font-size:28px;font-weight:600;margin-bottom:8px}.image-page .sub{color:#6b7280;font-size:15px;margin-bottom:40px}.image-btn-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1000px;width:100%}.image-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:16px;color:#111827;cursor:pointer;display:flex;font-size:15px;font-weight:500;height:130px;justify-content:center;padding:18px 12px;text-align:center;transition:all .25s ease}.image-btn:hover{border-color:#2563eb;box-shadow:0 8px 22px #2563eb1f;color:#2563eb;transform:translateY(-5px)}.image-btn:active{transform:translateY(-2px) scale(.98)}@media (max-width:900px){.image-btn-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:500px){.image-btn-grid{grid-template-columns:1fr}}.compress-page{background:#fff;margin:auto;max-width:1000px;padding:50px 20px 80px;text-align:center}.range-wrap{margin:20px 0}.range-wrap label{display:block;font-weight:500;margin-bottom:10px}.range-wrap input[type=range]{width:300px}.success{color:green;margin-top:15px}@media (max-width:768px){.range-wrap input[type=range]{width:100%}}.convert-page{background:#fff;margin:auto;max-width:1000px;padding:50px 20px 80px;text-align:center}.tool-header h1{font-size:30px;margin-bottom:10px}.tool-header p{color:#555;margin-bottom:25px}.tool-header input[type=file]{margin:15px 0}.tool-header select{border:1px solid #ccc;border-radius:6px;display:block;font-size:14px;margin:15px auto;padding:10px;width:200px}.tool-header button{background:#1e66ff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;margin-top:20px;padding:12px 26px;transition:.3s ease}.tool-header button:hover{background:#1552cc}.status{color:green;margin-top:15px}.faq-section{margin-top:70px}.faq-section h2{margin-bottom:30px}.faq-item{margin-bottom:20px}@media (max-width:768px){.tool-header select{width:100%}}.resize-page{background:#fff;color:#111;margin:auto;max-width:1100px;padding:40px 20px 80px;text-align:center}.resize-page h1{font-size:32px;font-weight:600;margin-bottom:10px}.resize-page h2{font-size:22px;margin-bottom:20px}.resize-page label,.resize-page p,.resize-page span{color:#333}.drop-box{background:#f5f8ff;border:2px dashed #4c88ff;border-radius:14px;cursor:pointer;margin:35px auto;max-width:900px;padding:50px;transition:all .3s ease}.drop-box:hover{background:#eef4ff;border-color:#1e66ff}.drop-box .icon{color:#1e66ff;font-size:50px}.drop-box span{color:#1e66ff;font-weight:600}.drop-box p{font-size:16px;margin-top:10px}.drop-box button,.resize-btn,.small-btn{background:#1e66ff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;margin-top:15px;padding:12px 22px;transition:.2s ease}.drop-box button:hover,.resize-btn:hover,.small-btn:hover{background:#1552cc}.resize-btn{font-size:16px;margin-top:30px}.preview-wrap{align-items:center;display:flex;flex-wrap:wrap;gap:25px}.thumb{position:relative}.thumb img{border:1px solid #ddd;border-radius:8px;height:auto;width:100px}.remove{background:#fdd;border-radius:50%;color:#c10000;cursor:pointer;height:22px;line-height:22px;position:absolute;right:-8px;text-align:center;top:-8px;width:22px}.meta,.remove{font-size:14px}.meta{color:#444;text-align:left}.controls{margin-top:50px}.options-row,.size-row{display:flex;flex-wrap:wrap;gap:35px;justify-content:center;margin:25px 0}.field{text-align:left}.field label{display:block;font-weight:500;margin-bottom:6px}.field input,.field select{border:1px solid #ccc;border-radius:6px;font-size:14px;padding:8px 10px;width:130px}.resolution-row{justify-content:center;margin:20px 0}.bg,.resolution-row{align-items:center;display:flex;gap:10px}.dot{border:2px solid #1e66ff;border-radius:50%;cursor:pointer;height:20px;width:20px}.dot.black{background:#000}.dot.active{outline:3px solid #1e66ff}.faq-section{margin-left:auto;margin-right:auto;margin-top:80px;max-width:900px;text-align:left}.faq-section h2{font-size:24px;margin-bottom:35px;text-align:center}.faq-item{background:#fafafa;border:1px solid #eee;border-radius:10px;margin-bottom:25px;padding:20px;transition:.3s ease}.faq-item:hover{box-shadow:0 5px 18px #0000000d}.faq-item h3{color:#111;font-size:17px;margin-bottom:10px}.faq-item p{color:#555;font-size:14px;line-height:1.6}@media (max-width:768px){.options-row,.preview-wrap,.size-row{align-items:center;flex-direction:column}.field input,.field select{width:180px}}.success-wrapper{align-items:center;background:#fff;display:flex;height:100vh;justify-content:center}.success-card{text-align:center}.check-circle{align-items:center;border:4px solid #4caf50;border-radius:50%;color:#4caf50;display:flex;font-size:40px;height:90px;justify-content:center;margin:20px auto;width:90px}.success-card button{background:#e53935;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-top:20px;padding:12px 24px}