/* Same palette, typography and flat workspace treatment as the console. */
:root{color-scheme:light dark;--page:#f5f2fb;--surface:#fff;--ink:#252332;--muted:#656071;--line:#c4bdd0;--accent:#56388a}
:root[data-theme="dark"]{--page:#101018;--surface:#1b1924;--ink:#eeeaf5;--muted:#b7afc6;--line:#655c75;--accent:#ceb5ff}
html[data-fairystack-skin]{--page:var(--skin-page);--surface:var(--skin-panel);--ink:var(--skin-ink);--muted:var(--skin-muted);--line:var(--skin-line);--accent:var(--skin-accent)}
*{box-sizing:border-box}body[data-fairystack-shell]{background:var(--page);color:var(--ink);font:14px/1.5 var(--skin-font,system-ui,sans-serif)}
body[data-fairystack-shell]:not([data-fairystack-shell="conversation"]){background-image:none}
main{width:min(100%,760px);margin:0 auto;padding:24px 20px 40px;background:transparent;color:var(--ink)}
header{display:flex;align-items:baseline;gap:12px;border-bottom:1px solid var(--line);padding-bottom:12px}h1{font:600 18px var(--skin-display,system-ui,sans-serif);margin:0}header span,.intro,.access-note,small{color:var(--muted)}
p{margin:12px 0}.intro{margin-bottom:24px}a{color:var(--accent)}form,.line{display:flex;align-items:end;gap:10px;flex-wrap:wrap}label{display:grid;gap:6px;flex:1;min-width:160px}input,button{font:inherit;border:1px solid var(--line);border-radius:var(--skin-radius,3px);padding:7px 10px;background:var(--surface);color:var(--ink)}input{width:100%;min-width:0}input[readonly]{font-family:ui-monospace,monospace}button{cursor:pointer}button.primary{background:var(--skin-button,var(--accent));color:var(--skin-button-ink,#fff)}button:disabled{background:var(--surface);color:var(--muted);cursor:default}button:focus-visible,input:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.access-note{font-size:12px}.pair-code .line{margin-top:10px;align-items:center}.actions{margin-top:20px}.devices article,article{padding:12px 0;border-bottom:1px solid var(--line)}.devices .line{align-items:center}.devices button{margin-left:auto}.devices code{display:block;margin-top:6px;color:var(--muted)}details{margin-top:18px}summary{cursor:pointer;color:var(--muted)}code,pre{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.command{display:block;margin:8px 0}pre{max-height:320px;overflow:auto;padding:12px;background:var(--surface);color:var(--ink);border:1px solid var(--line)}[hidden],[v-cloak]{display:none!important}.status{color:var(--ink)}
@media(max-width:620px){main{padding:14px 16px 28px}header{padding-right:36px}form{align-items:stretch}form label{flex-basis:100%}}