.image-tool{max-width:960px;margin:0 auto;padding:48px 24px}.image-tool h1{font-size:clamp(28px,5vw,44px);line-height:1.25}.image-tool .intro{font-size:18px;color:#475569;max-width:720px}.image-tool .panel{padding:24px;border:1px solid #dce3ea;border-radius:16px;background:#fff;margin:24px 0}.image-tool label{display:block;font-weight:700;margin-bottom:12px}.image-tool input{max-width:100%;font:inherit}.image-tool .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.image-tool button{font:inherit;border:1px solid #bccbd1;border-radius:10px;background:#fff;padding:12px 20px;cursor:pointer}.image-tool button.primary{background:#166856;color:white}.image-tool button:disabled{opacity:.5;cursor:not-allowed}.image-tool #status{white-space:pre-wrap;overflow-wrap:anywhere;min-height:48px}.image-tool #previews{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px}.image-tool figure{margin:0;padding:12px;border:1px solid #dde5e8;border-radius:12px}.image-tool img{display:block;width:100%;height:180px;object-fit:contain;background:#f3f5f6}.image-tool figcaption{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;margin-top:8px}.image-tool li{margin:8px 0}.image-tool .note{font-size:14px;color:#52626a;line-height:1.7}.image-tool a{color:#166856}