/* Shared Xeon NC information bar. In normal flow without JavaScript. */
#xeon-info-bar-start { position: absolute; inset: auto 0 0; height: 0; pointer-events: none; }
.xib-slot { --xib-height: 70px; --xib-gap: max(18px, env(safe-area-inset-bottom, 0px)); --xib-gutter: clamp(16px, 2.5vw, 40px); min-height: calc(var(--xib-height) + var(--xib-gap)); padding-bottom: var(--xib-gap); box-sizing: border-box; position: relative; clear: both; }
.xib-slot.xib-ready { height: calc(var(--xib-height) + var(--xib-gap)); }
/* A recessed landing area extends the footer's drawing-sheet frame. */
.xib-slot:not([data-xib-no-footer]) { --xib-dock-top:44px; --xib-dock-bottom:28px; --xib-dock-frame:14px; padding:var(--xib-dock-top) 0 var(--xib-dock-bottom); min-height:calc(var(--xib-height) + var(--xib-dock-top) + var(--xib-dock-bottom)); background:#0a0a0a; }
.xib-slot.xib-ready:not([data-xib-no-footer]) { height:calc(var(--xib-height) + var(--xib-dock-top) + var(--xib-dock-bottom)); }
.xib-slot:not([data-xib-no-footer])::before { content:''; position:absolute; inset:var(--xib-dock-frame) var(--xib-dock-frame) 0; border:1px solid #ffffff33; border-bottom:0; pointer-events:none; }
.xib-dock { box-sizing:border-box; position:absolute; left:var(--xib-dock-left,max(calc(var(--xib-gutter) - 7px), calc((100% - 1514px) / 2))); bottom:calc(var(--xib-dock-bottom) - 7px); width:var(--xib-dock-width,calc(100% - var(--xib-gutter) * 2 + 14px)); height:calc(var(--xib-height) + 14px); border:1px solid #ffffff1a; border-radius:25px; background:#060606; box-shadow:inset 0 2px 10px #0009, 0 1px 0 #ffffff0a; pointer-events:none; transition:border-color 220ms ease; }
.xib-slot[data-xib-docked=true] .xib-dock { border-color:#ffffff30; }
.xib-slot + .site-footer { padding-top:48px; border-top:0; }
.xib-slot + .site-footer .cad-sheet::before { top:0; border-top:0; }
.xib-slot[data-xib-no-footer] { position: fixed; inset: auto 0 0; width: 100%; z-index: 90; }
body:has(.xib-slot[data-xib-no-footer]) { padding-bottom: 144px; }
#xeon-info-bar, #xeon-info-bar * { box-sizing: border-box; }
#xeon-info-bar {
  position: relative;
  z-index: 90;
  width: calc(100% - var(--xib-gutter) * 2);
  max-width: 1500px;
  margin: 0 auto;
  padding: 12px 22px;
  color: #f4f4f4;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 18px;
  font: 400 12px/1.5 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  text-align: left;
  text-transform: none;
  letter-spacing: normal;
  isolation: isolate;
}
#xeon-info-bar .xib-surface { position:absolute; inset:auto auto -1px -1px; width:calc(100% + 2px); height:calc(100% + 2px); z-index:-1; pointer-events:none; border:1px solid rgba(255,255,255,.22); border-radius:inherit; background:rgba(8,8,8,.93); box-shadow:0 10px 36px rgba(0,0,0,.24); }
#xeon-info-bar[data-docked=true] .xib-surface { background:linear-gradient(110deg,#181818,#202020); border-color:#ffffff36; box-shadow:inset 0 1px 0 #ffffff08,0 3px 9px #0005; }
#xeon-info-bar[data-support-expanded=true] { border-color:rgba(255,255,255,.22); box-shadow:0 10px 36px rgba(0,0,0,.24); }
@supports ((backdrop-filter: blur(18px)) or (-webkit-backdrop-filter: blur(18px))) {
  #xeon-info-bar .xib-surface {
    background: linear-gradient(110deg, rgba(8, 8, 8, .86), rgba(20, 20, 20, .76));
    -webkit-backdrop-filter: blur(18px) saturate(80%);
    backdrop-filter: blur(18px) saturate(80%);
  }
}
.xib-ready #xeon-info-bar { position: fixed; inset: auto auto var(--xib-gap) max(var(--xib-gutter), calc((100% - 1500px) / 2)); margin: 0; transform: translateY(var(--xib-offset, 0px)); }
#xeon-info-bar.xib-offscreen { visibility: hidden; }
#xeon-info-bar .xib-inner { margin: 0 auto; display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto auto; align-items: center; gap: 16px; }
#xeon-info-bar a { color: inherit; text-decoration: none; }
#xeon-info-bar a:focus-visible { outline: 2px solid #eee; outline-offset: 5px; border-radius: 2px; }
#xeon-info-bar .xib-voice { display:flex; align-items:center; gap:11px; min-width:0; width:clamp(180px,25vw,310px); min-height:48px; padding:0 6px 0 0; border:1px solid transparent; border-radius:12px; background:transparent; color:inherit; font:inherit; text-align:left; cursor:pointer; touch-action:manipulation; --mic-level:0; }
#xeon-info-bar .xib-voice:hover { background:#ffffff0d; border-color:#ffffff24; }
#xeon-info-bar .xib-voice:focus-visible { outline:2px solid #fff; outline-offset:3px; }
#xeon-info-bar .xib-voice:disabled { cursor:wait; opacity:.7; }
#xeon-info-bar .xib-voice[aria-pressed=true] { background:#b7e1c510; border-color:#b7e1c570; }
#xeon-info-bar .xib-voice[aria-pressed=true] .xib-brand { background:#b7e1c51a; }
#xeon-info-bar .xib-brand { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; flex-shrink:0; padding:4px; border:1px solid transparent; border-radius:50%; color:inherit; background:transparent; cursor:pointer; }
#xeon-info-bar .xib-brand:hover { background:#ffffff12; border-color:#ffffff30; }
#xeon-info-bar .xib-brand:focus-visible { outline:2px solid #fff; outline-offset:3px; }
#xeon-info-bar .xib-brand:disabled { cursor:wait; opacity:.6; }
#xeon-info-bar .xib-brand[aria-pressed=true] { border-color:#ffffff50; }
#xeon-info-bar .xib-voice-copy { display:block; min-width:0; }
#xeon-info-bar .xib-voice-line { display:flex; align-items:center; gap:7px; min-width:0; }
#xeon-info-bar .xib-voice-status { font-size:12px; font-weight:550; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#xeon-info-bar .xib-voice-caption { display:block; font-size:10px; color:#bcbcbc; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#xeon-info-bar .xib-meter { display:none; align-items:center; gap:2px; height:17px; flex-shrink:0; }
#xeon-info-bar .xib-meter i { display:block; width:2px; height:16px; border-radius:2px; background:#e9f2ed; transform:scaleY(calc(.16 + var(--mic-level) * .84)); transition:transform 90ms linear; }
#xeon-info-bar .xib-meter i:nth-child(2n) { height:11px; }
#xeon-info-bar .xib-meter i:first-child,#xeon-info-bar .xib-meter i:last-child { height:7px; }
#xeon-info-bar [data-voice-state=listening] .xib-meter,#xeon-info-bar [data-voice-state=hearing] .xib-meter { display:flex; }
#xeon-info-bar [data-voice-state=hearing] .xib-voice-status { color:#cae6d4; }
#xeon-info-bar [data-voice-state=speaking] .xib-logo { animation:xeon-speaking 900ms ease-in-out infinite; }
@keyframes xeon-speaking { 0%,100% { transform:scale(1); filter:drop-shadow(0 0 0 transparent); } 50% { transform:scale(1.14); filter:drop-shadow(0 0 5px #ffffff45); } }
#xeon-info-bar .xib-logo { display: block; width: 32px; height: 36px; max-width: none; object-fit: contain; flex-shrink: 0; }
#xeon-info-bar .xib-files { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; text-align: right; column-gap: 10px; row-gap: 2px; }
#xeon-info-bar .xib-label { color: #c8c8c8; }
#xeon-info-bar .xib-formats { font-weight: 550; letter-spacing: .04em; }
#xeon-info-bar .xib-guide { color: #e4e4e4; margin-left: 9px; text-underline-offset: 4px; white-space: nowrap; }
#xeon-info-bar .xib-guide:hover { color: #fff; text-decoration: underline; }
#xeon-info-bar .xib-quote { display: inline-flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 42px; padding: 10px 17px; border: 1px solid rgba(255, 255, 255, .36); border-radius: 9px; background: rgba(255, 255, 255, .045); font-size: 12px; font-weight: 550; white-space: nowrap; }
#xeon-info-bar .xib-quote:hover { background: rgba(255, 255, 255, .14); border-color: #ddd; }
#xeon-info-bar .xib-arrow { font-size: 16px; line-height: 1; }
#xeon-info-bar .xib-support { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:42px; padding:10px 13px; border:1px solid #ffffff40; border-radius:9px; color:#f4f4f4; background:transparent; font:550 12px/1.5 'Inter',system-ui,sans-serif; white-space:nowrap; cursor:pointer; }
#xeon-info-bar .xib-support:hover { background:#ffffff16; border-color:#ffffff80; }
#xeon-info-bar .xib-support:focus-visible { outline:2px solid #eee; outline-offset:4px; }
#xeon-info-bar .xib-support:disabled { opacity:.65; cursor:wait; }
#xeon-info-bar .xib-size-toggle { display:grid; place-items:center; width:32px; height:40px; padding:0; border:1px solid #ffffff2e; border-radius:8px; color:#ccc; background:#ffffff06; cursor:pointer; }
#xeon-info-bar .xib-size-toggle[hidden] { display:none; }
#xeon-info-bar .xib-size-toggle:hover { color:#fff; background:#ffffff18; border-color:#ffffff70; }
#xeon-info-bar .xib-size-toggle:focus-visible { outline:2px solid #fff; outline-offset:3px; }
#xeon-info-bar .xib-size-toggle svg { transition:transform 360ms cubic-bezier(.22,1,.36,1); }
#xeon-info-bar[data-minimized=true] { width:62px; padding:8px; border-radius:18px; }
#xeon-info-bar[data-minimized=true] .xib-inner { display:block; }
#xeon-info-bar[data-minimized=true] .xib-voice { width:44px; min-height:44px; padding:0; border:0; }
#xeon-info-bar[data-minimized=true] .xib-brand { width:44px; height:44px; }
#xeon-info-bar[data-minimized=true] :is(.xib-voice-copy,.xib-files,.xib-support,.xib-quote,.xib-conversation,.xsc-expansion) { display:none; }
#xeon-info-bar[data-minimized=true] .xib-size-toggle { position:absolute; left:calc(100% - 1px); top:50%; transform:translateY(-50%); width:30px; height:40px; border-radius:0 10px 10px 0; border-left:0; background:rgba(14,14,14,.9); }
#xeon-info-bar[data-minimized=true] .xib-size-toggle svg { transform:rotate(180deg); }
#xeon-info-bar[data-minimized=true] .xib-size-toggle:hover { background:#333; }
#xeon-info-bar .xib-conversation { margin-top:12px; padding:11px 0 0 55px; border-top:1px solid #ffffff24; }
#xeon-info-bar .xib-conversation[hidden] { display:none; }
#xeon-info-bar .xib-response-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:24px; font-size:11px; font-weight:600; letter-spacing:.02em; }
#xeon-info-bar .xib-response-mode { color:#aaa; font-weight:400; }
#xeon-info-bar .xib-voice-dismiss { display:grid; place-items:center; width:28px; height:28px; padding:0; border:1px solid #ffffff30; border-radius:50%; background:transparent; color:#ddd; font:400 19px/1 system-ui,sans-serif; cursor:pointer; }
#xeon-info-bar .xib-voice-dismiss:hover { color:#fff; background:#ffffff16; }
#xeon-info-bar .xib-response-text { max-height:min(96px,18dvh); overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:#ffffff55 transparent; margin:3px 0 0; padding-right:12px; font-size:13px; line-height:1.65; color:#f1f1f1; white-space:pre-wrap; overflow-wrap:anywhere; }
#xeon-info-bar .xib-response-text[data-placeholder=true] { color:#bcbcbc; }
#xeon-info-bar .xib-related-pages { display:flex; gap:6px 14px; flex-wrap:wrap; margin-top:8px; max-height:48px; overflow-y:auto; }
#xeon-info-bar .xib-related-pages a { display:inline-flex; align-items:center; gap:8px; font-size:11px; color:#ddd; text-decoration:underline; text-underline-offset:3px; }
#xeon-info-bar .xib-voice-note { margin-top:9px; font-size:9px; line-height:1.5; color:#aaa; }
#xeon-info-bar .xib-voice-note a { text-decoration:underline; text-underline-offset:2px; }
#xeon-info-bar .xib-conversation :focus-visible { outline:2px solid #eee; outline-offset:3px; }
html:has(.xib-ready) { scroll-padding-bottom: 110px; }
@media (max-width: 760px) {
  .xib-slot { --xib-height: 120px; --xib-gap: calc(10px + env(safe-area-inset-bottom, 0px)); --xib-gutter: max(22px, env(safe-area-inset-left, 0px), env(safe-area-inset-right, 0px)); }
  .xib-slot:not([data-xib-no-footer]) { --xib-dock-top:28px; --xib-dock-bottom:20px; --xib-dock-frame:8px; }
  .xib-slot + .site-footer { padding-top:40px; }
  .xib-dock { border-radius:23px; }
  #xeon-info-bar { padding: 8px 10px; border-radius: 16px; }
  #xeon-info-bar .xib-inner { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 44px; gap: 6px 8px; }
  #xeon-info-bar .xib-logo { width: 28px; height: 34px; }
  #xeon-info-bar .xib-voice { grid-row:1; grid-column:1 / 3; width:100%; min-height:52px; gap:9px; }
  #xeon-info-bar .xib-brand { width:40px; height:44px; }
  #xeon-info-bar .xib-voice-status { font-size:14px; }
  #xeon-info-bar .xib-voice-caption { font-size:11px; }
  #xeon-info-bar .xib-conversation { padding-left:0; margin-top:9px; padding-top:8px; }
  #xeon-info-bar .xib-conversation { max-height:var(--xsc-panel-limit,45dvh); overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; }
  #xeon-info-bar .xib-response-text { font-size:14px; max-height:min(180px,26dvh); }
  #xeon-info-bar .xib-files { display:none; }
  #xeon-info-bar .xib-support { grid-row:2; grid-column:1; width:100%; min-height:44px; padding:9px 10px; font-size:12px; touch-action:manipulation; }
  #xeon-info-bar .xib-quote { grid-row:2; grid-column:2 / 4; min-height:44px; justify-content:center; padding:9px 10px; gap:12px; font-size:12px; touch-action:manipulation; }
  #xeon-info-bar .xib-size-toggle { grid-row:1; grid-column:3; width:44px; height:44px; touch-action:manipulation; }
  #xeon-info-bar .xib-voice-dismiss { width:44px; height:44px; flex-shrink:0; }
  #xeon-info-bar .xib-related-pages { max-height:96px; }
  #xeon-info-bar .xib-related-pages a { min-height:44px; font-size:12px; }
  #xeon-info-bar .xib-voice-note { font-size:10px; }
  #xeon-info-bar .xib-voice-note a { display:inline-flex; align-items:center; min-height:44px; }
  #xeon-info-bar[data-minimized=true] .xib-size-toggle { width:44px; height:44px; }
}
@media (prefers-reduced-motion:reduce) { #xeon-info-bar [data-voice-state=speaking] .xib-logo { animation:none; transform:scale(1.05); } #xeon-info-bar .xib-meter i { transition:none; transform:scaleY(.6); } }
@media (prefers-reduced-motion:reduce) { #xeon-info-bar .xib-size-toggle svg { transition:none; } }
@media (prefers-reduced-motion:reduce) { .xib-dock { transition:none; } }
@media (prefers-reduced-transparency: reduce) { #xeon-info-bar .xib-surface { background: #101010; -webkit-backdrop-filter: none; backdrop-filter: none; } }
@media print { .xib-slot { display: none !important; } }
