:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f7f4;--panel:#fff;--text:#171717;--muted:#62625d;--border:#deded7;--accent:#0d6b5f;--accent-strong:#094d45;--warn:#9f5b00}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}button,input,select,textarea{font:inherit;min-width:0}a{color:inherit}.page{width:min(1180px,100vw - 32px);min-width:0;margin:0 auto;padding:32px 0 48px}.header{justify-content:space-between;align-items:flex-start;gap:24px;min-width:0;margin-bottom:24px;display:flex}.header>*{min-width:0}.eyebrow{color:var(--accent);letter-spacing:0;text-transform:uppercase;font-size:12px;font-weight:700}h1{letter-spacing:0;margin:8px 0;font-size:clamp(32px,5vw,56px);line-height:1}p{color:var(--muted);line-height:1.55}.status{border:1px solid var(--border);background:var(--panel);border-radius:8px;min-width:250px;max-width:100%;padding:16px}.status-row{justify-content:space-between;gap:16px;min-width:0;margin:8px 0;display:flex}.status-row strong,.status-row span:last-child{overflow-wrap:anywhere;text-align:right;min-width:0}.ok{color:var(--accent-strong);font-weight:700}.missing{color:var(--warn);font-weight:700}.grid{grid-template-columns:minmax(260px,340px) minmax(0,1fr);align-items:start;gap:20px;min-width:0;display:grid}.panel{border:1px solid var(--border);background:var(--panel);border-radius:8px;min-width:0;padding:18px}.panel h2{margin:0 0 14px;font-size:18px}.endpoint-list{gap:8px;display:grid}.endpoint{border:1px solid var(--border);border-radius:6px;grid-template-columns:56px 1fr;align-items:center;gap:10px;min-width:0;padding:10px;text-decoration:none;display:grid}.endpoint>span:last-child{gap:3px;min-width:0;display:grid}.endpoint strong{overflow-wrap:anywhere;min-width:0}.method{color:#fff;background:var(--accent);text-align:center;border-radius:4px;padding:4px 6px;font-size:11px;font-weight:700}.path{overflow-wrap:anywhere;font-family:Courier New,Courier,monospace;font-size:13px;display:block}.form{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.settings-form{border-bottom:1px solid var(--border);grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px;padding-bottom:18px;display:grid}.field{gap:6px;display:grid}.field label{color:var(--muted);font-size:12px;font-weight:700}.field input,.field select,.field textarea{border:1px solid var(--border);background:#fff;border-radius:6px;width:100%;min-height:40px;padding:9px 10px}.field textarea{resize:vertical;min-height:150px;font-family:Courier New,Courier,monospace;font-size:13px}.wide{grid-column:1/-1}.actions{align-items:end;display:flex}.settings-actions{color:var(--muted);flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:12px;font-size:13px;display:flex}.settings-preview{color:var(--accent-strong);overflow-wrap:anywhere;background:#eff8f6;border:1px solid #b8d8d2;border-radius:6px;grid-column:1/-1;padding:10px 12px;font-size:13px;font-weight:700}.button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:6px;width:fit-content;max-width:100%;min-height:40px;padding:9px 14px;font-weight:700}.response{border:1px solid var(--border);color:#f3f7f3;white-space:pre;background:#111513;border-radius:8px;width:100%;min-height:320px;max-height:560px;margin:0;padding:16px;font-size:13px;line-height:1.45;overflow:auto}@media (max-width:860px){.header,.grid{grid-template-columns:1fr;display:grid}.status{min-width:0}.form,.settings-form{grid-template-columns:1fr}.button{width:100%}.actions{align-items:stretch}}@media (max-width:520px){.page{width:min(100% - 20px,1180px);padding:18px 0 32px}h1{font-size:34px}p{font-size:14px}.panel,.status{padding:12px}.status-row{gap:3px;display:grid}.status-row strong,.status-row span:last-child{text-align:left}.endpoint{grid-template-columns:48px minmax(0,1fr);gap:8px;padding:9px}.method{padding:4px;font-size:10px}.field input,.field select,.field textarea{font-size:16px}.settings-actions{align-items:stretch}.settings-actions span{width:100%}.response{min-height:240px;max-height:60vh;padding:12px;font-size:12px}}
