*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f7f7fb;--card:#fff;--text:#17171c;--muted:#74747d;--border:#e8e8ee;--accent:#6c4df6;--accent-light:#eeeaff;--shadow:0 10px 35px #14142812}body{background:var(--bg);color:var(--text);font-family:Inter,Arial,Helvetica,sans-serif}button,input{font:inherit}button{cursor:pointer}.app{background:var(--bg);min-height:100vh;color:var(--text)}.pixora-navbar{z-index:1000;-webkit-backdrop-filter:blur(14px);background:#fffffff0;border-bottom:1px solid #ececf2;justify-content:space-between;align-items:center;width:100%;height:72px;padding:0 7%;display:flex;position:sticky;top:0}.pixora-brand{color:var(--text);background:0 0;border:none;outline:none;align-items:center;gap:9px;margin:0;padding:0;font-family:inherit;display:inline-flex}.brand-star{background:var(--accent-light);width:34px;height:34px;color:var(--accent);border-radius:10px;justify-content:center;align-items:center;font-size:20px;transition:all .2s;display:flex}.brand-name{letter-spacing:-1px;font-size:24px;font-weight:800}.pixora-brand:hover .brand-star{background:#e5deff;transform:rotate(8deg)scale(1.05)}.pixora-nav{background:var(--bg);border:1px solid #ececf2;border-radius:999px;align-items:center;gap:4px;padding:5px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.nav-link{color:#6f6f79;background:0 0;border:none;border-radius:999px;outline:none;padding:9px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s}.nav-link:hover{color:var(--accent);background:#fff;transform:translateY(-1px)}.navbar-actions{align-items:center;gap:10px;display:flex}.explore-button{background:var(--accent);color:#fff;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 15px;font-size:13px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 5px 18px #6c4df62e}.explore-button span{font-size:16px;transition:transform .2s}.explore-button:hover{background:#5d41e8;transform:translateY(-1px);box-shadow:0 8px 22px #6c4df63d}.explore-button:hover span{transform:translate(3px)}.mobile-menu-button{background:#fff;border:1px solid #e5e5ec;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:42px;height:42px;display:none}.mobile-menu-button span{background:var(--text);border-radius:10px;width:18px;height:2px;transition:all .2s}.mobile-menu-button.open span:first-child{transform:translateY(7px)rotate(45deg)}.mobile-menu-button.open span:nth-child(2){opacity:0}.mobile-menu-button.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-nav{display:none}.hero{text-align:center;max-width:950px;margin:0 auto;padding:95px 20px 85px}.hero-badge{background:var(--accent-light);color:var(--accent);border-radius:999px;margin-bottom:24px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-block}.hero h1{letter-spacing:-4px;max-width:850px;margin:0 auto;font-size:clamp(48px,7vw,82px);font-weight:800;line-height:.98}.hero h1 span{color:var(--accent)}.hero p{max-width:650px;color:var(--muted);margin:28px auto 34px;font-size:17px;line-height:1.7}.search-box{background:var(--card);border:1px solid var(--border);width:min(650px,95%);height:62px;box-shadow:var(--shadow);border-radius:16px;align-items:center;gap:12px;margin:0 auto;padding:0 20px;transition:all .2s;display:flex}.search-box:focus-within{border-color:var(--accent);box-shadow:0 10px 35px #6c4df61f}.search-box span{color:var(--muted);font-size:26px}.search-box input{width:100%;color:var(--text);background:0 0;border:none;outline:none;font-size:16px}.search-box input::placeholder{color:var(--muted)}.categories-section,.tools-section{width:min(1200px,90%);margin:0 auto}.categories-section{padding-bottom:25px}.section-heading{margin-bottom:25px}.eyebrow{color:var(--accent);letter-spacing:2px;margin-bottom:8px;font-size:11px;font-weight:800}.section-heading h2,.tools-header h2{color:var(--text);letter-spacing:-1px;font-size:30px}.category-buttons{flex-wrap:wrap;gap:10px;margin-bottom:55px;display:flex}.category{border:1px solid var(--border);background:var(--card);color:var(--muted);border-radius:30px;padding:11px 18px;font-size:14px;transition:all .2s}.category:hover{border-color:var(--accent);color:var(--accent)}.category.active{background:var(--accent);border-color:var(--accent);color:#fff}.tools-section{padding-bottom:90px}.tools-header{justify-content:space-between;align-items:flex-end;margin-bottom:25px;display:flex}.tools-header>span{color:var(--muted);font-size:14px}.tools-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.tool-card{text-align:left;background:var(--card);border:1px solid var(--border);width:100%;min-height:220px;color:var(--text);border-radius:18px;flex-direction:column;align-items:flex-start;padding:24px;transition:all .2s;display:flex}.tool-card:hover{border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-4px)}.tool-card:focus-visible{outline:3px solid var(--accent-light);border-color:var(--accent)}.tool-icon{background:var(--accent-light);border-radius:14px;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:20px;font-size:23px;display:flex}.tool-card h3{color:var(--text);margin-bottom:9px;font-size:17px;font-weight:700}.tool-card p{color:var(--muted);margin-bottom:16px;font-size:13px;line-height:1.55}.tool-category{color:var(--accent);letter-spacing:1px;text-transform:uppercase;margin-top:auto;font-size:10px;font-weight:800}.no-results{text-align:center;padding:80px 20px}.no-results div{margin-bottom:15px;font-size:42px}.no-results h3{color:var(--text);font-size:20px}.no-results p{color:var(--muted);margin-top:8px}.about{width:min(1200px,92%);margin:0 auto;padding:80px 0 100px}.about-card{background:var(--card);border:1px solid var(--border);border-radius:28px;grid-template-columns:90px 1fr;gap:32px;padding:48px 55px;display:grid;overflow:hidden;box-shadow:0 18px 55px #1e194612}.about-sparkle,.about-icon{background:var(--accent-light);width:76px;height:76px;color:var(--accent);border-radius:22px;justify-content:center;align-items:center;font-size:34px;display:flex}.about-content{min-width:0;padding-top:2px}.about-content .eyebrow{margin-bottom:12px}.about-content h2{max-width:650px;color:var(--text);letter-spacing:-1.5px;margin:0;font-size:clamp(30px,3vw,42px);line-height:1.12}.about-content h2 span{color:var(--accent)}.about-description{max-width:650px;color:var(--muted);margin:20px 0 0;font-size:16px;line-height:1.7}.about-line{background:var(--accent);border-radius:10px;width:42px;height:3px;margin:22px 0}.about-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:25px;display:grid}.about-stat{align-items:flex-start;gap:10px;display:flex}.stat-icon{background:var(--accent-light);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:17px;display:flex}.about-stat strong{color:var(--accent);font-size:17px;display:block}.about-stat span{color:var(--text);margin-top:2px;font-size:12px;font-weight:700;display:block}.about-stat small{color:var(--muted);margin-top:3px;font-size:10px;line-height:1.4;display:block}.about-features{border-top:1px solid var(--border);grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px;padding:25px 0 0;display:grid}.about-feature{align-items:flex-start;gap:13px;display:flex}.feature-icon{background:var(--accent-light);width:42px;height:42px;color:var(--accent);border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex}.about-feature h3{color:var(--text);margin:0 0 5px;font-size:15px}.about-feature p{max-width:390px;color:var(--muted);margin:0;font-size:12px;line-height:1.5}.about-cta{background:var(--accent-light);border:1px solid var(--border);border-radius:15px;grid-column:1/-1;align-items:center;gap:15px;margin-top:10px;padding:14px 16px;display:flex}.cta-icon{background:var(--card);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:19px;display:flex}.cta-text{flex:1}.cta-text strong{color:var(--text);font-size:14px;display:block}.cta-text span{color:var(--muted);margin-top:2px;font-size:12px;display:block}.about-cta button{background:var(--accent);color:#fff;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.about-cta button:hover{background:#5b3ee7;transform:translateY(-1px)}.pixora-footer{color:#fff;background:#111118;width:100%;margin-top:80px;padding:65px 7% 25px}.footer-top{justify-content:space-between;align-items:flex-start;gap:70px;width:min(1250px,100%);margin:0 auto;display:flex}.footer-brand{max-width:430px}.footer-logo{color:#fff;letter-spacing:-1px;align-items:center;gap:9px;font-size:28px;font-weight:800;display:flex}.footer-logo span:first-child{color:#7047ff;font-size:27px}.footer-logo span:last-child{color:#fff}.footer-brand p{color:#9999a8;max-width:400px;margin-top:16px;font-size:14px;line-height:1.7}.footer-navigation{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:28px;padding-top:7px;display:flex}.footer-navigation a{color:#a6a6b5;font-size:13px;font-weight:500;text-decoration:none;transition:color .2s,transform .2s;position:relative}.footer-navigation a:hover{color:#fff;transform:translateY(-1px)}.footer-navigation a:after{content:"";background:#7047ff;border-radius:10px;width:0;height:2px;transition:width .2s;position:absolute;bottom:-6px;left:0}.footer-navigation a:hover:after{width:100%}.footer-divider{background:#ffffff17;width:min(1250px,100%);height:1px;margin:48px auto 24px}.footer-bottom{justify-content:space-between;align-items:center;gap:25px;width:min(1250px,100%);margin:0 auto;display:flex}.footer-bottom p{color:#70707e;margin:0;font-size:13px}.footer-bottom-links{align-items:center;gap:25px;display:flex}.footer-bottom-links a{color:#858594;font-size:12px;text-decoration:none;transition:color .2s}.footer-bottom-links a:hover{color:#fff}@media (width<=850px){.pixora-footer{padding:55px 25px 25px}.footer-top{gap:40px}.footer-navigation{gap:20px}}@media (width<=700px){.pixora-footer{margin-top:55px;padding:45px 22px 25px}.footer-top{flex-direction:column;gap:30px}.footer-brand{max-width:100%}.footer-brand p{max-width:100%;font-size:14px}.footer-navigation{justify-content:flex-start;gap:18px 25px;width:100%;padding-top:0}.footer-navigation a{font-size:13px}.footer-divider{margin:35px auto 22px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:18px}.footer-bottom-links{flex-wrap:wrap;gap:14px 22px}}@media (width<=450px){.footer-logo{font-size:25px}.footer-logo span:first-child{font-size:24px}.footer-navigation{gap:16px 20px}.footer-bottom p{font-size:12px}.footer-bottom-links{gap:12px 18px}}.tool-page{width:min(1000px,92%);margin:0 auto;padding:50px 0 90px}.action-btn{background:var(--accent);color:#fff;border:none;border-radius:10px;padding:11px 18px;font-weight:600;transition:all .2s}.action-btn:hover{opacity:.9;transform:translateY(-1px)}.compressor-card{background:var(--card);border:1px solid var(--border);width:min(760px,100%);box-shadow:var(--shadow);color:var(--text);border-radius:24px;margin:0 auto;padding:38px}.compressor-card h1,.resize-tool h1{color:var(--text);letter-spacing:-1px;margin-bottom:10px;font-size:32px;line-height:1.15}.tool-description,.tool-subtitle{color:var(--muted);margin-bottom:28px;font-size:15px;line-height:1.6}.upload-box,.resize-upload-box{border:2px dashed var(--border);background:var(--bg);min-height:240px;color:var(--muted);text-align:center;cursor:pointer;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:30px;transition:all .2s;display:flex}.upload-box:hover,.resize-upload-box:hover{border-color:var(--accent);background:var(--accent-light)}.upload-box strong,.resize-upload-box strong{color:var(--text);font-size:17px}.upload-box span,.upload-box small,.resize-upload-box span,.resize-upload-box small{color:var(--muted);font-size:13px}.upload-box .upload-icon{margin-bottom:5px;font-size:38px}.resize-upload-box{min-height:250px;padding:35px 25px}.resize-upload-icon{background:var(--accent-light);border-radius:16px;justify-content:center;align-items:center;width:58px;height:58px;margin-bottom:8px;font-size:27px;display:flex}.image-preview,.resize-preview,.crop-preview{border:1px solid var(--border);background:var(--bg);border-radius:16px;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.image-preview{max-height:420px;margin-bottom:20px}.crop-preview{border-radius:18px;max-width:700px;margin:25px auto 30px;padding:10px}.crop-preview img{object-fit:contain;border-radius:12px;width:100%;max-width:100%;max-height:480px;display:block}.file-info,.resize-file-info{background:var(--bg);border:1px solid var(--border);border-radius:14px;margin-bottom:22px;padding:16px}.file-info strong{color:var(--text);word-break:break-word;margin-bottom:5px;display:block}.file-info span{color:var(--muted);font-size:13px}.resize-file-info{grid-template-columns:1.5fr 1fr 1fr;gap:12px;display:grid}.resize-file-info>div{min-width:0}.resize-info-label{color:var(--muted);text-transform:uppercase;letter-spacing:.7px;margin-bottom:5px;font-size:11px;font-weight:600;display:block}.resize-file-info strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.quality-section{margin-bottom:25px}.quality-header{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.quality-header label{color:var(--text);font-weight:600}.quality-header strong{color:var(--accent)}.quality-section input[type=range]{width:100%;accent-color:var(--accent)}.quality-labels{color:var(--muted);justify-content:space-between;margin-top:7px;font-size:12px;display:flex}.resize-settings{background:var(--bg);border:1px solid var(--border);border-radius:16px;grid-template-columns:repeat(2,1fr);gap:16px;margin:0 0 18px;padding:20px;display:grid}.resize-input-group{flex-direction:column;gap:8px;display:flex}.resize-input-group label{color:var(--text);font-size:13px;font-weight:700}.resize-input-wrapper{position:relative}.resize-input-group input,.resize-input-wrapper input{border:1px solid var(--border);background:var(--card);width:100%;height:48px;color:var(--text);border-radius:10px;outline:none;padding:0 45px 0 14px;font-size:15px;transition:all .2s}.resize-input-group input:focus,.resize-input-wrapper input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6c4df61f}.resize-input-wrapper span{color:var(--muted);pointer-events:none;font-size:12px;font-weight:600;position:absolute;top:50%;right:13px;transform:translateY(-50%)}.ratio-option{width:fit-content;color:var(--text);cursor:pointer;align-items:center;gap:9px;margin-bottom:20px;font-size:14px;font-weight:600;display:flex}.ratio-option input{width:17px;height:17px;accent-color:var(--accent)}.ratio-option small{color:var(--muted);margin-left:3px;font-size:12px;font-weight:400}.crop-editor{-webkit-user-select:none;user-select:none;cursor:crosshair;background:#111827;border-radius:16px;max-width:100%;margin:25px auto;position:relative;overflow:hidden}.crop-editor>img{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;display:block}.crop-editor:after{content:"";pointer-events:none;background:#0000007a;position:absolute;inset:0}.crop-overlay{z-index:2;cursor:move;border:2px solid #fff;position:absolute;box-shadow:0 0 0 9999px #0000007a}.crop-grid{pointer-events:none;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);display:grid;position:absolute;inset:0}.crop-grid span{border-bottom:1px solid #ffffff73;border-right:1px solid #ffffff73}.crop-grid span:nth-child(3n){border-right:none}.crop-grid span:nth-child(n+7){border-bottom:none}.crop-handle{border:2px solid var(--accent);cursor:nwse-resize;background:#fff;border-radius:50%;width:16px;height:16px;position:absolute;bottom:-7px;right:-7px}.crop-info{background:var(--bg);border:1px solid var(--border);border-radius:14px;justify-content:space-between;gap:15px;margin:20px 0;padding:16px 18px;display:flex}.crop-info strong{color:var(--text);font-size:13px}.crop-info span{color:var(--muted);font-size:14px}.cropped-result{object-fit:contain;border:1px solid var(--border);border-radius:12px;width:100%;max-width:600px;max-height:450px;margin:20px auto;display:block}.resize-preview{background:linear-gradient(45deg, var(--border) 25%, transparent 25%), linear-gradient(-45deg, var(--border) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--border) 75%), linear-gradient(-45deg, transparent 75%, var(--border) 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px;min-height:260px;max-height:440px;margin-bottom:20px;padding:18px}.resize-preview img{object-fit:contain;border-radius:8px;max-width:100%;max-height:400px;display:block;box-shadow:0 8px 25px #0000001f}.button-row,.resize-actions{flex-wrap:wrap;gap:12px;display:flex}.primary-button,.secondary-button,.download-button,.resize-actions button{border-radius:10px;min-height:46px;padding:0 20px;font-size:14px;font-weight:700;transition:all .2s}.primary-button,.resize-actions button:first-child{background:var(--accent);color:#fff;border:none}.primary-button:hover,.resize-actions button:first-child:hover{background:#5b3ee7;transform:translateY(-1px)}.secondary-button,.reset-button{background:var(--card);color:var(--text);border:1px solid var(--border)}.secondary-button:hover,.reset-button:hover{border-color:var(--accent);background:var(--bg)}.download-button{color:#fff;background:#111827;border:none}.download-button:hover{background:#1f2937;transform:translateY(-1px)}.download-button:disabled,.resize-actions button:disabled{opacity:.45;cursor:not-allowed;transform:none}.result-box{background:var(--card);border:1px solid var(--border);color:var(--text);border-radius:16px;margin-top:25px;padding:20px}.result-box h2{color:var(--text);margin:0 0 8px;font-size:20px}.result-box p{color:var(--muted);margin:0;font-size:14px}.result-box strong{color:var(--text)}.resize-result{background:var(--accent-light);border:1px solid var(--border);border-radius:14px;align-items:center;gap:14px;margin-top:25px;padding:18px;display:flex}.resize-result-icon{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;font-weight:800;display:flex}.resize-result-content h2{color:var(--text);margin-bottom:6px;font-size:16px}.resize-result-content p{color:var(--muted);margin:3px 0;font-size:13px}.resize-result-content strong{color:var(--text)}.crop-help{background:var(--accent-light);color:var(--muted);border-radius:10px;margin:12px 0 22px;padding:13px 15px;font-size:13px;line-height:1.5}.resize-error{color:#be123c;background:#fff1f2;border:1px solid #fecdd3;border-radius:10px;margin-bottom:18px;padding:12px 14px;font-size:13px}@media (width<=1000px){.tools-grid{grid-template-columns:repeat(2,1fr)}.about{padding:65px 0 80px}.about-card{grid-template-columns:70px 1fr;gap:24px;padding:38px}.about-sparkle,.about-icon{border-radius:18px;width:65px;height:65px;font-size:29px}.about-features{grid-template-columns:1fr}}@media (width<=850px){.pixora-navbar{padding:0 25px}.pixora-nav{gap:2px}.nav-link{padding:8px 12px}.explore-button{padding:9px 12px}}@media (width<=700px){.pixora-navbar{height:66px;padding:0 20px}.brand-star{width:32px;height:32px;font-size:18px}.brand-name{font-size:22px}.pixora-nav,.explore-button{display:none}.mobile-menu-button{display:flex}.mobile-nav{border:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffffa;border-radius:16px;flex-direction:column;padding:8px;display:flex;position:absolute;top:calc(100% + 8px);left:15px;right:15px;box-shadow:0 15px 40px #1414281a}.mobile-nav button{color:#4d4d57;text-align:left;background:0 0;border:none;border-radius:10px;justify-content:space-between;align-items:center;width:100%;padding:13px 14px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.mobile-nav button:hover{color:var(--accent);background:#f5f2ff}.mobile-nav button span{color:var(--accent);font-size:17px}.hero{padding:70px 20px 65px}.hero h1{letter-spacing:-3px;font-size:clamp(42px,11vw,62px)}.hero p{font-size:16px}.categories-section,.tools-section{width:92%}.tools-grid{grid-template-columns:1fr}.about{width:92%;padding:50px 0 65px}.about-card{border-radius:22px;flex-direction:column;gap:22px;padding:28px 22px;display:flex}.about-sparkle,.about-icon{border-radius:18px;width:64px;height:64px;font-size:28px}.about-content h2{letter-spacing:-1px;font-size:30px}.about-description{font-size:14px}.about-stats{grid-template-columns:1fr;gap:14px}.about-features{flex-direction:column;gap:20px;width:100%;margin-top:8px;padding-top:22px;display:flex}.about-cta{flex-wrap:wrap}.about-cta button{justify-content:center;width:100%}.pixora-footer{padding:45px 25px 25px}.footer-top{flex-direction:column;gap:30px}.footer-navigation{gap:22px}.footer-divider{margin:35px auto 22px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:18px}.compressor-card{border-radius:18px;padding:25px 18px}.button-row,.resize-actions{flex-direction:column}.button-row button,.resize-actions button,.primary-button,.secondary-button,.download-button{width:100%}.resize-header{gap:13px}.resize-icon{width:48px;height:48px;font-size:23px}.resize-header h1,.resize-tool h1{font-size:27px}.resize-upload-box{min-height:220px;padding:25px 18px}.resize-file-info{grid-template-columns:1fr}.resize-settings{grid-template-columns:1fr;padding:16px}.resize-result{align-items:flex-start}.crop-info{flex-direction:column}.crop-editor{margin-top:20px}.crop-preview{padding:6px}}@media (width<=450px){.hero{padding-top:55px}.hero h1{letter-spacing:-2px;font-size:42px}.hero p{font-size:15px}.search-box{height:56px}.category-buttons{gap:8px}.category{padding:9px 13px;font-size:13px}.tool-card{min-height:200px}}.compressor-tool{background:#fff;border:1px solid #e5e7eb;border-radius:24px;width:100%;max-width:850px;margin:0 auto;padding:40px;box-shadow:0 15px 50px #0f172a14}.compressor-header{align-items:flex-start;gap:18px;margin-bottom:35px;display:flex}.compressor-icon{background:#f0ebff;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;font-size:28px;display:flex}.compressor-header h1{color:#111827;letter-spacing:-1px;margin:0 0 8px;font-size:32px;line-height:1.15}.compressor-header p{color:#6b7280;margin:0;font-size:15px;line-height:1.6}.compressor-upload{cursor:pointer;text-align:center;background:#faf9ff;border:2px dashed #d8d0ff;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:40px 25px;transition:all .2s;display:flex}.compressor-upload:hover{background:#f6f3ff;border-color:#6c4df6;transform:translateY(-2px)}.upload-icon{background:#eeeaff;border-radius:20px;justify-content:center;align-items:center;width:70px;height:70px;margin-bottom:18px;font-size:34px;display:flex}.compressor-upload h3{color:#111827;margin:0 0 7px;font-size:20px}.compressor-upload p{color:#6b7280;margin:0 0 20px;font-size:14px}.upload-button{color:#fff;background:#6c4df6;border-radius:10px;justify-content:center;align-items:center;padding:11px 20px;font-size:14px;font-weight:700;display:inline-flex;box-shadow:0 6px 15px #6c4df633}.compressor-upload small{color:#9ca3af;margin-top:15px;font-size:12px}.compressor-workspace{flex-direction:column;gap:22px;display:flex}.original-file{background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;align-items:center;gap:16px;padding:16px;display:flex}.file-preview{background:#e5e7eb;border-radius:12px;flex-shrink:0;width:72px;height:72px;overflow:hidden}.file-preview img{object-fit:cover;width:100%;height:100%}.file-details{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.file-details strong{color:#111827;text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.file-details span{color:#6b7280;font-size:13px}.quality-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:24px}.quality-top h3{color:#111827;margin:0 0 5px;font-size:17px}.quality-value{text-align:center;color:#6c4df6;background:#eeeaff;border-radius:9px;min-width:55px;padding:8px 10px;font-size:15px;font-weight:800}.quality-slider{accent-color:#6c4df6;cursor:pointer;width:100%;margin-top:25px}.slider-labels{color:#9ca3af;justify-content:space-between;margin-top:8px;font-size:12px;display:flex}.compress-actions{gap:12px;display:flex}.compress-button{color:#fff;cursor:pointer;background:#6c4df6;border:none;border-radius:11px;flex:1;padding:14px 20px;font-size:15px;font-weight:700;transition:all .2s}.compress-button:hover{background:#5b3fe0;transform:translateY(-1px)}.reset-button{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:11px;padding:14px 22px;font-size:14px;font-weight:600}.compression-result{background:#f8fffa;border:1px solid #d9f0df;border-radius:20px;margin-top:30px;padding:28px}.result-header{margin-bottom:22px}.result-header h2{color:#111827;margin:0 0 6px;font-size:23px}.result-header p{color:#6b7280;margin:0;font-size:14px}.result-content{grid-template-columns:1fr auto;align-items:center;gap:25px;display:grid}.result-image{background:#e5e7eb;border-radius:14px;height:220px;overflow:hidden}.result-image img{object-fit:contain;background:#f3f4f6;width:100%;height:100%}.result-info{align-items:center;gap:12px;display:flex}.size-box{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;min-width:105px;padding:15px}.arrow{color:#6c4df6;font-size:22px;font-weight:700}.download-button{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:11px;width:100%;margin-top:22px;padding:14px 20px;font-size:15px;font-weight:700}@media (width<=700px){.compressor-tool{border-radius:18px;padding:25px 18px}.compressor-header{gap:12px}.compressor-icon{width:48px;height:48px;font-size:23px}.compressor-header h1{font-size:25px}.compressor-header p{font-size:13px}.compressor-upload{min-height:260px}.original-file{align-items:flex-start}.change-button{padding:8px 10px}.compress-actions{flex-direction:column}.reset-button{width:100%}.result-content{grid-template-columns:1fr}.result-info{justify-content:center}.result-image{height:200px}}@media (width<=450px){.original-file{flex-wrap:wrap}.file-details{width:calc(100% - 90px)}.change-button{width:100%}.result-info{flex-direction:column}.arrow{transform:rotate(90deg)}.size-box{width:100%}}.jpg-png-tool{width:100%}.converter-upload .upload-icon{margin-bottom:15px;font-size:45px}.image-preview-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:20px}@media (width<=600px){.converter-header{flex-direction:column}.converter-header h1{font-size:27px}.converter-actions{flex-direction:column}.converter-actions button{width:100%}.preview-label{flex-direction:column}}.png-jpg-tool{width:100%}.converter-header{align-items:flex-start;gap:18px;margin-bottom:30px;display:flex}.converter-icon{background:#eeeaff;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;font-size:27px;display:flex}.converter-header h1{color:#111827;margin:0 0 8px;font-size:32px}.converter-header p{color:#6b7280;margin:0;line-height:1.6}.converter-upload{text-align:center;cursor:pointer;background:#f9fafb;border:2px dashed #d1d5db;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:40px 25px;transition:all .2s;display:flex}.converter-upload:hover{background:#faf9ff;border-color:#6c4df6}.upload-icon{margin-bottom:15px;font-size:45px}.converter-upload h3{color:#111827;margin:0 0 7px;font-size:20px}.converter-upload p{color:#6b7280;margin:0 0 20px}.upload-button{color:#fff;background:#6c4df6;border-radius:10px;padding:12px 20px;font-weight:700}.converter-upload small{color:#9ca3af;margin-top:14px}.converter-workspace{margin-top:20px}.image-preview-card,.quality-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:20px}.image-preview-card{margin-bottom:18px}.preview-label{color:#6b7280;justify-content:space-between;gap:15px;margin-bottom:15px;display:flex}.preview-label strong{color:#111827;text-overflow:ellipsis;overflow:hidden}.image-preview{background:#f3f4f6;border-radius:12px;justify-content:center;align-items:center;max-height:420px;display:flex;overflow:hidden}.image-preview img{object-fit:contain;max-width:100%;max-height:420px;display:block}.file-size{color:#6b7280;margin-top:15px;font-size:14px}.file-size strong{color:#111827}.quality-card{margin-bottom:18px}.quality-top{justify-content:space-between;align-items:center;gap:20px;display:flex}.quality-top h3{color:#111827;margin:0 0 5px}.quality-top p{color:#6b7280;margin:0;font-size:14px}.quality-value{color:#6c4df6;font-size:22px;font-weight:800}.quality-slider{accent-color:#6c4df6;width:100%;margin-top:22px}.slider-labels{color:#9ca3af;justify-content:space-between;font-size:12px;display:flex}.converter-actions{gap:12px;margin-top:20px;display:flex}.converter-actions button,.download-button{cursor:pointer;border:none;border-radius:10px;padding:13px 20px;font-size:14px;font-weight:700}.convert-button,.download-button{color:#fff;background:#6c4df6}.convert-button:hover,.download-button:hover{background:#5b3fe0}.reset-button{color:#374151;background:#f3f4f6}.conversion-result{text-align:center;background:#faf9ff;border:1px solid #ddd6fe;border-radius:18px;margin-top:25px;padding:25px}.conversion-result h2{color:#111827;margin:0 0 8px}.conversion-result p{color:#6b7280;margin:0 0 20px}.size-box{background:#fff;border:1px solid #e5e7eb;border-radius:12px;min-width:140px;padding:15px}.size-box span{color:#6b7280;margin-bottom:5px;font-size:12px;display:block}.size-box strong{color:#111827}.size-arrow{color:#6c4df6;font-size:22px;font-weight:700}.result-preview{background:#fff;border:1px solid #e5e7eb;border-radius:12px;max-height:350px;margin-bottom:20px;padding:15px}.result-preview img{max-width:100%;max-height:320px;margin:auto;display:block}@media (width<=600px){.converter-header{flex-direction:column}.converter-header h1{font-size:27px}.converter-actions{flex-direction:column}.converter-actions button{width:100%}.preview-label,.size-comparison{flex-direction:column}.size-arrow{transform:rotate(90deg)}}.image-pdf-tool{width:min(850px,100%);margin:0 auto;padding:10px 0 60px}.image-pdf-header{align-items:center;gap:18px;margin-bottom:30px;display:flex}.image-pdf-icon{background:#eef2ff;border-radius:16px;justify-content:center;align-items:center;width:58px;height:58px;font-size:27px;display:flex}.image-pdf-header h1{letter-spacing:-1px;margin:0 0 6px;font-size:30px}.image-pdf-header p{color:#6b7280;margin:0;line-height:1.5}.image-pdf-upload{cursor:pointer;text-align:center;background:#fff;border:2px dashed #d1d5db;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:40px 20px;transition:all .2s;display:flex}.image-pdf-upload:hover{background:#fafaff;border-color:#4f46e5}.upload-cloud{margin-bottom:15px;font-size:42px}.image-pdf-upload h3{margin:0 0 8px;font-size:20px}.image-pdf-upload p{color:#6b7280;margin:0 0 20px}.upload-button,.add-images-button{color:#fff;cursor:pointer;background:#111827;border-radius:10px;justify-content:center;align-items:center;padding:11px 18px;font-weight:600;display:inline-flex}.image-pdf-upload small{color:#9ca3af;margin-top:15px}.image-pdf-workspace{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:25px}.workspace-top{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.workspace-top h2{margin:0 0 5px;font-size:21px}.workspace-top p{color:#6b7280;margin:0;font-size:14px}.image-list{flex-direction:column;gap:12px;display:flex}.image-pdf-item{background:#fafafa;border:1px solid #e5e7eb;border-radius:14px;align-items:center;gap:14px;padding:12px;display:flex}.image-number{color:#4f46e5;background:#eef2ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:flex}.image-thumbnail{background:#f3f4f6;border-radius:10px;flex-shrink:0;width:70px;height:70px;overflow:hidden}.image-thumbnail img{object-fit:cover;width:100%;height:100%}.image-details{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.image-details strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.image-details span{color:#6b7280;font-size:12px}.image-controls{gap:6px;display:flex}.image-controls button{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:34px;height:34px;font-size:16px}.image-controls button:hover:not(:disabled){background:#f3f4f6}.image-controls button:disabled{opacity:.35;cursor:not-allowed}.image-controls .remove-image{color:#dc2626}.pdf-actions{gap:12px;margin-top:25px;display:flex}.generate-pdf-button{color:#fff;cursor:pointer;background:#4f46e5;border:0;border-radius:11px;flex:1;padding:14px 20px;font-size:15px;font-weight:700}.generate-pdf-button:hover{background:#4338ca}.generate-pdf-button:disabled{opacity:.65;cursor:wait}.pdf-reset-button{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:11px;padding:14px 20px;font-weight:600}.pdf-reset-button:hover{background:#f3f4f6}.add-images-button{padding:9px 14px;font-size:13px;position:relative;overflow:hidden}@media (width<=600px){.image-pdf-header{align-items:flex-start}.image-pdf-header h1{font-size:25px}.image-pdf-workspace{padding:18px}.workspace-top{align-items:flex-start}.image-pdf-item{gap:9px}.image-number{display:none}.image-thumbnail{width:58px;height:58px}.image-controls,.pdf-actions{flex-direction:column}}.merge-pdf-tool{width:min(850px,100%);margin:0 auto;padding:10px 0 60px}.merge-pdf-header{align-items:center;gap:18px;margin-bottom:30px;display:flex}.merge-pdf-icon{background:#eef2ff;border-radius:16px;justify-content:center;align-items:center;width:58px;height:58px;font-size:27px;display:flex}.merge-pdf-header h1{letter-spacing:-1px;margin:0 0 6px;font-size:30px}.merge-pdf-header p{color:#6b7280;margin:0;line-height:1.5}.merge-upload{cursor:pointer;text-align:center;background:#fff;border:2px dashed #d1d5db;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:40px 20px;transition:all .2s;display:flex}.merge-upload:hover{background:#fafaff;border-color:#4f46e5}.merge-upload-icon{margin-bottom:15px;font-size:42px}.merge-upload h3{margin:0 0 8px;font-size:20px}.merge-upload p{color:#6b7280;margin:0 0 20px}.merge-upload-button,.add-pdf-button{color:#fff;cursor:pointer;background:#111827;border-radius:10px;justify-content:center;align-items:center;padding:11px 18px;font-weight:600;display:inline-flex}.merge-upload small{color:#9ca3af;margin-top:15px}.merge-workspace{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:25px}.merge-workspace-top{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.merge-workspace-top h2{margin:0 0 5px;font-size:21px}.merge-workspace-top p{color:#6b7280;margin:0;font-size:14px}.add-pdf-button{padding:9px 14px;font-size:13px;position:relative;overflow:hidden}.pdf-file-list{flex-direction:column;gap:12px;display:flex}.pdf-file-item{background:#fafafa;border:1px solid #e5e7eb;border-radius:14px;align-items:center;gap:14px;padding:12px;display:flex}.pdf-number{color:#4f46e5;background:#eef2ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:flex}.pdf-file-icon{color:#dc2626;background:#fee2e2;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:58px;font-size:11px;font-weight:800;display:flex}.pdf-file-info strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.pdf-controls{gap:6px;display:flex}.pdf-controls button{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:34px;height:34px;font-size:16px}.pdf-controls button:hover:not(:disabled){background:#f3f4f6}.pdf-controls button:disabled{opacity:.35;cursor:not-allowed}.pdf-controls .remove-pdf{color:#dc2626}.merge-actions{gap:12px;margin-top:25px;display:flex}.merge-button{color:#fff;cursor:pointer;background:#4f46e5;border:0;border-radius:11px;flex:1;padding:14px 20px;font-size:15px;font-weight:700}.merge-button:hover:not(:disabled){background:#4338ca}.merge-button:disabled{opacity:.55;cursor:not-allowed}.merge-reset-button{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:11px;padding:14px 20px;font-weight:600}.merge-reset-button:hover:not(:disabled){background:#f3f4f6}.merge-note{text-align:center;color:#9ca3af;margin:15px 0 0;font-size:13px}@media (width<=600px){.merge-pdf-header{align-items:flex-start}.merge-pdf-header h1{font-size:25px}.merge-workspace{padding:18px}.merge-workspace-top{align-items:flex-start}.pdf-number{display:none}.pdf-file-item{gap:9px}.pdf-file-icon{width:45px;height:50px}.pdf-controls,.merge-actions{flex-direction:column}}.split-pdf-tool{max-width:850px;margin:0 auto;padding:20px}.split-header{align-items:center;gap:18px;margin-bottom:30px;display:flex}.split-icon{background:#eef2ff;border-radius:16px;justify-content:center;align-items:center;width:58px;height:58px;font-size:27px;display:flex}.split-header h1{letter-spacing:-1px;color:#111827;margin:0 0 6px;font-size:32px}.split-header p{color:#6b7280;margin:0;line-height:1.5}.split-upload{text-align:center;cursor:pointer;background:#fff;border:2px dashed #d1d5db;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:40px 20px;transition:all .2s;display:flex}.split-upload:hover{background:#fafaff;border-color:#4f46e5}.split-upload .upload-icon{margin-bottom:15px;font-size:45px}.split-upload h3{color:#111827;margin:0 0 8px;font-size:20px}.split-upload p{color:#6b7280;margin:0 0 20px}.upload-button{color:#fff;background:#111827;border-radius:10px;margin-bottom:14px;padding:11px 20px;font-weight:600;display:inline-block}.split-upload small{color:#9ca3af}.split-workspace{flex-direction:column;gap:20px;display:flex}.page-selection{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:25px}.page-selection h3{color:#111827;margin:0 0 7px;font-size:19px}.page-selection p{color:#6b7280;margin:0 0 18px;font-size:14px}.page-selection input{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:10px;outline:none;width:100%;height:52px;padding:0 15px;font-size:16px}.page-selection input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.page-selection small{color:#9ca3af;margin-top:9px;display:block}.split-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:13px 16px;font-size:14px}.split-actions{gap:12px;display:flex}.split-button{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:11px;flex:1;padding:14px 20px;font-size:15px;font-weight:700}.split-button:hover{background:#374151}.split-button:disabled{opacity:.6;cursor:not-allowed}.reset-button:hover{background:#f9fafb}.split-result{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:18px;margin-top:25px;padding:28px}.split-result h2{color:#111827;margin:0 0 8px}.split-result p{color:#6b7280;margin:0 0 22px}.result-size{background:#f8fafc;border-radius:12px;flex-direction:column;gap:5px;margin-bottom:22px;padding:14px 25px;display:inline-flex}.result-size span{color:#6b7280;font-size:13px}.result-size strong{color:#111827;font-size:18px}.download-button{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:11px;width:100%;padding:14px 20px;font-size:15px;font-weight:700;display:block}@media (width<=600px){.split-pdf-tool{padding:10px}.split-header{align-items:flex-start}.split-header h1{font-size:26px}.split-header p{font-size:14px}.split-upload{min-height:250px}.pdf-file-card{align-items:flex-start}.change-button{padding:8px 11px}.split-actions{flex-direction:column}.split-button,.reset-button{width:100%}}.compress-pdf-tool{max-width:850px;margin:0 auto;padding:20px}.compress-pdf-header{align-items:center;gap:18px;margin-bottom:30px;display:flex}.compress-pdf-icon{background:#eef2ff;border-radius:16px;justify-content:center;align-items:center;width:58px;height:58px;font-size:27px;display:flex}.compress-pdf-header h1{letter-spacing:-1px;color:#111827;margin:0 0 6px;font-size:32px}.compress-pdf-header p{color:#6b7280;margin:0;line-height:1.5}.compress-pdf-upload{text-align:center;cursor:pointer;background:#fff;border:2px dashed #d1d5db;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:40px 20px;transition:all .2s;display:flex}.compress-pdf-upload:hover{background:#fafaff;border-color:#4f46e5}.compress-pdf-upload .upload-icon{margin-bottom:15px;font-size:45px}.compress-pdf-upload h3{color:#111827;margin:0 0 8px;font-size:20px}.compress-pdf-upload p{color:#6b7280;margin:0 0 20px}.upload-button{color:#fff;background:#111827;border-radius:10px;margin-bottom:14px;padding:11px 20px;font-weight:600}.compress-pdf-upload small{color:#9ca3af}.compress-pdf-workspace{flex-direction:column;gap:20px;display:flex}.pdf-file-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;align-items:center;gap:15px;padding:18px;display:flex}.pdf-file-icon{background:#fef2f2;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.pdf-file-info{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.pdf-file-info strong{color:#111827;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pdf-file-info span{color:#6b7280;font-size:13px}.change-button{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:9px;padding:9px 15px;font-weight:600}.change-button:hover{background:#f9fafb}.compression-info{background:#f8fafc;border:1px solid #e5e7eb;border-radius:15px;gap:14px;padding:20px;display:flex}.info-icon{font-size:20px}.compression-info h3{color:#111827;margin:0 0 6px;font-size:16px}.compression-info p{color:#6b7280;margin:0;font-size:14px;line-height:1.6}.compress-pdf-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:13px 16px;font-size:14px}.compress-pdf-actions{gap:12px;display:flex}.compress-pdf-button{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:11px;flex:1;padding:14px 20px;font-size:15px;font-weight:700}.compress-pdf-button:hover{background:#374151}.compress-pdf-button:disabled{opacity:.6;cursor:not-allowed}.reset-button{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:11px;padding:14px 20px;font-weight:600}.compress-pdf-result{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:18px;margin-top:25px;padding:28px}.success-badge{color:#047857;background:#ecfdf5;border-radius:999px;margin-bottom:12px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-block}.compress-pdf-result h2{color:#111827;margin:0 0 8px}.compress-pdf-result p{color:#6b7280;margin:0 0 22px}.size-comparison{justify-content:center;align-items:center;gap:18px;margin-bottom:25px;display:flex}.size-box{background:#f8fafc;border-radius:12px;flex-direction:column;gap:5px;min-width:130px;padding:15px;display:flex}.size-box span{color:#6b7280;font-size:13px}.size-box strong{color:#111827;font-size:17px}.size-arrow{color:#9ca3af;font-size:22px}.download-button{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:11px;width:100%;padding:14px 20px;font-size:15px;font-weight:700}.download-button:hover{background:#4338ca}@media (width<=600px){.compress-pdf-tool{padding:10px}.compress-pdf-header{align-items:flex-start}.compress-pdf-header h1{font-size:26px}.compress-pdf-header p{font-size:14px}.pdf-file-card{align-items:flex-start}.compress-pdf-actions{flex-direction:column}.compress-pdf-button,.reset-button{width:100%}.size-comparison{gap:8px}.size-box{min-width:110px}}.pdf-images-tool{width:min(900px,100%);margin:0 auto;padding:20px}.pdf-images-header{align-items:center;gap:18px;margin-bottom:30px;display:flex}.pdf-images-icon{background:#eef2ff;border-radius:16px;justify-content:center;align-items:center;width:58px;height:58px;font-size:28px;display:flex}.pdf-images-header h1{margin:0 0 7px;font-size:32px}.pdf-images-header p{color:#6b7280;margin:0}.pdf-images-upload{text-align:center;cursor:pointer;background:#fff;border:2px dashed #d1d5db;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:40px 20px;transition:all .2s;display:flex}.pdf-images-upload:hover{background:#fafaff;border-color:#4f46e5}.pdf-upload-icon{margin-bottom:15px;font-size:50px}.pdf-images-upload h3{margin:0 0 8px;font-size:21px}.pdf-images-upload p{color:#6b7280;margin:0 0 20px}.pdf-upload-button{color:#fff;background:#111827;border-radius:10px;padding:11px 20px;font-weight:600}.pdf-images-upload small{color:#9ca3af;margin-top:15px}.pdf-images-workspace{flex-direction:column;gap:18px;display:flex}.pdf-selected-file{background:#fff;border:1px solid #e5e7eb;border-radius:16px;align-items:center;gap:15px;padding:18px;display:flex}.pdf-selected-icon{background:#fef2f2;border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;font-size:25px;display:flex}.pdf-selected-info{flex-direction:column;flex:1;gap:5px;display:flex}.pdf-selected-info span{color:#6b7280;font-size:14px}.pdf-change-button,.pdf-reset-button{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:9px;padding:10px 15px;font-weight:600}.pdf-convert-button,.download-all-button{color:#fff;cursor:pointer;background:#111827;border:0;border-radius:11px;padding:14px 20px;font-size:15px;font-weight:700}.pdf-convert-button:disabled{opacity:.6;cursor:not-allowed}.pdf-result-header{margin-bottom:25px}.pdf-success{color:#059669;background:#ecfdf5;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-block}.pdf-result-header h2{margin:10px 0 6px}.pdf-result-header p{color:#6b7280;margin:0}.pdf-images-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.pdf-image-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden}.pdf-image-preview{background:#f8fafc;padding:12px}.pdf-image-preview img{object-fit:contain;background:#fff;border-radius:8px;width:100%;height:300px;display:block}.pdf-image-footer{justify-content:space-between;align-items:center;gap:10px;padding:14px;display:flex}.pdf-image-footer button{color:#fff;cursor:pointer;background:#111827;border:0;border-radius:8px;padding:8px 12px;font-weight:600}.pdf-result-actions{gap:12px;margin-top:20px;display:flex}.download-all-button{flex:1}.pdf-images-note{text-align:center;color:#6b7280;background:#f8fafc;border:1px solid #e5e7eb;border-radius:11px;margin-top:20px;padding:14px;font-size:13px}@media (width<=650px){.pdf-images-grid{grid-template-columns:1fr}.pdf-selected-file{align-items:flex-start}.pdf-result-actions{flex-direction:column}.pdf-images-header h1{font-size:27px}}.print-calculator{width:min(850px,100%);margin:0 auto;padding:20px}.print-header{align-items:center;gap:18px;margin-bottom:30px;display:flex}.print-icon{background:#eef2ff;border-radius:16px;justify-content:center;align-items:center;width:58px;height:58px;font-size:28px;display:flex}.print-header h1{letter-spacing:-1px;margin:0 0 7px;font-size:32px}.print-header p{color:#6b7280;margin:0;line-height:1.5}.calculator-card,.print-result{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:28px}.calculator-section{border-bottom:1px solid #e5e7eb;margin-bottom:25px;padding-bottom:25px}.calculator-section h3,.unit-section h3{margin:0 0 6px;font-size:18px}.section-description{color:#6b7280;margin:0 0 18px;font-size:14px}.dimension-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.input-group label,.dpi-input label{color:#374151;margin-bottom:7px;font-size:13px;font-weight:600;display:block}.input-with-unit{border:1px solid #d1d5db;border-radius:10px;align-items:center;display:flex;overflow:hidden}.input-with-unit input{border:0;outline:0;width:100%;padding:14px;font-size:15px}.input-with-unit span{color:#6b7280;background:#f9fafb;align-items:center;height:48px;padding:0 14px;font-size:13px;display:flex}.dpi-header{justify-content:space-between;align-items:center;gap:15px;display:flex}.dpi-badge{color:#4f46e5;background:#eef2ff;border-radius:8px;padding:7px 11px;font-size:12px;font-weight:700}.dpi-slider{width:100%;margin-top:10px}.dpi-labels{color:#9ca3af;justify-content:space-between;margin-top:5px;font-size:11px;display:flex}.dpi-input{width:150px;margin-top:18px}.dpi-input input{border:1px solid #d1d5db;border-radius:9px;outline:none;width:100%;height:44px;padding:0 12px}.unit-section{margin-bottom:25px}.unit-buttons{flex-wrap:wrap;gap:10px;display:flex}.unit-buttons button{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:9px;padding:10px 15px;font-weight:600}.unit-buttons button.active{color:#fff;background:#111827;border-color:#111827}.calculator-actions{gap:12px;display:flex}.calculate-button{color:#fff;cursor:pointer;background:#111827;border:0;border-radius:11px;flex:1;padding:14px 20px;font-size:15px;font-weight:700}.calculator-reset{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:11px;padding:14px 22px;font-weight:600}.print-result{margin-top:20px}.result-success{color:#059669;background:#ecfdf5;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-block}.result-title h2{margin:12px 0 5px}.result-title p{color:#6b7280;margin:0;font-size:14px}.main-result{text-align:center;background:#f8fafc;border-radius:14px;margin:25px 0;padding:25px}.main-result strong{letter-spacing:-1px;font-size:30px}.result-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.result-box{border:1px solid #e5e7eb;border-radius:12px;padding:18px}.result-box span{color:#6b7280;margin-bottom:8px;font-size:12px;display:block}.result-box strong{font-size:16px;display:block}.result-box small{color:#9ca3af}.print-note{text-align:center;color:#6b7280;background:#f8fafc;border:1px solid #e5e7eb;border-radius:11px;margin-top:18px;padding:14px;font-size:13px}@media (width<=650px){.print-calculator{padding:10px}.print-header h1{font-size:27px}.dimension-grid,.result-grid{grid-template-columns:1fr}.calculator-actions{flex-direction:column}.calculator-reset{width:100%}.main-result strong{font-size:23px}}.a4-tool{width:min(850px,100%);margin:0 auto;padding:20px}.a4-header{align-items:flex-start;gap:18px;margin-bottom:30px;display:flex}.a4-icon{background:#eef2ff;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:55px;height:55px;font-size:25px;display:flex}.a4-header h1{letter-spacing:-1px;margin:0 0 8px;font-size:30px}.a4-header p{color:#6b7280;margin:0;line-height:1.6}.a4-upload{cursor:pointer;text-align:center;background:#fff;border:2px dashed #d1d5db;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;min-height:280px;padding:35px;transition:all .2s;display:flex}.a4-upload:hover{background:#fafaff;border-color:#6366f1}.a4-upload-icon{margin-bottom:15px;font-size:42px}.a4-upload h3{margin:0 0 7px;font-size:20px}.a4-upload p{color:#6b7280;margin:0 0 18px}.a4-upload-button{color:#fff;background:#111827;border-radius:10px;padding:11px 20px;font-weight:600}.a4-upload small{color:#9ca3af;margin-top:15px}.a4-file{background:#fff;border:1px solid #e5e7eb;border-radius:15px;align-items:center;gap:15px;margin-bottom:20px;padding:14px;display:flex}.a4-file-preview{background:#f3f4f6;border-radius:10px;flex-shrink:0;width:65px;height:65px;overflow:hidden}.a4-file-preview img{object-fit:cover;width:100%;height:100%}.a4-file-info{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.a4-file-info strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.a4-file-info span{color:#6b7280;font-size:13px}.a4-change{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:9px;padding:9px 14px}.a4-settings{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:24px}.a4-settings h3{margin:0 0 6px}.a4-settings p{color:#6b7280;margin:0 0 20px;font-size:14px}.orientation-buttons{grid-template-columns:1fr 1fr;gap:14px;display:grid}.orientation{cursor:pointer;color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:14px;flex-direction:column;align-items:center;gap:7px;padding:18px;display:flex}.orientation span{font-size:30px}.orientation small{color:#6b7280}.orientation.active{background:#f5f3ff;border:2px solid #6366f1}.a4-actions{gap:12px;margin-top:20px;display:flex}.a4-primary{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:11px;flex:1;padding:14px 20px;font-weight:700}.a4-reset{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:11px;padding:14px 20px}.a4-result{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:20px;margin-top:25px;padding:25px}.a4-success{color:#059669;background:#ecfdf5;border-radius:999px;margin-bottom:12px;padding:6px 12px;font-size:13px;font-weight:700;display:inline-block}.a4-result h2{margin:0 0 8px;font-size:22px}.a4-result>p{color:#6b7280;margin:0 0 20px;line-height:1.5}.a4-result-preview{background:#f3f4f6;border-radius:10px;max-width:400px;max-height:500px;margin:0 auto 22px;overflow:hidden}.a4-result-preview img{object-fit:contain;width:100%;max-height:500px;display:block}.a4-download{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:10px;padding:13px 22px;font-weight:700}@media (width<=600px){.a4-tool{padding:10px}.a4-header{flex-direction:column}.orientation-buttons{grid-template-columns:1fr}.a4-actions{flex-direction:column}.a4-file{align-items:flex-start}.a4-change{margin-left:auto}}.passport-tool{background:#fff;border:1px solid #e5e7eb;border-radius:24px;max-width:900px;margin:0 auto;padding:42px;box-shadow:0 20px 60px #0f172a14}.passport-header{align-items:center;gap:18px;margin-bottom:35px;display:flex}.passport-icon{background:#eef2ff;border-radius:16px;justify-content:center;align-items:center;width:58px;height:58px;font-size:30px;display:flex}.passport-header h1{color:#111827;margin:0 0 7px;font-size:30px}.passport-header p{color:#6b7280;margin:0;font-size:15px}.passport-upload{text-align:center;cursor:pointer;background:#f8faff;border:2px dashed #c7d2fe;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;min-height:300px;transition:all .2s;display:flex}.passport-upload:hover{background:#f5f3ff;border-color:#6366f1}.passport-upload-icon{background:#fff;border-radius:18px;justify-content:center;align-items:center;width:70px;height:70px;margin-bottom:18px;font-size:32px;display:flex;box-shadow:0 8px 25px #0f172a14}.passport-upload h3{color:#111827;margin:0 0 7px;font-size:20px}.passport-upload p{color:#6b7280;margin:0 0 18px}.passport-upload-button{color:#fff;background:#111827;border-radius:10px;padding:11px 20px;font-weight:600}.passport-upload small{color:#9ca3af;margin-top:15px}.passport-workspace{flex-direction:column;gap:24px;display:flex}.passport-preview-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:16px;align-items:center;gap:18px;padding:18px;display:flex}.passport-preview{background:#e5e7eb;border-radius:10px;width:90px;height:110px;overflow:hidden}.passport-preview img{object-fit:cover;width:100%;height:100%}.passport-file-info{flex-direction:column;gap:6px;display:flex}.passport-file-info strong{color:#111827;word-break:break-word}.passport-file-info span{color:#6b7280;font-size:14px}.passport-settings{grid-template-columns:1fr 1fr;gap:18px;display:grid}.setting-group{flex-direction:column;gap:8px;display:flex}.setting-group label{color:#374151;font-size:14px;font-weight:600}.setting-group select{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:10px;outline:none;width:100%;padding:13px 14px;font-size:15px}.setting-group select:focus{border-color:#6366f1}.passport-sheet{background:#f8fafc;border:1px solid #e5e7eb;border-radius:18px;padding:22px}.sheet-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.sheet-header h3{color:#111827;margin:0 0 5px}.sheet-header p{color:#6b7280;margin:0;font-size:13px}.sheet-header>span{color:#4f46e5;background:#eef2ff;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:600}.photo-grid{background:#fff;border:1px solid #e5e7eb;border-radius:12px;grid-template-columns:repeat(4,1fr);gap:12px;padding:20px;display:grid}.passport-copy{aspect-ratio:35/45;background:#fff;border:1px solid #d1d5db;overflow:hidden}.passport-copy img{object-fit:cover;width:100%;height:100%}.passport-actions{gap:12px;display:flex}.passport-download{color:#fff;cursor:pointer;background:#111827;border:0;border-radius:11px;flex:1;padding:14px 20px;font-size:15px;font-weight:700;transition:all .2s}.passport-download:hover{background:#374151;transform:translateY(-1px)}.passport-reset{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:11px;padding:14px 22px;font-weight:600}.passport-reset:hover{background:#f3f4f6}@media (width<=700px){.passport-tool{border-radius:18px;padding:25px 18px}.passport-header h1{font-size:24px}.passport-settings{grid-template-columns:1fr}.photo-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=480px){.passport-header{align-items:flex-start}.passport-icon{width:48px;height:48px;font-size:24px}.passport-header h1{font-size:21px}.passport-upload{min-height:250px}.photo-grid{grid-template-columns:repeat(2,1fr)}.passport-actions{flex-direction:column}}