:root{font-family:system-ui,sans-serif;color:#172133;background:#f5f7fb;line-height:1.55}*{box-sizing:border-box}body{margin:0}.site-header{height:64px;background:#fff;border-bottom:1px solid #e5e9f0;display:flex;align-items:center;justify-content:space-between;padding:0 20px;position:sticky;top:0;z-index:2}.brand{font-weight:800;color:#172133;text-decoration:none}.site-header nav{display:none}.menu-button{border:0;background:transparent;font-size:1.3rem}.hero{max-width:720px;margin:auto;padding:72px 24px 42px;text-align:center}.eyebrow{color:#2463db;font-weight:800;font-size:.8rem}.hero h1{font-size:clamp(2.5rem,10vw,4.5rem);line-height:1.1;margin:.2em}.lead{color:#506078}.trust{display:inline-block;background:#eaf2ff;border-radius:12px;padding:10px 14px;font-size:.9rem}.tool-picker,.tool-section,.content-section,.faq{max-width:1120px;margin:28px auto;padding:26px 20px}.tool-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.tool-card,.tool-section,.content-section,.faq{background:#fff;border:1px solid #e5e9f0;border-radius:16px}.tool-card{padding:18px;color:inherit;text-decoration:none;display:grid;gap:5px}.tool-card span{font-size:1.5rem}.tool-card small{color:#52667a}.featured{border-color:#cfe0ff}.ad-slot{max-width:1080px;margin:20px auto;padding:34px;text-align:center;color:#9aa6b7;border:1px dashed #d5dbe6;border-radius:12px}.dropzone{min-height:240px;border:2px dashed #a8c4f7;background:#f6f9ff;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;text-align:center;cursor:pointer}.drag-over{border-color:#2463db;background:#edf4ff;outline:3px solid #cfe0ff;outline-offset:2px}.upload-icon{font-size:2.5rem}.button{min-height:46px;padding:10px 16px;border-radius:10px;font:inherit;font-weight:750;cursor:pointer}.primary{border:0;background:#2463db;color:#fff}.secondary{border:1px solid #cbd5e1;background:#fff}.button:disabled{opacity:.55;cursor:not-allowed}.file-info,.result{display:grid;gap:14px;margin-top:20px;padding:16px;border:1px solid #dce7fc;border-radius:14px;background:#f8fbff}.file-info img,.result img{display:block;max-width:100%;height:auto;max-height:260px;object-fit:contain;border-radius:10px;background:#eef3fa}.compress-form{display:grid;gap:16px;margin-top:20px}.preset-row{display:flex;flex-wrap:wrap;gap:8px}.preset{min-height:40px;padding:8px 11px;border:1px solid #ced7e6;border-radius:8px;background:#fff;font:inherit}.form-row{display:grid;gap:12px}.form-row label{display:grid;gap:6px;font-weight:700}.form-row input,.form-row select{width:100%;padding:10px;border:1px solid #ced7e6;border-radius:8px;font:inherit}.message{min-height:1.5em;margin:16px 0 0;padding:10px 12px;border-left:3px solid #78a4f4;background:#f5f9ff;color:#385271;font-size:.92rem}.message:empty{display:none}.message.error{border:1px solid #f3b7bb;border-left:3px solid #d94a55;background:#fff5f5;color:#8f2630}.faq details{padding:14px 0;border-top:1px solid #e5e9f0}.faq summary{font-weight:700}footer{margin-top:30px;padding:40px 20px;text-align:center;background:#172133;color:#fff}footer a{color:#fff}:focus-visible{outline:3px solid #2463db;outline-offset:3px}@media(min-width:640px){.form-row{grid-template-columns:1fr 1fr 1fr}.file-info{grid-template-columns:minmax(160px,260px) 1fr}.result{grid-template-columns:minmax(180px,320px) 1fr}.result .button{grid-column:2}.tool-section,.content-section,.faq{padding:40px}}@media(min-width:1024px){.site-header nav{display:flex;gap:20px}.site-header nav a{color:#425169;text-decoration:none;font-size:.9rem;font-weight:700}.menu-button{display:none}.tool-grid{grid-template-columns:repeat(5,1fr)}}:where(.preset.active){background:#eaf2ff;border-color:#2463db;color:#174ea6}:where(.preset.active:hover,.preset.active:focus-visible){background:#dbeaff;border-color:#174ea6;color:#174ea6}.brand{display:inline-flex;align-items:center}.brand-logo{display:block;width:132px;height:auto;max-height:40px}@media(max-width:480px){.brand-logo{width:112px;max-height:34px}}.today-visitors{margin:14px 0 0;color:#aab7c9;font-size:.72rem;letter-spacing:.06em}.submit-hero{max-width:1080px;margin:0 auto 26px;padding:24px 20px;border:1px solid #bfd6ff;border-radius:16px;background:#f3f8ff}.submit-hero h2{margin:4px 0 8px;color:#0f172a}.submit-hero p:not(.eyebrow){max-width:650px;margin:0 0 16px;color:#506078}.submit-tool{border-color:#bfd6ff}.submit-tool>.format-note{margin:0 0 18px}.submit-form{max-width:760px}.submission-checks{padding:14px 16px;border:1px solid #dce7fc;border-radius:12px;background:#f8fbff}.submission-checks h3{margin:0 0 8px;font-size:1rem}.submission-checks p{margin:7px 0;overflow-wrap:anywhere}.submit-form .button{width:100%}.submit-form .secondary{margin-top:-8px}.submit-form input[type=checkbox]{width:auto;margin-right:6px}.submit-form label span{font-weight:700}.submit-form .result h3{margin:0}.submit-form .result p{overflow-wrap:anywhere}@media(min-width:640px){.submit-hero{padding:28px 36px}.submit-form .button{width:max-content}.submit-form .result .button{margin-right:8px}}@media(max-width:639px){.submit-hero{margin:0 14px 20px;padding:22px 18px}.submit-form .form-row,.submit-form .result{grid-template-columns:1fr}.submit-form .result .button{width:100%;margin-top:4px}}.conversion-file-list{margin:0;padding-left:1.25rem;color:#506078}.conversion-file-list li{overflow-wrap:anywhere}.format-note{margin:0;color:#506078;font-size:.9rem}.conversion-results{display:grid;gap:14px;margin-top:20px}.conversion-result{display:grid;gap:14px;padding:16px;border:1px solid #dce7fc;border-radius:14px;background:#f8fbff}.conversion-result img{display:block;max-width:100%;height:auto;max-height:220px;object-fit:contain;border-radius:10px;background:#eef3fa}.conversion-result p{margin:0}.conversion-result .button{width:max-content;max-width:100%}@media(min-width:640px){.conversion-result{grid-template-columns:minmax(150px,240px) 1fr}.conversion-result .button{grid-column:2}}@media(min-width:1024px){.tool-grid{grid-template-columns:repeat(3,1fr)}}.content-section h2,.faq h2{line-height:1.3;margin:0 0 18px}.content-section h3{font-size:1.2rem;line-height:1.4;margin:0 0 12px;color:#0f172a}.content-section h4{margin:18px 0 8px;font-size:.92rem;color:#475569}.content-section p{color:#475569;margin:0 0 14px}.section-intro{max-width:800px;font-size:1.02rem}.tool-guides{display:grid;gap:16px;margin-top:28px}.tool-guides article,.benefit-grid article,.tips-grid article{padding:20px;border:1px solid #dce7fc;border-radius:12px;background:#f8fbff}.tool-guides article p:last-of-type,.benefit-grid article p,.tips-grid article p{margin-bottom:0}.use-cases{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.use-cases li{padding:5px 9px;border-radius:999px;background:#eaf2ff;color:#315a9c;font-size:.86rem}.tool-comparison{display:grid;gap:10px;margin:22px 0 0}.tool-comparison div{display:grid;gap:8px;padding:15px 16px;border:1px solid #dce7fc;border-radius:12px;background:#f8fbff}.tool-comparison dt{font-weight:700;color:#334155}.tool-comparison dd{margin:0;color:#2463db;font-weight:800}.tool-comparison dd:before{content:"→ "}.benefit-grid,.tips-grid{display:grid;gap:12px;margin-top:24px}.benefit-grid h3,.tips-grid h3{font-size:1rem;margin-bottom:8px}.faq details p{color:#475569;margin:10px 0 0}.faq summary{cursor:pointer;line-height:1.5}@media(min-width:640px){.tool-guides{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-guides article:last-child{grid-column:1/-1}.benefit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tips-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-comparison div{grid-template-columns:minmax(0,1fr) auto;align-items:center}.tool-comparison dd{white-space:nowrap}}@media(max-width:639px){.tool-guides article,.benefit-grid article,.tips-grid article{padding:18px}.content-section,.faq{margin:20px auto}}.ad-slot{display:none}.tool-guide-links{margin-top:24px;padding:20px;border:1px solid #dce7fc;border-radius:12px;background:#f8fbff}.tool-guide-links h3{margin:0 0 8px}.tool-guide-links p{margin:0 0 14px}.tool-guide-links div{display:flex;flex-wrap:wrap;gap:8px}.tool-guide-links a{padding:8px 10px;border:1px solid #cfe0ff;border-radius:8px;background:#fff;color:#174ea6;font-size:.9rem;font-weight:700;text-decoration:none}@media(max-width:767px){.tool-guide-links{padding:18px}.tool-guide-links a{width:100%}}:root{--ui-primary:#2463db;--ui-primary-soft:#eaf2ff;--ui-surface:#fff;--ui-border:#e5e9f0;--ui-text:#172133;--ui-muted:#506078;--ui-radius-control:10px;--ui-radius-surface:14px;--ui-space:16px}.hero{padding:56px 24px 30px}.hero h1{font-size:clamp(2.25rem,9vw,3.75rem);margin:.18em 0}.lead{margin:0 auto;max-width:36rem}.trust{display:block;max-width:34rem;margin:14px auto 0;padding:0;background:transparent;border-radius:0;color:#385271;font-size:.9rem}.tool-picker{margin:0 auto 24px;padding:0 20px}.tool-picker-label{margin:0 0 10px;color:var(--ui-text);font-size:.95rem;font-weight:800}.tool-grid{gap:8px}.tool-card{padding:14px;border-color:transparent;border-radius:12px;background:transparent}.tool-card:hover{background:var(--ui-primary-soft);border-color:#cfe0ff}.tool-card:focus-visible{background:var(--ui-primary-soft);border-color:var(--ui-primary)}.tool-card span{font-size:1.35rem}.submit-hero{margin:0 auto 18px;padding:18px 20px;border:0;border-bottom:1px solid #bfd6ff;border-radius:0;background:transparent}.submit-hero h2{margin:2px 0 6px}.submit-hero p:not(.eyebrow){margin-bottom:12px}.submit-hero .eyebrow{margin:0}.tool-section{border-radius:var(--ui-radius-surface)}.file-info{margin-top:18px;padding:0 0 16px;border:0;border-bottom:1px solid #dce7fc;border-radius:0;background:transparent}.file-info img{max-height:220px}.message{padding:10px 12px;border:1px solid #dce7fc;border-left-width:1px;border-radius:8px;background:#f5f9ff}.message.error{border:1px solid #f3b7bb;background:#fff5f5}.result{border-color:#cfe0ff;border-radius:12px;background:var(--ui-surface)}.result .primary{box-shadow:0 1px #0f172a1f}@media(max-width:639px){.hero{padding:44px 20px 26px}.tool-picker{padding:0 16px}.tool-card{padding:13px}.submit-hero{margin:0 16px 16px;padding:16px 4px}.file-info{padding-bottom:14px}.result .primary{width:100%}}.content-section>p:not(.eyebrow){max-width:72ch}.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:24px}.page-intro{max-width:900px;margin:0 auto;padding:48px 20px 20px}.page-intro h1{margin:8px 0 12px;font-size:clamp(2rem,7vw,3.25rem);line-height:1.15}.page-intro>p{max-width:72ch}.page-intro .trust{margin:16px 0 0}.tool-picker h2{margin:0 0 18px}.tool-grid .tool-card{align-content:start;min-height:128px;border-color:var(--ui-border);background:var(--ui-surface)}.tool-grid .tool-card strong{font-size:1.02rem}.tool-grid .tool-card small{line-height:1.5}.tool-explanation dl{display:grid;gap:0;margin:20px 0 30px}.tool-explanation dl div{display:grid;gap:4px;padding:14px 0;border-top:1px solid var(--ui-border)}.tool-explanation dt{font-weight:800}.tool-explanation dd{margin:0;color:var(--ui-muted)}.info-list{display:grid;gap:0;margin:10px 0 16px}.info-list div{display:grid;grid-template-columns:minmax(110px,.6fr) 1fr;gap:12px;padding:9px 0;border-bottom:1px solid var(--ui-border)}.info-list dt{font-weight:700}.info-list dd{margin:0;overflow-wrap:anywhere}@media(max-width:639px){.hero-actions{align-items:stretch}.hero-actions .button{width:100%}.page-intro{padding:34px 16px 14px}.tool-grid .tool-card{min-height:0}.info-list div{grid-template-columns:1fr;gap:2px}}