:root{color:#111827;background:radial-gradient(circle at top left,rgba(251,191,36,.3),transparent 30%),linear-gradient(180deg,#fffdf8,#f6efe1);font-family:IBM Plex Sans,Segoe UI,sans-serif}body{margin:0;min-height:100vh}#root{min-height:100vh}.app-shell{min-height:100vh;padding:24px}.app-grid{display:grid;gap:24px;max-width:1120px;margin:0 auto}.hero{display:grid;gap:12px}.eyebrow{margin:0;font-size:.85rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#92400e}.hero h1{margin:0;font-size:clamp(2.3rem,6vw,4.5rem);line-height:.95;max-width:12ch}.hero p{margin:0;max-width:52ch;color:#374151;font-size:1.05rem;line-height:1.6}.panel-grid{display:grid;gap:16px}.panel{background:#ffffffd1;border:1px solid rgba(146,64,14,.12);border-radius:18px;padding:18px;box-shadow:0 18px 40px #11182714}.panel h2,.panel h3{margin-top:0;margin-bottom:12px}.panel p{color:#4b5563}.panel strong{color:#111827}.field{display:grid;gap:8px;margin-bottom:14px}.field label{font-weight:600}.field input{border:1px solid #d1d5db;border-radius:12px;padding:12px 14px;font:inherit}.field input:focus-visible,.action-button:focus-visible,.secondary-button:focus-visible{outline:3px solid #f59e0b;outline-offset:2px}.button-row{display:flex;flex-wrap:wrap;gap:12px}.action-button,.secondary-button{border:0;border-radius:999px;padding:12px 18px;font:inherit;font-weight:700;cursor:pointer}.action-button{background:#111827;color:#fff}.secondary-button{background:#f3f4f6;color:#111827}.status-list{display:grid;gap:12px}.status-item{border-radius:14px;padding:14px;background:#fff7ede6}.status-item strong{display:block;margin-bottom:4px}.success{color:#166534}.error{color:#b91c1c}.muted{color:#6b7280}.code-inline{font-family:IBM Plex Mono,SFMono-Regular,monospace;font-size:.95em}@media(min-width:900px){.panel-grid{grid-template-columns:minmax(320px,360px) minmax(0,1fr);align-items:start}}
