/* 图片工具与接口文档 */
.image-form{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) auto;gap:16px;align-items:end}
.image-form label{display:grid;gap:8px;font-size:13px;font-weight:600}
.generated-link{padding:20px 0 0;margin-top:22px;border-top:1px solid var(--line)}
.generated-link>label{display:block;font-size:12px;color:var(--muted);margin-bottom:8px}
.generated-link>div{display:flex;align-items:center;gap:10px}
.generated-link input{flex:1;min-width:0;background:var(--green-soft);font:12px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.image-status{margin:12px 0 0;color:var(--muted);font-size:12px;min-height:20px}
.image-preview{margin-top:18px;padding-top:16px;border-top:1px solid var(--line-soft)}
.image-preview summary{font-size:13px;font-weight:600;color:var(--green);cursor:pointer;padding:7px 0}
.preview-frame{margin-top:14px;padding:20px;max-height:700px;overflow:auto;border:1px solid var(--line-soft);border-radius:var(--r-m);background:repeating-conic-gradient(#f6f7f3 0% 25%,#fff 0% 50%) 50% / 24px 24px;text-align:center}
.preview-frame>img{max-width:100%;height:auto;margin:0 auto;max-height:none}
.preview-frame>p{color:var(--muted);padding:20px;font-size:13px}
.api-docs{margin-top:24px}
.endpoint{display:flex;align-items:center;gap:12px;padding:16px 18px;background:var(--green-deep);color:#f3f7eb;border-radius:var(--r-m);overflow:auto}
.endpoint code{font:13px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:nowrap}
.method{background:#e2eddc;color:var(--green-deep);padding:4px 9px;border-radius:5px;font-size:10px;font-weight:800}
.sec-h{margin:28px 0 14px;font-size:17px}
.param-table{width:100%;min-width:620px;border-collapse:collapse;font-size:13px;background:#fff}
.param-table th,.param-table td{text-align:left;vertical-align:top;padding:13px 16px;border-bottom:1px solid var(--line-soft);line-height:1.8}
.param-table thead{background:var(--green-soft);color:var(--green-deep)}
.param-table th[scope="row"]{font:600 12px/1.8 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.param-table code{padding:3px 7px;border-radius:5px;background:var(--green-soft);white-space:nowrap;font-size:12px}
.note{margin-top:20px;padding:16px 18px;border-left:3px solid #d6b46a;border-radius:0 var(--r-m) var(--r-m) 0;background:var(--gold-soft);font-size:13px;color:#725529}
.note p{margin:6px 0 0;line-height:1.8}
pre.code{margin:0;padding:20px;border:1px solid #375b45;border-radius:var(--r-m);background:#243d2f;color:#e0ecdf;font:12px/1.9 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:auto;tab-size:2}
@media(max-width:700px){.image-form{grid-template-columns:1fr 1fr}.image-form .btn{grid-column:1/-1}.generated-link>div{display:grid;grid-template-columns:1fr 1fr}.generated-link input{grid-column:1/-1}.generated-link .btn{white-space:normal}.preview-frame{padding:8px;max-height:550px}.api-docs .section-heading{flex-wrap:wrap}}
@media(max-width:400px){.image-form{grid-template-columns:1fr}.generated-link input{font-size:16px}.image-form label{font-size:12px}}