:root{--gutools-bg:#f8fafc;--gutools-card:#fff;--gutools-text:#0f172a;--gutools-muted:#64748b;--gutools-border:#e2e8f0;--gutools-primary:#2563eb;--gutools-primary-dark:#1d4ed8;--gutools-soft:#eff6ff;--gutools-warning:#fff7ed;--gutools-warning-border:#fed7aa;--gutools-radius:18px;--gutools-shadow:0 16px 40px rgba(15,23,42,.08)}
*{box-sizing:border-box}
body.gutools-format-page{margin:0;color:var(--gutools-text);background:linear-gradient(180deg,#f8fbff 0%,var(--gutools-bg) 34%,#fff 100%);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
a{color:inherit}.gutools-site-header,.gutools-site-footer{background:rgba(255,255,255,.94);border-bottom:1px solid var(--gutools-border)}
.gutools-site-header-inner,.gutools-site-footer-inner,.gutools-format-main{width:min(1120px,calc(100% - 32px));margin:0 auto}
.gutools-site-header-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.gutools-site-brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none}.gutools-site-brand img{border-radius:12px}.gutools-site-brand strong{display:block;font-size:18px}.gutools-site-brand small{display:block;color:var(--gutools-muted);font-size:12px;margin-top:2px}
.gutools-site-nav,.gutools-footer-links,.image-format-related-links{display:flex;flex-wrap:wrap;gap:12px}.gutools-site-nav a,.gutools-footer-links a{color:var(--gutools-muted);text-decoration:none;font-size:14px}.gutools-site-nav a:hover,.gutools-footer-links a:hover{color:var(--gutools-primary)}
.gutools-format-main{padding:36px 0 48px}.gutools-format-hero{padding:32px;border-radius:24px;background:radial-gradient(circle at top left,#dbeafe 0,#fff 42%,#f8fafc 100%);border:1px solid var(--gutools-border);box-shadow:var(--gutools-shadow);margin-bottom:24px}
.gutools-back-link{display:inline-flex;margin-bottom:14px;color:var(--gutools-primary);text-decoration:none;font-size:14px;font-weight:600}.gutools-badge{display:inline-flex;align-items:center;margin-left:10px;padding:5px 10px;border-radius:999px;background:var(--gutools-soft);color:var(--gutools-primary-dark);font-size:13px;font-weight:700}
.gutools-format-hero h1{margin:0 0 12px;font-size:clamp(30px,5vw,48px);letter-spacing:-.04em}.gutools-format-hero p{max-width:760px;margin:0;color:var(--gutools-muted);font-size:17px;line-height:1.8}
.gutools-format-notice,.gutools-format-note{margin-top:18px;padding:14px 16px;border:1px solid var(--gutools-warning-border);border-radius:14px;background:var(--gutools-warning);color:#9a3412;line-height:1.7}
.gutools-format-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.8fr);gap:20px;margin-bottom:20px}.gutools-card{background:var(--gutools-card);border:1px solid var(--gutools-border);border-radius:var(--gutools-radius);box-shadow:0 10px 30px rgba(15,23,42,.06);padding:24px}.gutools-card+.gutools-card{margin-top:20px}
.gutools-card-head{display:flex;gap:14px;align-items:flex-start;margin-bottom:18px}.gutools-card h2{margin:0 0 6px;font-size:22px}.gutools-card p,.gutools-card li{color:var(--gutools-muted);line-height:1.8}
.gutools-step{width:32px;height:32px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--gutools-soft);color:var(--gutools-primary-dark);font-weight:800}
.gutools-upload-zone{min-height:190px;border:2px dashed #bfdbfe;border-radius:18px;background:#f8fbff;display:grid;place-items:center;text-align:center;padding:28px;cursor:pointer;transition:border-color .15s ease,background .15s ease}.gutools-upload-zone:hover,.gutools-upload-zone.is-dragover{border-color:var(--gutools-primary);background:#eff6ff}.gutools-upload-zone input{position:absolute;opacity:0;pointer-events:none}
.image-format-drop-title{display:block;color:var(--gutools-text);font-size:20px;font-weight:800}.image-format-drop-desc{display:block;margin-top:8px;color:var(--gutools-muted);line-height:1.7}
.image-format-upload-actions,.image-format-result-toolbar{margin-top:16px;display:flex;gap:12px;flex-wrap:wrap}.gutools-btn{min-height:42px;padding:10px 16px;border-radius:12px;border:1px solid var(--gutools-border);background:#fff;color:var(--gutools-text);font-weight:700;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.gutools-btn.primary{width:100%;margin-top:18px;border-color:var(--gutools-primary);background:var(--gutools-primary);color:#fff}.gutools-btn.primary:disabled,.gutools-btn:disabled{cursor:not-allowed;opacity:.55}
.image-format-options{display:grid;gap:10px;border:0;padding:0;margin:0}.image-format-options label{border:1px solid var(--gutools-border);border-radius:12px;padding:12px;display:flex;gap:10px;align-items:center;cursor:pointer}
.image-format-file-list,.image-format-status,.image-format-empty-state{margin-top:16px;padding:14px;border-radius:14px;background:#f8fafc;border:1px solid var(--gutools-border);color:var(--gutools-muted);line-height:1.7;white-space:pre-line}.image-format-result-list{min-height:120px}.image-format-boundary-card ul{margin:0;padding-left:20px}
.gutools-site-footer{border-top:1px solid var(--gutools-border);border-bottom:0}.gutools-site-footer-inner{padding:28px 0}.gutools-footer-brand p{margin:6px 0 16px;color:var(--gutools-muted)}.gutools-records{margin-top:18px;display:flex;flex-wrap:wrap;gap:14px;color:var(--gutools-muted);font-size:13px}.gutools-records a{display:inline-flex;align-items:center;gap:6px;text-decoration:none}
@media(max-width:820px){.gutools-site-header-inner{align-items:flex-start;flex-direction:column;padding:14px 0}.gutools-format-main{width:min(100% - 24px,1120px);padding-top:24px}.gutools-format-hero,.gutools-card{padding:20px}.gutools-format-grid{grid-template-columns:1fr}.gutools-site-nav{gap:10px}}