body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;line-height:1.6;margin:0;color:#111}.container{max-width:1100px;margin:36px auto;padding:0 18px}header,main,footer{padding:18px 0}h1{font-size:clamp(1.6rem,2.6vw,2.2rem);margin:0 0 8px}.hero{display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap}.cta{background:#0b6;color:#002;padding:12px 18px;border-radius:10px;text-decoration:none;font-weight:600}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px;margin-top:16px}.card{border:1px solid #e6e6e6;padding:12px;border-radius:8px;background:#fff}pre.code-sample{background:#f7f7f7;padding:12px;border-radius:8px;overflow:auto}.muted{color:#666;font-size:.95rem}footer{border-top:1px solid #eee;margin-top:32px;padding-top:20px;color:#666;font-size:.95rem}.dropzone{width:100%;height:260px;border:2px dashed #999;border-radius:14px;background:#fff;cursor:pointer;position:relative;display:flex;justify-content:center;align-items:center;transition:.25s;text-align:center;overflow:hidden}.dropzone:hover{border-color:#000;background:#fafafa}#previewContainer{display:none;position:relative;width:100%;height:100%}#preview{width:100%;height:100%;object-fit:contain;border-radius:10px}#clearBtn{position:absolute;top:8px;right:8px;background:#000000b3;color:#fff;border:none;border-radius:50%;width:28px;height:28px;font-size:16px;cursor:pointer}#dropText{pointer-events:none;color:#555}.dropzone.image-active{border:none;background:transparent}.dropzone.image-active #fileInput,.dropzone.image-active #dropText{display:none}#fileInput{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;border:none;outline:none;appearance:none}#metaBox{display:none;width:90%;padding:18px;border-radius:14px;background:#fff;box-shadow:0 4px 20px #00000014;font-size:14px;max-height:260px;overflow-y:auto;word-wrap:break-word;scrollbar-width:none}#metaBox h3{margin-top:0}#metaText{white-space:pre-wrap;word-break:break-all}#downloadBtn,#downloadAllBtn,#resetBtn{display:none;padding:12px 30px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;background:#000;color:#fff;transition:opacity .2s}#resetBtn{display:block}#downloadBtn:hover,#downloadAllBtn:hover,#resetBtn:hover{opacity:.85}.loading{display:flex;flex-direction:column;align-items:center;gap:10px;margin:20px 0}.spinner{width:40px;height:40px;border:4px solid #ccc;border-top-color:#2a75f3;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hidden{display:none!important;visibility:hidden!important;opacity:0!important}.fade{transition:opacity .18s ease,visibility .18s ease}.fade.hidden{opacity:0;visibility:hidden}.fade:not(.hidden){opacity:1;visibility:visible}#gallery{display:none;width:100%;padding:10px;gap:12px;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));overflow-y:auto;height:100%;scrollbar-width:none}.gallery-item{position:relative;width:100%;height:110px;overflow:hidden;border-radius:10px;background:#eee}.gallery-item img{width:100%;height:100%;object-fit:cover}.removeItem{position:absolute;top:6px;right:6px;background:#0009;color:#fff;border:none;border-radius:50%;width:22px;height:22px;cursor:pointer}