:root{--bg:#f6f7fb;--card:#fff;--text:#17151d;--muted:#706b78;--line:#e8e5ed;--accent:#6f2dbd;--accent2:#552099;--soft:#f4edfb;--code:#f7f6f9}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}.shell{max-width:1100px;margin:auto;padding:34px 22px 60px}header{margin-bottom:24px}.eyebrow{letter-spacing:.14em;color:var(--accent);font-size:12px;font-weight:800}h1{margin:6px 0 4px;font-size:34px}h2{margin:4px 0 16px}p{color:var(--muted)}.grid{grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:18px;display:grid}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 14px 42px #20142d0f}.row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.field{flex-direction:column;gap:7px;margin:10px 0;display:flex}.field span{color:var(--muted);font-size:13px;font-weight:700}input,select{border:1px solid var(--line);background:var(--card);width:100%;color:var(--text);border-radius:10px;outline:none;padding:11px 12px}.primary{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:11px;width:100%;margin-top:14px;padding:13px;font-weight:700}.primary:disabled{opacity:.55}.notice{background:var(--soft);color:var(--muted);border-radius:11px;margin:14px 0;padding:12px 14px;font-size:13px;line-height:1.55}.response pre{white-space:pre-wrap;word-break:break-word;background:var(--code);border:1px solid var(--line);border-radius:12px;min-height:420px;max-height:680px;padding:15px;font-size:12px;line-height:1.55;overflow:auto}@media (max-width:850px){.grid,.row{grid-template-columns:1fr}h1{font-size:28px}}