.tool-catalog{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:12px 0 65px}.catalog-card{display:flex;flex-direction:column;text-decoration:none;background:#fffdf8;border:1px solid var(--line);border-radius:18px;padding:32px;min-height:330px}.catalog-card:hover{border-color:#73905a;background:#edf1e7}.catalog-card h2{font-size:30px;margin:30px 0 5px}.catalog-card p{font-size:15px;margin-bottom:25px}.catalog-meta{font-size:12px;color:var(--muted);margin-top:auto}.catalog-open{font-weight:bold;margin-top:25px}.breadcrumb{margin-top:30px;font-size:13px}.breadcrumb+.page-intro{padding-top:15px}.image-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:start}.drop-zone{padding:45px 30px;text-align:center;border:2px dashed #b5c4a9;border-radius:18px;background:#edf1e7}.drop-zone h2{margin:22px 0 12px;font-size:30px}.drop-zone .help{margin-top:24px}.drop-zone.dragging{border-color:var(--ink);background:#dcebbd}.image-settings{border:1px solid var(--line);border-radius:18px;background:#fffdf8;padding:25px;display:flex;flex-direction:column;gap:20px;min-width:0}.image-settings legend{font-size:11px;letter-spacing:2px;padding:0 8px}.image-settings select,.image-settings input[type=number]{font:16px Arial;padding:12px;border:1px solid #bac6b4;border-radius:6px;width:100%;background:white;color:var(--ink)}.image-settings input[type=range]{width:100%;max-width:none}.check-label{flex-direction:row;align-items:center;font-size:14px;line-height:1.5}.check-label input{accent-color:var(--ink)}.size-presets{display:flex;gap:6px;flex-wrap:wrap}.size-presets button{font-size:12px;padding:9px;background:#edf1e7;color:var(--ink);border-color:var(--line)}.selected-files{list-style:none;margin:0;padding:0;max-height:200px;overflow:auto}.selected-files li{padding:10px 0;font-size:13px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.image-status{padding:18px 0;min-height:60px;overflow-wrap:anywhere}.results-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap}.image-results{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:25px 0 50px}.image-result{background:white;border:1px solid var(--line);border-radius:14px;overflow:hidden;padding:20px;min-width:0}.image-result>img{width:100%;height:180px;object-fit:contain;background:repeating-conic-gradient(#eee 0% 25%,white 0% 50%) 50%/16px 16px;border-radius:8px}.image-result h3{font-size:16px;overflow-wrap:anywhere}.image-result p{font-size:13px}.image-result .file-error{color:#9c2b24}.tool-explainer{border-top:1px solid var(--line);margin-top:45px;padding:40px 0 60px;max-width:800px}.tool-explainer h2{font-size:30px}.tool-explainer h3{margin-top:30px}.tool-explainer p{font-size:16px}select:focus-visible{outline:3px solid #7d9e43;outline-offset:3px}@media(max-width:850px){.tool-catalog{grid-template-columns:1fr}.catalog-card{min-height:0}.image-layout{grid-template-columns:1fr}.image-results{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.image-results{grid-template-columns:1fr}.drop-zone{padding:30px 18px}.image-settings{padding:20px}.results-heading h2{font-size:26px}}

.batch-notice{background:#e5ecd9;border:1px solid #b9caaa;padding:22px 26px;border-radius:14px;margin-bottom:20px;line-height:1.65;font-size:14px}.batch-notice strong{font-size:18px}.batch-notice ul{padding-left:20px;margin-bottom:0}.dimension-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}#custom-dimensions,#text-options,#logo-options{display:flex;flex-direction:column;gap:18px}.image-settings input[type=text]{font:16px Arial;padding:12px;border:1px solid #bac6b4;border-radius:6px;width:100%}.image-settings input[type=file]{max-width:100%;font-size:13px}.catalog-card h2{font-size:28px}
