/* The layout rules must never override semantic hidden states. */
[hidden] { display: none !important; }
.pair-code { flex-wrap: wrap; }
.pair-code strong { min-width: 0; max-width: 100%; overflow-wrap: anywhere; }
.command-row code { min-width: 0; }
.session-layout > *, .control-grid > * { min-width: 0; }
:root{--ink:#e5edf4;--muted:#9baec0;--paper:#0c1522;--panel:#121f2f;--panel2:#17283b;--line:#2b4055;--signal:#77cabb;--blue:#a9c9f4;--amber:#e6b26a;--red:#f08a83;--focus:#d2ebff}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:var(--paper);color:var(--ink);font:15px/1.55 ui-sans-serif,"Segoe UI",system-ui,sans-serif}body:before{content:"";pointer-events:none;position:fixed;inset:0;opacity:.2;background:linear-gradient(90deg,transparent 0 97%,rgba(169,201,244,.09) 97%);background-size:80px 80px}a{color:var(--blue)}button,select{font:inherit}button{min-height:40px;border:1px solid transparent;border-radius:7px;padding:9px 13px;background:var(--signal);color:#082127;font-weight:750;cursor:pointer}button:hover:not(:disabled){filter:brightness(1.08)}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--focus);outline-offset:3px}header{border-bottom:1px solid var(--line);background:rgba(12,21,34,.92)}.topbar{max-width:1120px;margin:auto;padding:18px 26px;display:flex;justify-content:space-between;gap:20px}.brand{color:var(--ink);text-decoration:none;font-size:14px;font-weight:800;letter-spacing:.04em}.brand span{color:var(--muted);font-weight:500}.topbar nav{display:flex;gap:17px;font-size:13px}.topbar nav a{text-decoration:none}main{max-width:1120px;margin:auto;padding:52px 26px 72px;position:relative}.intro{max-width:760px;margin-bottom:34px}.kicker{color:var(--signal);font-size:11px;letter-spacing:.13em;font-weight:800;text-transform:uppercase;margin:0 0 8px}h1,h2,p{margin-top:0}h1{font-size:clamp(38px,6vw,68px);line-height:1;letter-spacing:-.05em;margin-bottom:15px}h2{font-size:18px;letter-spacing:-.02em;margin-bottom:5px}.lede{font-size:18px;color:var(--muted);max-width:670px}.notice{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:22px 0;padding:14px 16px;border-left:4px solid var(--amber);background:#202335;color:#d9d9dc}.notice a{margin-left:auto}.card{border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:21px}.start-card{display:flex;justify-content:space-between;align-items:center;gap:24px}.start-card p:not(.kicker),.pairing p,.actions-card>p{color:var(--muted);margin-bottom:0}.session-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:18px;margin-top:18px}.main-column{min-width:0}.main-column .card+.card{margin-top:18px}.section-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.chip{border:1px solid var(--amber);color:var(--amber);border-radius:999px;padding:3px 8px;white-space:nowrap;text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:800}.chip.connected,.chip.succeeded{border-color:var(--signal);color:var(--signal)}.chip.failed,.chip.expired,.chip.access_denied{border-color:var(--red);color:var(--red)}.command-row{display:flex;margin:16px 0;border:1px solid var(--line);border-radius:7px;background:#0b1725;overflow:hidden}.command-row code{flex:1;padding:11px;overflow:auto;white-space:nowrap;color:#d8e8fb;font:12px/1.4 ui-monospace,Consolas,monospace}.quiet{border-color:var(--line);background:transparent;color:var(--ink)}.command-row .quiet{border:0;border-left:1px solid var(--line);border-radius:0;white-space:nowrap}.pair-code{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid #446074;background:var(--panel2);margin-bottom:14px}.pair-code span{color:var(--muted);font-size:13px}.pair-code strong{font:800 23px/1 ui-monospace,Consolas,monospace;letter-spacing:.13em;color:var(--amber);margin-left:auto}.fine{font-size:12px;color:var(--muted)!important;margin-top:13px!important}.compact{margin:16px 0 0;border-top:1px solid var(--line)}.compact div{display:grid;grid-template-columns:104px 1fr;gap:10px;padding:9px 0;border-bottom:1px solid var(--line)}dt{color:var(--muted)}dd{margin:0;overflow-wrap:anywhere}.compact code{font-size:11px}.selection-note{margin-top:15px!important;font-size:13px}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}label{font-size:13px;color:var(--muted);font-weight:700}select{display:block;width:100%;margin-top:5px;min-height:43px;padding:8px;color:var(--ink);border:1px solid var(--line);border-radius:7px;background:#0b1725}.operation-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.operation{min-height:70px;text-align:left;background:var(--panel2);border-color:var(--line);color:var(--ink)}.operation b,.operation small{display:block}.operation small{font-size:12px;font-weight:400;color:var(--muted);margin-top:2px}.operation:hover:not(:disabled){border-color:var(--signal);filter:none}.danger{width:100%;margin-top:17px;background:transparent;border-color:#77464b;color:#fac1bb}.guide ul{padding-left:18px;color:var(--muted);font-size:13px}.guide li+li{margin-top:9px}.job{padding:15px 0;border-top:1px solid var(--line)}.job-head{display:flex;justify-content:space-between;gap:10px}.job h3{font-size:15px;margin:0}.job-meta{font-size:12px;color:var(--muted);margin:4px 0 0}.job pre{max-height:320px;overflow:auto;margin:12px 0 0;padding:12px;background:#0b1725;border:1px solid var(--line);border-radius:6px;white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.45 ui-monospace,Consolas,monospace}.job-actions{margin-top:10px}.job-actions button{min-height:32px;padding:5px 9px;font-size:12px}.empty{color:var(--muted);padding:12px 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:760px){.topbar{padding:15px 17px}.topbar nav{gap:11px}main{padding:34px 17px 50px}.start-card,.session-layout{display:block}.start-card button{width:100%;margin-top:17px}.session-layout aside{margin-top:18px}.card{padding:17px}.control-grid,.operation-grid{grid-template-columns:1fr}.pair-code{flex-wrap:wrap}.pair-code strong{margin-left:0;flex-basis:100%}.command-row{display:block}.command-row .quiet{width:100%;border-left:0;border-top:1px solid var(--line)}.compact div{grid-template-columns:1fr;gap:2px}}