:root{--bg:#f7f8fb;--panel:#fff;--text:#1d2433;--muted:#687386;--border:#dce2ea;--accent:#2563eb;--accent-strong:#1d4ed8;--shadow:0 12px 32px #0f172a14;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select,textarea{font:inherit}button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:6px;padding:10px 14px;font-weight:700}button:hover{background:var(--accent-strong)}h1,h2,p{margin:0}h1{font-size:clamp(26px,4vw,40px);line-height:1.05}h2{font-size:22px}label{color:var(--muted);gap:7px;font-size:14px;font-weight:700;display:grid}input,select,textarea{border:1px solid var(--border);width:100%;color:var(--text);background:#fff;border-radius:6px;padding:10px 12px}textarea{resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.45}.app-shell,.iframe-shell{min-height:100svh}.wrapper-layout{max-width:1200px;margin:0 auto;padding:24px}.iframe-page{padding:16px}.panel{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px;min-width:0;padding:18px}.section-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:800}.integration-frame{border:1px solid var(--border);border-radius:8px;width:100%;height:720px;display:block}.iframe-url-form{gap:12px;margin-bottom:14px;display:grid}.iframe-mount{min-height:220px}.empty-state{color:var(--muted);padding:18px}.toggle{white-space:nowrap;align-items:center;gap:8px;display:flex}.toggle input{width:auto}.request-form{gap:14px;display:grid}.button-row{flex-wrap:wrap;gap:10px;display:flex}.response-box{color:#e2e8f0;white-space:pre-wrap;background:#0f172a;border-radius:8px;max-height:240px;margin:16px 0 0;padding:14px;font-size:13px;line-height:1.5;overflow:auto}@media (width<=960px){.wrapper-layout{padding:14px}.integration-frame{height:680px}.section-heading{flex-direction:column;align-items:stretch}}