.image-merger{padding:clamp(20px,4vw,36px)}.image-merger h2{margin:0 0 10px}.image-merger .editor h2{margin-top:26px}.image-merger .intro,.image-merger .sub,.image-merger .hint,.image-merger .section-heading p,.image-merger .output-meta{color:#667085}.image-merger .drop-zone{text-align:center;border:2px dashed #b8c7e3;border-radius:14px;padding:38px 16px;position:relative}.image-merger .drop-zone.dragging{background:#eff5ff;border-color:#2563eb}.image-merger .drop-zone input{opacity:0;width:1px;height:1px;position:absolute}.image-merger .drop-zone svg{fill:none;stroke:#2563eb;stroke-width:1.8px;width:42px}.image-merger .drop-zone p{margin:8px}.image-merger .drop-zone button,.image-merger .primary,.image-merger .download{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:10px;font-weight:700}.image-merger .drop-zone button{padding:.8rem 1.3rem}.image-merger .privacy{margin-top:12px;line-height:1.7}.image-merger .message{border-radius:9px;margin-top:16px;padding:13px 15px}.image-merger .loading{color:#2455a4;background:#eff6ff}.image-merger .warning{color:#805500;background:#fff8e7}.image-merger .error{color:#a91d2c;background:#fff0f0}.image-merger .editor,.image-merger .result{border-top:1px solid #e2e6ef;margin-top:28px;padding-top:25px}.image-merger .editor>.section-heading h2{margin-top:0}.image-merger .section-heading{justify-content:space-between;align-items:start;gap:16px;display:flex}.image-merger .section-heading p{margin:0}.image-merger .heading-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.image-merger .file-list{gap:10px;margin:16px 0;display:grid}.image-merger .image-file-card{background:#f8faff;border:1px solid #dbe2ee;border-radius:11px;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:13px;min-width:0;padding:12px 14px;display:grid}.image-merger .file-number{color:#1f5bc4;background:#e5edff;border-radius:50%;place-items:center;width:30px;height:30px;font-weight:800;display:grid}.image-merger .file-thumb{object-fit:cover;background:#fff;border:1px solid #dbe2ee;border-radius:8px;width:52px;height:52px}.image-merger .image-file-info{gap:4px;min-width:0;display:grid}.image-merger .image-file-name{overflow-wrap:anywhere;word-break:break-word;min-width:0}.image-merger .image-file-meta{color:#667085;font-size:.82rem}.image-merger .image-file-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.image-merger .option-fieldset{border:1px solid #d8e0ed;border-radius:9px;margin:14px 0;padding:14px}.image-merger .option-fieldset legend{color:#344054;padding:0 5px;font-size:.86rem;font-weight:700}.image-merger .choice-grid{flex-wrap:wrap;gap:8px 24px;display:flex}.image-merger .choice-grid label,.image-merger .inline-check{cursor:pointer;align-items:center;gap:6px;display:flex}.image-merger .columns-field{max-width:160px;margin-top:14px}.image-merger .field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:14px;display:grid}.image-merger .field{gap:.4rem;font-weight:700;display:grid}.image-merger .field select,.image-merger .field input[type=number]{width:100%;font:inherit;background:#fff;border:1px solid #aab8d0;border-radius:9px;padding:.62rem}.image-merger .background-row{flex-wrap:wrap;align-items:center;gap:14px;font-weight:400;display:flex}.image-merger input[type=color]{cursor:pointer;background:#fff;border:1px solid #aab8d0;border-radius:8px;width:52px;height:40px;padding:2px}.image-merger .hint{margin:10px 0 0;font-size:.9rem}.image-merger .preview-stage{background:#f5f7fb;border:1px solid #dbe2ee;border-radius:11px;justify-content:center;margin-top:12px;padding:14px;display:flex}.image-merger .preview-stage canvas{max-width:100%;height:auto;box-shadow:0 1px 4px #0f172a2e}.image-merger .output-meta{text-align:center;margin:10px 0 0;font-size:.86rem}.image-merger .secondary,.image-merger .danger{color:#344054;min-height:38px;font:inherit;cursor:pointer;background:#fff;border:1px solid #bdc8da;border-radius:8px;padding:7px 10px;font-size:.82rem;font-weight:700}.image-merger .danger{color:#a91d2c;border-color:#efb5bb}.image-merger button:focus-visible,.image-merger a:focus-visible,.image-merger input:focus-visible,.image-merger select:focus-visible{outline-offset:2px;outline:3px solid #93b4ff}.image-merger button:disabled,.image-merger input:disabled,.image-merger select:disabled{opacity:.55;cursor:not-allowed}.image-merger .primary{width:100%;min-height:52px;margin-top:14px;padding:14px 20px}.image-merger .preview-box{background:#f8faff;border:1px solid #dbe2ee;border-radius:11px;align-items:center;gap:14px;margin-top:14px;padding:14px;display:flex}.image-merger .preview-box img{object-fit:contain;background:#fff;border:1px solid #dbe2ee;border-radius:8px;width:84px;height:84px}.image-merger .preview-box div{gap:4px;min-width:0;display:grid}.image-merger .preview-box span{color:#667085;font-size:.82rem}.image-merger .preview-box strong{overflow-wrap:anywhere}.image-merger .download{text-align:center;background:#18733a;width:100%;margin-top:16px;padding:14px 20px;text-decoration:none;display:block}.image-merger .complete{color:#176b37}.image-merger [aria-busy=true]{cursor:wait}@media (width<=850px){.image-merger .image-file-card{grid-template-columns:auto auto minmax(0,1fr)}.image-merger .image-file-actions{grid-column:1/-1;justify-content:flex-start}}@media (width<=520px){.image-merger .drop-zone{padding:28px 12px}.image-merger .section-heading{flex-direction:column;align-items:stretch}.image-merger .heading-actions{justify-content:flex-start}.image-merger .field-grid{grid-template-columns:1fr}.image-merger .image-file-actions button{flex:calc(33% - 6px);min-height:42px}.image-merger .preview-box{flex-direction:column;align-items:flex-start}}.guide[data-astro-cid-ptxcesfz]{padding:clamp(20px,4vw,36px)}.guide[data-astro-cid-ptxcesfz] h2[data-astro-cid-ptxcesfz]{margin-top:2rem}.guide[data-astro-cid-ptxcesfz] h2[data-astro-cid-ptxcesfz]:first-child{margin-top:0}.guide[data-astro-cid-ptxcesfz] h3[data-astro-cid-ptxcesfz]{margin-top:1.5rem}.guide[data-astro-cid-ptxcesfz] p[data-astro-cid-ptxcesfz],.guide[data-astro-cid-ptxcesfz] li[data-astro-cid-ptxcesfz]{line-height:1.85}.guide[data-astro-cid-ptxcesfz] li[data-astro-cid-ptxcesfz]+li[data-astro-cid-ptxcesfz]{margin-top:.5rem}
