:root{color-scheme:light;font-family:Segoe UI,sans-serif;color:#1d2430;background:linear-gradient(180deg,#f4f7fb,#e8eef7)}body{margin:0;min-width:320px}.app-shell{max-width:1200px;margin:0 auto;padding:28px 20px 56px}.top{margin-bottom:18px}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.12em;color:#3f5a7a;font-size:.78rem}h1{margin:8px 0;font-size:clamp(1.8rem,4vw,2.8rem)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.card{background:#ffffffe0;border:1px solid rgba(63,90,122,.2);border-radius:14px;padding:16px;box-shadow:0 8px 24px #3f5a7a14}.stack{display:grid;gap:10px}label{display:grid;gap:6px;font-size:.9rem}input,select,button{font:inherit}input,select{border:1px solid rgba(63,90,122,.34);border-radius:10px;padding:8px 10px;background:#fff}button{border:none;border-radius:10px;padding:9px 12px;background:#194f94;color:#fff;cursor:pointer}button:disabled{opacity:.65;cursor:not-allowed}.row{display:grid;grid-template-columns:1fr 1fr;gap:10px}pre{margin:0;padding:10px;border-radius:10px;background:#0f1b2e;color:#d6e5ff;font-size:.8rem;white-space:pre-wrap;word-break:break-word;max-height:260px;overflow:auto}.error{margin:0;color:#b60027;font-weight:700}.ok{margin:0;color:#17612a;font-weight:700}