:root{--bg:#fff;--text:#202124;--muted:#5f6368;--line:#dadce0;--soft-line:#eef0f2;--surface:#fff;--surface-soft:#f8fafd;--brand:#1a73e8;--brand-hover:#1765cc;--brand-soft:#e8f0fe;--success:#188038;--success-soft:#e6f4ea;--danger:#b3261e;--danger-soft:#fce8e6;--warning:#b06000;--warning-soft:#fef7e0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,select{-webkit-tap-highlight-color:transparent}.page{min-height:100vh}.container{width:min(100% - 32px,860px);margin-inline:auto}.header{border-bottom:1px solid var(--soft-line);background:#fffffff5;height:64px}.headerInner{justify-content:space-between;align-items:center;height:100%;display:flex}.logo{letter-spacing:-.35px;align-items:center;gap:9px;font-size:19px;font-weight:700;display:inline-flex}.logoMark{color:#fff;background:var(--brand);border-radius:9px;place-items:center;width:30px;height:30px;font-weight:800;display:grid}.logoAccent{color:var(--brand)}.privacy{color:var(--muted);font-size:12px}.intro{text-align:center;padding:32px 0 20px}.intro h1{letter-spacing:-2.1px;margin:0;font-size:clamp(34px,5.7vw,52px);font-weight:650;line-height:1.08}.intro p{max-width:600px;color:var(--muted);margin:12px auto 0;font-size:16px;line-height:1.5}.quickActions{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:18px;display:flex}.quickActions button{border:1px solid var(--line);color:#3c4043;cursor:pointer;background:#fff;border-radius:999px;padding:8px 13px;font-size:12px;font-weight:600}.quickActions button:hover{color:var(--brand);background:#f8fbff;border-color:#aecbfa}.toolChoices{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-bottom:12px;display:grid}.toolChoices button{border:1px solid var(--line);min-width:0;min-height:72px;color:var(--text);text-align:left;cursor:pointer;background:#fff;border-radius:13px;align-items:center;gap:10px;padding:11px 12px;transition:border-color .15s,background .15s,box-shadow .15s;display:flex}.toolChoices button:hover{background:#f8fbff;border-color:#aecbfa}.toolChoices button.active{background:#f4f8ff;border-color:#8ab4f8;box-shadow:inset 0 0 0 1px #1a73e814}.toolChoices button>span:last-child{gap:3px;min-width:0;display:grid}.toolChoices strong{font-size:12px;line-height:1.2}.toolChoices small{color:var(--muted);font-size:10px;line-height:1.2}.toolChoiceIcon{background:var(--brand-soft);width:34px;height:34px;color:var(--brand);border-radius:10px;flex:0 0 34px;place-items:center;font-size:14px;font-weight:800;display:grid}.pdfToolIcon{letter-spacing:-.2px;font-size:8px}.popularActions{flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;margin-bottom:18px;display:flex}.popularActions>span{color:var(--muted);margin-right:2px;font-size:11px}.popularActions button{color:#3c4043;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:600}.popularActions button:hover{background:var(--brand-soft);color:var(--brand)}.noTopMargin{margin-top:0!important}.optionalLabel{color:var(--muted);font-size:9px;font-weight:500}.compactTitle{margin-bottom:4px}.pdfOptions{margin-top:10px}.pdfOptions .helperText{align-self:end;padding-bottom:4px}.pdfDropzone{min-height:170px}.pdfList{border:1px solid var(--soft-line);border-radius:12px;margin-top:14px;overflow:hidden}.pdfListHeader{background:var(--surface-soft);border-bottom:1px solid var(--soft-line);justify-content:space-between;align-items:center;gap:10px;min-height:42px;padding:8px 11px;display:flex}.pdfListHeader strong{font-size:12px}.pdfItem{border-bottom:1px solid var(--soft-line);grid-template-columns:26px 48px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:64px;padding:7px 9px;display:grid}.pdfItem:last-child{border-bottom:0}.pdfIndex{width:24px;height:24px;color:var(--muted);background:#f1f3f4;border-radius:50%;place-items:center;font-size:10px;font-weight:700;display:grid}.pdfItem>img{object-fit:cover;border:1px solid var(--line);background:#fff;border-radius:7px;width:48px;height:48px}.pdfItemInfo{gap:3px;min-width:0;display:grid}.pdfItemInfo strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.pdfItemInfo small{color:var(--muted);font-size:9px}.pdfItemActions{gap:4px;display:flex}.pdfItemActions button{border:1px solid var(--line);color:#3c4043;cursor:pointer;background:#fff;border-radius:7px;width:28px;height:28px}.pdfItemActions button:hover:not(:disabled){color:var(--brand);background:#f8fafd;border-color:#aecbfa}.pdfItemActions button:disabled{opacity:.32;cursor:not-allowed}.pdfResult .downloadButton{margin-top:12px}.pdfTargetPills{flex-wrap:wrap;align-items:center;gap:7px;margin-top:13px;display:flex}.pdfTargetPills>span{color:var(--muted);margin-right:2px;font-size:11px;font-weight:600}.pdfTargetPills button{border:1px solid var(--line);color:#3c4043;cursor:pointer;background:#fff;border-radius:999px;min-height:32px;padding:0 11px;font-size:11px;font-weight:650}.pdfTargetPills button:hover{color:var(--brand);background:#f8fbff;border-color:#aecbfa}.pdfTargetPills button.active{background:var(--brand-soft);color:var(--brand);border-color:#8ab4f8}.pdfCompressOptions{margin-top:12px}.pdfUploadIcon{letter-spacing:-.2px;border-radius:10px;width:50px;height:42px;font-size:9px}.pdfSafetyNote{background:#fffdf7;border:1px solid #f2dfad;border-radius:10px;gap:4px;margin-top:13px;padding:11px 12px;display:grid}.pdfSafetyNote strong{color:#7a4a00;font-size:11px}.pdfSafetyNote span{color:var(--muted);font-size:10px;line-height:1.45}.resultNote{color:var(--muted);margin:10px 0 0;font-size:10px;line-height:1.45}.seoBack{color:var(--brand);margin-top:14px;font-size:12px;font-weight:650;display:inline-flex}.toolWrap{padding-bottom:56px}.toolCard{border:1px solid var(--line);background:var(--surface);border-radius:18px;width:min(100%,680px);margin:0 auto;padding:24px;box-shadow:0 1px 2px #3c404314,0 1px 3px 1px #3c40430f}.fieldBlock+.fieldBlock,.secondaryField{margin-top:15px}.fieldBlock>label,.customGrid label,.simpleGrid label{color:#3c4043;gap:7px;font-size:12px;font-weight:650;display:grid}select,input[type=number]{border:1px solid var(--line);width:100%;min-height:44px;color:var(--text);background:#fff;border-radius:10px;outline:none;padding:0 13px}select:focus,input[type=number]:focus{border-color:var(--brand);box-shadow:0 0 0 3px #1a73e81f}.requirementDetails{background:#f8fbff;border:1px solid #d8e6fb;border-radius:11px;margin-top:10px;overflow:hidden}.requirementSummary{cursor:pointer;width:100%;color:var(--text);font:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:9px;padding:11px 12px;display:flex}.requirementSummary:hover{background:#f3f8ff}.requirementSummary:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}.requirementSummary strong{flex:1;font-size:12px;font-weight:650}.verifiedBadge{color:var(--success);background:var(--success-soft);white-space:nowrap;border-radius:999px;padding:4px 7px;font-weight:700}.detailsHint{color:var(--brand);white-space:nowrap;align-items:center;gap:5px;font-size:12px;font-weight:650;display:inline-flex}.requirementsChevron{transform-origin:50%;font-size:15px;line-height:1;transition:transform .18s;display:inline-block}.requirementDetails.isOpen .requirementsChevron{transform:rotate(180deg)}.requirementBody{border-top:1px solid #e4edf9;padding:12px}.requirementFacts{grid-template-columns:1fr 1fr;gap:10px;display:grid}.requirementFacts div{gap:3px;min-width:0;display:grid}.requirementFacts span{color:var(--muted);font-size:10px}.requirementFacts strong{overflow-wrap:anywhere;font-size:12px}.requirementBody p{color:var(--muted);margin:9px 0 0;font-size:11px;line-height:1.45}.requirementBody a{color:var(--brand);margin-top:9px;font-size:11px;font-weight:650;display:inline-block}.simpleGrid{grid-template-columns:1fr 1fr;gap:10px;margin-top:15px;display:grid}.customGrid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:15px;display:grid}.dpiField{grid-column:1/2}.helperText{color:var(--muted);grid-column:1/-1;margin:0;font-size:11px;line-height:1.45}.helperText.wide{grid-column:1/-1}.aspectLockControl{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:9px;display:flex}.aspectLockControl button{border:1px solid var(--line);color:#3c4043;cursor:pointer;background:#fff;border-radius:9px;align-items:center;gap:6px;min-height:32px;padding:0 10px;font-size:10px;font-weight:650;display:inline-flex}.aspectLockControl button:hover{color:var(--brand);background:#f8fbff;border-color:#aecbfa}.aspectLockControl button.locked{background:var(--brand-soft);color:var(--brand);border-color:#8ab4f8}.aspectLockControl>span{color:var(--muted);font-size:10px}.dropzone{background:var(--surface-soft);text-align:center;cursor:pointer;border:1.5px dashed #bdc1c6;border-radius:14px;align-content:center;place-items:center;gap:7px;min-height:210px;margin-top:20px;padding:22px;transition:border-color .15s,background .15s;display:grid}.dropzone:hover,.dropzone.dragging{border-color:var(--brand);background:#f4f8ff}.uploadIcon{background:var(--brand-soft);width:44px;height:44px;color:var(--brand);border-radius:50%;place-items:center;font-size:23px;font-weight:700;display:grid}.dropzone strong{overflow-wrap:anywhere;max-width:100%;font-size:15px}.dropzone small{color:#3c4043;font-size:12px}.uploadPrivacy{color:var(--muted);font-size:11px}.preview{object-fit:contain;border:1px solid var(--line);background:#fff;border-radius:10px;width:112px;height:112px}.linkButton,.textButton{color:var(--brand);cursor:pointer;background:0 0;border:0;font-size:12px;font-weight:650}.linkButton{padding:9px 0 0}.textButton{padding:4px}.editor{border:1px solid var(--soft-line);background:#fff;border-radius:14px;margin-top:16px;padding:15px}.sectionTitleRow{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.sectionTitleRow>div{align-items:center;gap:8px;display:flex}.sectionTitleRow strong{font-size:13px}.sectionTitleRow span{color:var(--muted);font-size:10px}.cropStage{border:1px solid var(--line);background:#eef2f7;border-radius:12px;width:min(100%,360px);max-height:360px;margin:0 auto;position:relative;overflow:hidden}.cropStage img{object-fit:cover;transform-origin:50%;width:100%;height:100%;transition:transform 50ms linear;display:block}.cropGuide{pointer-events:none;border:1px solid #ffffffe6;border-radius:8px;position:absolute;inset:10px;box-shadow:0 0 0 999px #2021242e}.adjustGrid{grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;display:grid}.adjustGrid label{color:var(--muted);gap:6px;font-size:11px;display:grid}input[type=range]{width:100%;accent-color:var(--brand)}.rotateButton{border:1px solid var(--line);color:#3c4043;cursor:pointer;background:#fff;border-radius:9px;align-self:end;min-height:38px;font-size:12px;font-weight:650}.rotateButton:hover{background:#f8fafd}.error{background:var(--danger-soft);color:var(--danger);border-radius:10px;margin:14px 0 0;padding:11px 12px;font-size:12px}.primaryButton{background:var(--brand);color:#fff;cursor:pointer;border:0;border-radius:11px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:48px;margin-top:17px;font-weight:700;display:flex}.primaryButton:hover:not(:disabled){background:var(--brand-hover)}.primaryButton:disabled{opacity:.45;cursor:not-allowed}.spinner{border:2px solid #ffffff73;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.result{border:1px solid var(--line);border-radius:14px;margin-top:17px;padding:15px}.result.success{background:#fbfffc;border-color:#ceead6}.result.review{background:#fffdf7;border-color:#fdd663}.resultHeader{align-items:center;gap:10px;display:flex}.resultHeader>div{gap:2px;display:grid}.resultHeader strong{font-size:13px}.resultHeader small{color:var(--muted);font-size:11px}.resultIcon{background:var(--success-soft);width:32px;height:32px;color:var(--success);border-radius:50%;place-items:center;font-weight:800;display:grid}.review .resultIcon{background:var(--warning-soft);color:var(--warning)}.comparison{grid-template-columns:1fr 24px 1fr;align-items:center;gap:9px;margin-top:14px;display:grid}.compareCard{gap:5px;min-width:0;display:grid}.compareCard>span{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:650}.compareCard img{aspect-ratio:4/3;object-fit:contain;border:1px solid var(--line);background:#fff;border-radius:9px;width:100%}.compareCard strong{font-size:12px}.compareCard small{color:var(--muted);font-size:10px}.compareArrow{color:var(--brand);text-align:center;font-weight:800}.checkList{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.checkList span{border-radius:999px;padding:5px 8px;font-size:10px;font-weight:650}.checkOk{color:var(--success);background:var(--success-soft)}.checkBad{color:var(--danger);background:var(--danger-soft)}.downloadButton{background:var(--brand);color:#fff;text-align:center;border-radius:10px;width:100%;margin-top:13px;padding:12px;font-size:13px;font-weight:700;display:block}.downloadButton:hover{background:var(--brand-hover)}.footer{border-top:1px solid var(--soft-line);min-height:68px;color:var(--muted);justify-content:space-between;align-items:center;gap:16px;font-size:11px;display:flex}@media (max-width:700px){.container{width:min(100% - 22px,860px)}.privacy{display:none}.intro{padding:28px 0 18px}.intro h1{letter-spacing:-1.6px;font-size:38px}.intro p{font-size:14px}.toolCard{border-radius:15px;padding:17px}.toolChoices{grid-template-columns:1fr 1fr;gap:7px}.toolChoices button{min-height:64px;padding:9px 10px}.popularActions{margin-bottom:14px}.pdfItem{grid-template-columns:24px 42px minmax(0,1fr) auto}.pdfItem>img{width:42px;height:42px}.customGrid,.simpleGrid{grid-template-columns:1fr 1fr}.dpiField{grid-column:auto}.dropzone{min-height:190px}.requirementSummary{flex-wrap:wrap}.detailsHint{margin-left:auto}.adjustGrid,.comparison{grid-template-columns:1fr}.compareArrow{transform:rotate(90deg)}.footer{flex-direction:column;justify-content:center}}@media (max-width:430px){.customGrid,.simpleGrid,.requirementFacts,.toolChoices{grid-template-columns:1fr}.toolChoices button{min-height:58px}.pdfItem{grid-template-columns:22px 40px minmax(0,1fr)}.pdfItemActions{grid-column:2/-1;justify-content:flex-end}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important}}.resizeCropCard{background:#fbfdff}.editedBadge{background:var(--brand-soft);border-radius:999px;padding:3px 7px;font-weight:700;color:var(--brand)!important;font-size:9px!important}.resizeCropSummary{grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:11px;display:grid}.resizeCropSummary img{object-fit:cover;border:1px solid var(--line);background:#fff;border-radius:9px;width:58px;height:58px}.resizeCropSummary>div{gap:4px;min-width:0;display:grid}.resizeCropSummary strong{font-size:11px}.resizeCropSummary span{color:var(--muted);font-size:10px;line-height:1.4}.cropEditButton{border:1px solid var(--brand);min-height:38px;color:var(--brand);cursor:pointer;white-space:nowrap;background:#fff;border-radius:9px;padding:0 12px;font-size:11px;font-weight:700}.cropEditButton:hover:not(:disabled){background:var(--brand-soft)}.cropEditButton:disabled{border-color:var(--line);color:#9aa0a6;cursor:not-allowed;background:#f8f9fa}@media (max-width:620px){.resizeCropSummary{grid-template-columns:52px minmax(0,1fr)}.resizeCropSummary img{width:52px;height:52px}.cropEditButton{grid-column:1/-1;width:100%}}
