:root{--p950:#2e155f;--p900:#3c1d7d;--p800:#4d28a6;--p700:#5d35cc;--p600:#6f4be8;--p500:#815ff0;--p300:#b9a5f7;--p100:#eee9ff;--p50:#f8f6ff;--ink:#1d1c22;--muted:#6e6878;--border:#e7e2ed;--soft:#fbfaff;--shadow:0 16px 48px rgba(55,32,105,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:"Open Sans",Inter,Arial,sans-serif}button,input,select{font:inherit}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.msc-emergency-header{min-height:74px;background:#fff;border-bottom:1px solid #ececec}.msc-emergency-header-inner{width:1200px;max-width:90%;min-height:74px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;font-family:"Open Sans",Arial,sans-serif}.msc-emergency-brand{font-weight:800;font-size:20px;color:#6f4be8;text-decoration:none}.msc-emergency-links{display:flex;gap:20px;align-items:center}.msc-emergency-links a{color:#333;text-decoration:none;font-size:14px}.msc-emergency-footer{padding:28px 5%;color:#d7d7d7;background:#202020;font:14px/1.6 "Open Sans",Arial,sans-serif}.msc-emergency-footer-inner{width:1200px;max-width:100%;margin:0 auto;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.msc-emergency-footer a{color:#fff;text-decoration:none}
.jpgpdf-app{min-height:80vh;padding:56px 20px 86px;background:linear-gradient(180deg,#fff 0,#fff 52%,#fdfcff 100%)}.hero{width:min(1200px,100%);margin:0 auto;text-align:center}.hero-eyebrow,.section-label{display:inline-flex;padding:6px 9px;border:1px solid #e5ddf8;border-radius:999px;background:var(--p50);color:var(--p700);font-size:11px;line-height:1;font-weight:800;letter-spacing:.055em}.hero h1{margin:14px 0 10px;font-size:clamp(42px,5vw,54px);line-height:1.02;letter-spacing:-1.8px;font-weight:800;color:#17151b}.hero-subtitle{max-width:690px;margin:0 auto 30px;color:var(--muted);font-size:16px;line-height:1.62}.tool-shell{width:min(1200px,100%);margin:0 auto;border:1px solid var(--border);border-radius:18px;background:#fff;box-shadow:var(--shadow);padding:22px;text-align:left}.upload-zone{width:100%;padding:0;appearance:none;text-align:center;min-height:292px;border:2px dashed #d9cef6;border-radius:14px;background:linear-gradient(180deg,#fdfcff,#f8f5ff);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:var(--muted);cursor:pointer;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.upload-zone:hover,.upload-zone:focus-visible,.upload-zone.is-dragging{border-color:var(--p600);background:#f7f3ff;box-shadow:0 0 0 4px rgba(111,75,232,.08);outline:none}.upload-zone strong{font-size:20px;color:var(--p950)}.upload-zone small{font-size:12px;color:#88808f}.upload-icon{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:var(--p100);color:var(--p700);font-size:28px;font-weight:700}.choose-pill{display:inline-flex;padding:10px 16px;border-radius:9px;background:var(--p600);color:#fff;font-size:13px;font-weight:700;margin:4px 0}.trust-row{margin:16px auto 0;display:flex;justify-content:center;gap:20px;flex-wrap:wrap;color:#81798a;font-size:12px}.workspace-head{display:flex;align-items:center;gap:8px;padding:0 2px 14px;border-bottom:1px solid #eeeaf2}.workspace-head strong{font-size:15px}.workspace-head span{color:#8a8390;font-size:12px}.add-images{margin-left:auto;background:#fff;padding:8px 12px;border:1px solid #ddd5f2;border-radius:8px;color:var(--p700);font-size:12px;font-weight:700;cursor:pointer}.add-images:hover{background:var(--p50)}.image-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:16px 0}.image-card{min-width:0;border:1px solid #e8e3ee;border-radius:12px;padding:10px;background:#fff;display:grid;grid-template-columns:56px minmax(0,1fr);gap:10px;align-items:center;cursor:grab;transition:border-color .18s,box-shadow .18s,transform .18s}.image-card:hover{border-color:#e5ddfb;box-shadow:0 8px 20px rgba(67,36,133,.06)}.image-card.is-dragging-card{opacity:.6;transform:scale(.99)}.thumb-wrap{width:56px;height:48px;background:#f5f2fa;border:1px solid #e5deee;border-radius:6px;overflow:hidden;display:grid;place-items:center}.thumb-wrap img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .15s}.image-meta{min-width:0;display:flex;flex-direction:column;gap:4px}.image-meta strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#3e3747}.image-meta span{font-size:9px;color:#98919d}.card-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:5px}.card-actions button{width:29px;height:29px;border:1px solid #e4deeb;border-radius:7px;background:#fff;color:var(--p700);cursor:pointer;line-height:1}.card-actions button:hover:not(:disabled){background:var(--p50);border-color:#cfc1ef}.card-actions button:disabled{opacity:.35;cursor:not-allowed}.options-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:12px;background:#faf8ff;border:1px solid #eee8f7;border-radius:12px}.options-grid label{min-width:0}.options-grid label>span{display:block;margin:0 0 6px;font-size:10px;font-weight:700;color:#544c5e}.options-grid select,.options-grid input{width:100%;height:42px;border:1px solid #ded8e6;border-radius:8px;background:#fff;color:#352e3b;padding:0 10px;outline:none}.options-grid select:focus,.options-grid input:focus{border-color:var(--p600);box-shadow:0 0 0 3px rgba(111,75,232,.09)}.filename-wrap{display:flex}.filename-wrap input{border-radius:8px 0 0 8px}.filename-wrap>span{display:grid;place-items:center;padding:0 9px;border:1px solid #ded8e6;border-left:0;border-radius:0 8px 8px 0;background:#f6f4f8;color:#81798a;font-size:11px}.quality-strip{margin:12px 0 0;padding:10px 12px;border:1px solid #eee8f7;border-radius:9px;background:#fcfbff;color:#746c7c;font-size:11px;line-height:1.5}.quality-strip strong{color:#51475c}.workspace-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:12px}.primary-btn,.secondary-btn{height:44px;padding:0 18px;border-radius:9px;font-weight:800;font-size:13px;cursor:pointer}.primary-btn{border:1px solid var(--p700);background:var(--p700);color:#fff;box-shadow:0 7px 16px rgba(93,53,204,.16)}.primary-btn:hover{background:var(--p800)}.secondary-btn{border:1px solid #ddd5ed;background:#fff;color:var(--p700)}.secondary-btn:hover{background:var(--p50)}.tool-message{min-height:0;margin-top:10px;font-size:12px}.tool-message.working{color:#675d70}.tool-message.error{color:#a12d3f}.tool-message.success{color:#24724a}.success-panel{margin-top:12px;padding:11px 13px;border:1px solid #d8eadf;border-radius:9px;background:#f8fffa;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#35684a;font-size:12px}.download-again{color:var(--p700);font-weight:800;text-decoration:none}.download-again:hover{text-decoration:underline}
.landing-content{width:min(980px,100%);margin:68px auto 0}.landing-section{margin-top:58px;text-align:left}.landing-section:first-child{margin-top:0}.landing-section h2{position:relative;margin:11px 0 28px;padding-bottom:13px;color:var(--p950);font-size:29px;line-height:1.18;letter-spacing:-.5px}.landing-section h2::after{content:"";position:absolute;left:0;bottom:0;width:48px;height:3px;border-radius:99px;background:linear-gradient(90deg,var(--p700),var(--p300))}.steps-grid,.features-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.steps-grid article,.features-grid article{position:relative;overflow:hidden;border:1px solid #e8e1f0;border-radius:13px;background:linear-gradient(145deg,#fff,#fdfcff);padding:20px;box-shadow:0 7px 22px rgba(65,36,126,.035);transition:transform .18s,border-color .18s,box-shadow .18s,background .18s}.steps-grid article::after{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(180deg,var(--p700),var(--p300));opacity:0;transition:opacity .18s}.steps-grid article:hover,.features-grid article:hover{transform:translateY(-3px);border-color:#d5c8ef;box-shadow:0 12px 28px rgba(67,36,133,.085)}.steps-grid article:hover::after{opacity:1}.step-number{width:40px;height:40px;display:grid;place-items:center;margin-bottom:14px;color:#fff;background:linear-gradient(135deg,var(--p700),var(--p500));border-radius:11px;box-shadow:0 5px 12px rgba(93,53,204,.18);font-size:13px;font-weight:800}.steps-grid h3,.features-grid h3,.guidance-grid h3{margin:0 0 8px;color:var(--p950);font-size:16px}.steps-grid p,.features-grid p,.guidance-grid p,.guidance-note,.faq-list p,.related-intro{margin:0;color:#746d7b;font-size:15px;line-height:1.62}.features-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.features-grid article{min-height:150px;background:linear-gradient(145deg,#fff,#f7f3ff)}.features-grid article::before{content:"";position:absolute;top:-25px;right:-25px;width:66px;height:66px;border-radius:50%;background:rgba(129,95,240,.08);transition:transform .2s,background .2s}.features-grid article:hover::before{transform:scale(1.14);background:rgba(129,95,240,.12)}.guidance-panel{padding:18px;border:1px solid #e7def7;border-radius:14px;background:linear-gradient(180deg,#fff,#fcfaff)}.guidance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.guidance-grid article{padding:16px;border:1px solid #e9e4ef;border-radius:11px;background:#fff}.guidance-grid article>span{display:block;margin-bottom:6px;color:var(--p700);font-size:9px;font-weight:900;letter-spacing:.08em}.guidance-note{margin-top:14px;padding-top:14px;border-top:1px solid #ece7f2}.faq-list{border-top:1px solid #e9e3ef}.faq-list details{border-bottom:1px solid #e9e3ef;transition:background .18s,border-color .18s}.faq-list details:hover{background:#faf8ff}.faq-list details[open]{background:#f8f5ff;box-shadow:inset 4px 0 0 var(--p600)}.faq-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 14px 18px 10px;cursor:pointer;color:#3c3345;font-size:14px;font-weight:800}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span::before{content:"+";color:var(--p600);font-size:18px}.faq-list details[open] summary span::before{content:"−"}.faq-list p{padding:0 34px 18px 14px}.related-intro{margin:-14px 0 18px}.related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.related-card{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border:1px solid #e7e1ef;border-radius:10px;background:#fff;color:inherit;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s}.related-card::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:5px;border-radius:9px;background:var(--p600);transform:scaleY(.45);opacity:.45;transition:transform .18s,opacity .18s}.related-card:hover,.related-card:focus-visible{transform:translateY(-2px);border-color:#e5ddfb;box-shadow:0 8px 20px rgba(67,36,133,.07);outline:none}.related-card:hover::before,.related-card:focus-visible::before{transform:scaleY(1);opacity:1}.related-card span{display:flex;flex-direction:column;gap:3px}.related-card strong{font-size:13px;color:var(--p950)}.related-card small{font-size:11px;color:#8e8795}.related-card b{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:var(--p100);color:var(--p600);transition:transform .18s}.related-card:hover b{transform:translateX(2px)}
button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,label:focus-visible,summary:focus-visible{outline:3px solid rgba(129,95,240,.24);outline-offset:2px}
@media(max-width:900px){.image-list{grid-template-columns:repeat(2,minmax(0,1fr))}.options-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.msc-emergency-links a:not(:first-child){display:none}}
@media(max-width:620px){.jpgpdf-app{padding:30px 14px 62px}.hero h1{font-size:clamp(34px,10vw,44px);line-height:1.05;letter-spacing:-1.2px;max-width:340px;margin-inline:auto}.hero-subtitle{font-size:15px;line-height:1.58;margin-bottom:22px}.tool-shell{padding:17px;border-radius:16px}.upload-zone{min-height:230px;padding:18px}.upload-zone strong{font-size:18px}.trust-row{margin-top:15px;display:grid;grid-template-columns:1fr;gap:6px;width:max-content;text-align:left}.image-list{grid-template-columns:1fr}.image-card{grid-template-columns:64px minmax(0,1fr)}.thumb-wrap{width:64px;height:56px}.options-grid{grid-template-columns:1fr;padding:10px}.workspace-head{flex-wrap:wrap}.add-images{margin-left:auto}.workspace-actions{display:grid;grid-template-columns:1fr;gap:9px}.primary-btn,.secondary-btn{height:50px;width:100%}.primary-btn{grid-row:1}.success-panel{align-items:flex-start;flex-direction:column}.landing-content{margin-top:32px}.landing-section{margin-top:44px}.landing-section h2{font-size:26px;margin-bottom:23px}.steps-grid,.features-grid,.guidance-grid,.related-grid{grid-template-columns:1fr}.steps-grid article,.features-grid article{transform:none!important}.features-grid article{min-height:0}.faq-list summary{padding-left:8px}.faq-list p{padding-left:11px}.related-card{transform:none!important}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.upload-zone,.image-card,.steps-grid article,.features-grid article,.features-grid article::before,.faq-list details,.related-card,.related-card::before,.related-card b{transition:none!important}}