:root{--ink: #1a1a1a;--muted: #555b61;--line: #c9ced3;--accent: #0b57d0;--danger: #b00020;--warnbg: #fff3cd;--warnink: #5f4b00}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#fff;font-family:system-ui,-apple-system,sans-serif;line-height:1.45}main{padding:16px}a,button{font:inherit}button{background:var(--accent);color:#fff;border:1px solid var(--accent);border-radius:6px;padding:8px 14px;cursor:pointer}button.link{background:none;color:inherit;border:none;width:100%;text-align:left;padding:10px 8px;border-bottom:1px solid var(--line);border-radius:0}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}input{width:100%;padding:8px;border:1px solid var(--muted);border-radius:6px;color:var(--ink)}label{display:block;margin:12px 0 4px;font-weight:600}.error{color:var(--danger);font-weight:600}.meta{font-size:.85rem;color:var(--muted)}.panel{border:1px solid var(--line);border-radius:8px;padding:12px}.layout{display:grid;grid-template-columns:360px 1fr;gap:16px}.msg{border:1px solid var(--line);border-radius:8px;padding:10px}.msg pre{white-space:pre-wrap;margin:0;font:inherit}.banner{background:var(--warnbg);color:var(--warnink);padding:10px 16px;border-bottom:2px solid var(--warnink)}.skip{position:absolute;left:-9999px;top:0;background:#fff;padding:8px}.skip:focus{left:8px;z-index:10}@media (max-width: 800px){.layout{grid-template-columns:1fr}}