/* HAL Workspace 2026.10.17: scoped visual system; existing service authority unchanged. */
html.hx-ui {
  --c-accent: 88 194 250; --c-accent-hi: 130 210 255; --c-ok: 80 225 183;
  --g0: 6 11 24; --g1: 11 18 34; --g2: 15 24 43; --g3: 22 33 55; --g4: 29 43 67;
  --bg: #0b1222; --panel: #101b30; --panel-2: #0e182b; --panel-3: #1b2942;
  --text: #f0f5ff; --muted: #a6b6cf; --faint: #8194b0; --accent: #7cd8ff;
  --divider: #263753; --divider-strong: #3a5174; --on-accent: #081927;
  --hx-paper: #121e34; --hx-card: #17253d; --hx-hero: linear-gradient(118deg,#14233d,#172444 65%,#232849);
  --hx-heading: #f3f7ff; --hx-soft: #a7b7d1; --hx-line: #304260;
  --hx-blue: #70cfff; --hx-violet: #bda6ff; --hx-link: #84d3ff;
  --font-ui: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font: var(--font-ui); --font-stencil: var(--font-ui); --sidebar-w: 220px; --msg-col: min(1180px,100%);
  --tx-noise:none; --tx-brush:none; --tx-carbon:none; --art-concrete:none; --art-run:none;
  --m-plastic: var(--panel-3); --m-well: var(--panel); --m-anodized: var(--panel-2); --m-satin:var(--panel);
  --m-signal: linear-gradient(115deg,#8be8ff,#9eaeff); --m-sheen:none;
  --e1: 0 1px 2px #03091914; --e2:0 4px 18px #03091918; --e3:0 16px 55px #03091940;
}
html.hx-ui[data-theme="light"] {
  --bg:#f2f6fc; --panel:#fff; --panel-2:#f7f9fd; --panel-3:#eef3fc; --text:#16243d;
  --muted:#526580; --faint:#607590; --accent:#275cca; --on-accent:#07162a;
  --divider:#dde5f1; --divider-strong:#b3c4e1; --hx-paper:#f2f6fc; --hx-card:#fff;
  --hx-hero:linear-gradient(118deg,#fff 8%,#f1f6ff 53%,#ecebfd 100%);
  --hx-heading:#142440; --hx-soft:#506583; --hx-line:#d8e2f2; --hx-blue:#176abe; --hx-violet:#7855c6; --hx-link:#245bba;
  --c-accent:45 117 214; --c-accent-hi:54 128 225; --c-ok:11 140 108;
  --g8: 79 97 124; --g9: 44 63 90; --g10: 20 36 64;
}
html.hx-ui body {background:var(--bg)!important;color:var(--text);font-family:var(--font-ui);}
html.hx-ui body::before, html.hx-ui .insight-atmosphere {display:none!important;}
html.hx-ui #app {background:var(--bg);}
html.hx-ui #app .header {background:var(--panel)!important;border-bottom:1px solid var(--divider);box-shadow:none;min-height:68px;padding:10px 20px;gap:10px;flex-wrap:nowrap;}
html.hx-ui #app .header::after {display:none;}
html.hx-ui .header .brand {order:0;gap:10px;color:var(--text);}
html.hx-ui .header .brand-name {font-size:12px;letter-spacing:.12em;font-weight:800;text-shadow:none;}
html.hx-ui .header .brand-mark {box-shadow:none;filter:none;width:32px;height:32px;}
html.hx-ui .hx-headernav {order:1;display:flex;align-items:center;gap:4px;margin-left:28px;}
html.hx-ui .hx-headernav a {display:flex;align-items:center;min-height:44px;padding:0 14px;border-radius:10px;font-size:13px;font-weight:650;color:var(--muted);text-decoration:none;}
html.hx-ui .hx-headernav a[aria-current] {color:var(--hx-link);background:var(--panel-3);}
html.hx-ui .header .header-spacer {order:2;}
html.hx-ui .header .mode-control {order:3;margin:0;}
html.hx-ui .header .header-actions {order:4;margin-left:0;gap:7px;}
html.hx-ui #app :is(.mode-trigger,.icon-btn,.btn-menu,.workspace-launch,.radio-live-link) {background:var(--panel-3)!important;border:1px solid var(--divider)!important;box-shadow:none!important;text-shadow:none;border-radius:10px;}
html.hx-ui .mode-trigger-kicker {background:transparent;box-shadow:none;border:0;padding:0;}
html.hx-ui .hx-search-trigger {display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:0 13px;border:1px solid var(--divider-strong);border-radius:10px;background:var(--panel);color:var(--text);font-size:12px;font-weight:650;}
html.hx-ui .hx-search-trigger kbd {font-size:10px;box-shadow:none;background:var(--panel-3);padding:3px 5px;border-radius:4px;color:var(--muted);}
html.hx-ui #app .status-pill {background:transparent;border:0;box-shadow:none;letter-spacing:.02em;font:11px var(--font-ui);min-height:44px;}
html.hx-ui #app .status-dot {box-shadow:0 0 0 4px #48cbaa12;}
html.hx-ui #app .sidebar {background:#0d172b!important;border-right:1px solid #26344c;box-shadow:none;color:#dae7fd;}
html.hx-ui #app .sidebar::before,html.hx-ui #app .sidebar::after {display:none;}
html.hx-ui #app .sidebar-inner {padding:20px 14px 14px;gap:12px;}
html.hx-ui #app .btn-new {background:linear-gradient(115deg,#8de7ff,#a8b8ff)!important;color:#0a1930;box-shadow:none!important;text-shadow:none;border:0;border-radius:11px;min-height:45px;font-size:13px;}
html.hx-ui #app .sidebar-links {display:flex;flex-direction:column;flex-wrap:nowrap;gap:3px;border-top:0;padding:0;margin:5px 0 12px;}
html.hx-ui #app .sidebar-links a {min-height:37px;padding:8px 12px;color:#adbed8;font-size:12px;font-weight:600;border-radius:9px;box-shadow:none;}
html.hx-ui #app .sidebar-links a::before {content:"↗";font-size:15px;width:27px;flex:none;color:#7088b1;}
html.hx-ui #app .sidebar-links a[aria-current="page"] {background:#233751;color:#b3eaff;}
html.hx-ui #app .sidebar-links a[aria-current="page"]::before {content:"◌";color:#99e3ff;}
html.hx-ui #app .sidebar-links a:hover {background:#1d2e48;color:#fff;}
html.hx-ui #app .history-label {color:#8298bd;font:600 10px var(--font-ui);letter-spacing:.12em;margin-top:8px;padding-top:14px;border-top:1px solid #23314a;}
html.hx-ui #app .history-list {color:#afc1dd;min-height:48px;}
html.hx-ui #app .history-item {background:transparent;color:#b8cae3;}
html.hx-ui #app .history-item.active {background:#213551;color:#fff;}
html.hx-ui #app .sidebar-note {color:#8298b9;font:10px/1.6 var(--font-ui);padding:10px 6px 0;border-top:1px solid #23314a;opacity:1;}
html.hx-ui #app .main {background:var(--hx-paper);}
html.hx-ui #app .product-ribbon {min-height:54px;padding:6px 24px;background:var(--panel-2)!important;border-bottom:1px solid var(--divider);box-shadow:none;}
html.hx-ui #app .product-ribbon-copy strong {color:var(--hx-link);font-size:12px;}
html.hx-ui #app .product-ribbon-actions {gap:7px;}
html.hx-ui #app .product-ribbon-actions :is(.workspace-launch,.radio-live-link) {font-size:11px;min-height:36px;padding:6px 11px;}
html.hx-ui #app .product-ribbon-actions :is(.hal-dock-toggle,.insight-guide-trigger,.cast-open) {box-shadow:none;background:transparent;}
html.hx-ui #app .messages-wrap {padding:25px 32px 20px;scrollbar-width:thin;scrollbar-color:var(--divider-strong) transparent;}
html.hx-ui #app .empty {padding:0 0 14px;text-align:left;}
html.hx-ui #app .signal-portal {padding:30px!important;border:1px solid var(--hx-line)!important;border-radius:22px!important;background:var(--hx-hero)!important;box-shadow:0 12px 36px #101c3910!important;min-height:0!important;transform:none!important;filter:none!important;}
html.hx-ui #app .signal-portal::before,html.hx-ui #app .signal-portal::after {display:none!important;content:none!important;}
html.hx-ui #app .portal-story {display:block;color:var(--text);}
html.hx-ui #app .hero-glyph {display:none!important;}
html.hx-ui #app .portal-toolbar {display:flex;justify-content:space-between;gap:15px;margin:0 0 26px;}
html.hx-ui #app .empty-kicker {font:750 9px/1.5 var(--font-ui);letter-spacing:.15em;color:var(--hx-link);margin:0;max-width:none;}
html.hx-ui #app .empty-kicker::before {display:none;}
html.hx-ui .hx-release {white-space:nowrap;font:700 8px/1.5 var(--font-ui);letter-spacing:.08em;padding:5px 9px;background:#886cff12;border:1px solid #927afb38;color:var(--hx-violet);border-radius:30px;}
html.hx-ui .hx-hero-grid {display:grid;grid-template-columns:minmax(0,1fr) 236px;gap:24px;align-items:center;}
html.hx-ui #app #signal-title {max-width:720px;margin:0 0 18px!important;color:var(--hx-heading)!important;font-family:var(--font-ui)!important;font-size:clamp(34px,3.8vw,56px)!important;line-height:1.08!important;font-weight:770!important;letter-spacing:-.05em!important;text-transform:none!important;background:none!important;filter:none!important;text-shadow:none!important;}
html.hx-ui #app #signal-title em {font:inherit;color:var(--hx-blue)!important;background:none!important;text-shadow:none!important;}
html.hx-ui #app .hx-hero-copy>p {max-width:57ch;margin:0 0 24px!important;color:var(--hx-soft)!important;font-size:14px!important;line-height:1.75!important;text-shadow:none!important;}
html.hx-ui #app .portal-actions {display:flex;max-width:none;margin:0;gap:10px;}
html.hx-ui #app .portal-cta {display:inline-flex;min-height:46px;width:auto;padding:10px 16px;background:var(--panel)!important;border:1px solid var(--hx-line)!important;box-shadow:none!important;border-radius:11px!important;text-shadow:none!important;font-size:12px;font-weight:700;color:var(--text);}
html.hx-ui #app .portal-cta.primary {background:linear-gradient(115deg,#81e0ff,#b4b9ff)!important;border-color:transparent!important;color:#0f2241!important;}
html.hx-ui #app .portal-cta span {margin:0 0 0 12px;color:inherit;font-size:12px;}
html.hx-ui .hx-orbit {position:relative;width:236px;height:236px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,#99aaff25,transparent 72%);}
html.hx-ui .hx-orbit-ring {position:absolute;inset:12px;border:1px solid #84b9e75e;border-radius:50%;transform:rotate(-24deg);box-shadow:inset 0 0 35px #79ccff0e;}
html.hx-ui .hx-orbit-ring::before {content:"";position:absolute;inset:22px -12px;border:1px solid #a6a1f564;border-radius:50%;transform:rotate(53deg);}
html.hx-ui .hx-orbit-ring::after {content:"";position:absolute;inset:49px -23px;border:1px solid #6ac9d575;border-radius:50%;transform:rotate(-5deg);}
html.hx-ui .hx-orbit-core {display:flex;flex-direction:column;align-items:center;gap:8px;width:122px;height:122px;justify-content:center;border-radius:35px;background:linear-gradient(140deg,#d5f2ffbd,#c0ccff80);border:1px solid #bbe6ff;box-shadow:0 15px 35px #667cdc30;}
html.hx-ui .hx-orbit-core img {width:57px;height:57px;}
html.hx-ui .hx-orbit-core span {font-size:11px;font-weight:800;letter-spacing:.35em;color:#163557;margin-left:4px;}
html.hx-ui .hx-orbit-label {position:absolute;padding:5px 9px;border:1px solid var(--hx-line);background:var(--panel);border-radius:6px;font:750 8px var(--font-ui);letter-spacing:.14em;color:var(--hx-soft);box-shadow:0 3px 10px #131e3812;}
html.hx-ui .hx-orbit-one {top:11px;left:23px;} html.hx-ui .hx-orbit-two {right:-3px;top:106px;} html.hx-ui .hx-orbit-three {bottom:9px;left:36px;}
html.hx-ui .hx-orbit-dot {position:absolute;left:11px;top:145px;background:#8d75f4;width:9px;height:9px;border-radius:50%;box-shadow:0 0 0 5px #a089f522;}
html.hx-ui #app .mode-lab {max-width:none;display:grid;grid-template-columns:165px minmax(0,1fr);gap:14px;margin:28px 0 0;padding:14px;border:1px solid var(--hx-line)!important;background:var(--panel)!important;border-radius:14px;box-shadow:none!important;content-visibility:visible;contain-intrinsic-size:none;}
html.hx-ui #app .mode-lab-kicker {font:700 9px var(--font-ui);letter-spacing:.09em;color:var(--hx-violet);}
html.hx-ui #app .mode-lab strong {font-size:12px;color:var(--text);font-weight:650;}
html.hx-ui #app .mode-jumps {gap:6px;}
html.hx-ui #app .mode-jumps button {border:1px solid transparent!important;box-shadow:none!important;background:var(--panel-2)!important;border-radius:9px;min-height:58px;font-size:12px;color:var(--text);text-shadow:none;}
html.hx-ui #app .mode-jumps button :is(span,small) {color:var(--muted);}
html.hx-ui #app .mode-jumps button small {font-size:9px;line-height:1.4;font-weight:500;}
html.hx-ui #app .mode-jumps button[aria-pressed="true"] {background:#6fb1ff16!important;border:1px solid #689bd7a6!important;color:var(--hx-link)!important;}
html.hx-ui .hx-section-label {display:flex;justify-content:space-between;gap:10px;margin:27px 0 12px;font-size:9px;letter-spacing:.12em;color:var(--muted);font-weight:700;}
html.hx-ui .hx-section-label span:last-child {letter-spacing:0;font-size:10px;font-weight:500;}
html.hx-ui #app .portal-paths {max-width:none;gap:10px;margin:0;content-visibility:visible;contain-intrinsic-size:none;}
html.hx-ui #app .portal-path {display:flex;align-items:flex-start;justify-content:flex-start;position:relative;min-height:154px;padding:17px 15px;gap:8px;background:var(--hx-card)!important;border:1px solid var(--hx-line)!important;border-radius:14px!important;mask:none!important;-webkit-mask:none!important;filter:none!important;transform:none!important;box-shadow:0 3px 8px #101b3210!important;text-shadow:none;}
html.hx-ui #app .portal-path::before,html.hx-ui #app .portal-path::after {display:none!important;}
html.hx-ui #app .portal-path .hx-card-icon {position:static;display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#519cf61c;color:var(--hx-blue);font:700 19px var(--font-ui);margin-bottom:2px;}
html.hx-ui #app .portal-path.create .hx-card-icon {color:var(--hx-violet);background:#b299ff24;}
html.hx-ui #app .portal-path.build .hx-card-icon {color:#18a596;background:#35ceb321;}
html.hx-ui #app .portal-path.proof .hx-card-icon {color:#d475a9;background:#e592c41c;}
html.hx-ui #app .portal-path b {font:700 12px/1.5 var(--font-ui);color:var(--text);}
html.hx-ui #app .portal-path b i {font-style:normal;font-size:7px;color:var(--hx-violet);display:block;letter-spacing:.1em;}
html.hx-ui #app .portal-path small {color:var(--muted);font-size:11px;line-height:1.6;}
html.hx-ui #app .portal-path .hx-card-arrow {position:absolute;right:14px;top:18px;font-size:16px;color:var(--faint);}
html.hx-ui #app .portal-path:hover {border-color:var(--hx-blue)!important;box-shadow:0 8px 18px #5682ac17!important;}
html.hx-ui #app .generation-note {margin:14px 0 -10px;color:var(--muted);font-size:10px;content-visibility:visible;}
html.hx-ui #app .generation-note a {font-size:10px;color:var(--hx-link);min-height:30px;}
html.hx-ui #app .prompt-lab {margin:19px 0 10px;text-transform:none;letter-spacing:0;color:var(--text);font-size:12px;justify-content:space-between;content-visibility:visible;contain-intrinsic-size:none;}
html.hx-ui #app .prompt-lab::before,html.hx-ui #app .prompt-lab::after {display:none;}
html.hx-ui #shuffle-idea {font:600 11px var(--font-ui);color:var(--hx-link);min-height:36px;padding:6px 12px;border-radius:9px;border:1px solid var(--hx-line);background:var(--panel);}
html.hx-ui #app .starters {gap:10px;content-visibility:visible;contain-intrinsic-size:none;}
html.hx-ui #app .starter {background:var(--panel)!important;border:1px solid var(--hx-line)!important;box-shadow:none!important;text-shadow:none;border-radius:12px;max-width:none;width:100%;min-height:58px;padding:12px 15px;color:var(--muted);font-size:11px;line-height:1.6;}
html.hx-ui #app .composer {padding:12px 32px 4px;background:var(--hx-paper)!important;box-shadow:none;}
html.hx-ui #app .composer-inner {box-shadow:none;background:transparent;}
html.hx-ui #app .composer-row {background:var(--panel)!important;border:1px solid var(--divider-strong);border-radius:16px;box-shadow:0 4px 18px #2033540c;padding:7px;gap:8px;min-height:66px;}
html.hx-ui #app #composer-input {padding:14px 13px;font-size:14px;line-height:23px;min-height:48px;color:var(--text);}
html.hx-ui #app #composer-input::placeholder {color:var(--faint);}
html.hx-ui #app .btn-send {background:linear-gradient(115deg,#87e3ff,#aaaaff)!important;color:#102640!important;text-shadow:none!important;border:0;box-shadow:none!important;border-radius:11px;min-height:46px;height:46px;}
html.hx-ui #app .btn-send:disabled {background:var(--panel-3)!important;color:var(--faint)!important;opacity:.75;}
html.hx-ui #app .footer.footer-compact {background:var(--hx-paper)!important;padding:0 32px 7px!important;min-height:32px!important;color:var(--muted);font-size:10px;}
html.hx-ui #app .msg {font-family:var(--font-ui);max-width:960px;width:100%;margin-inline:auto;}
html.hx-ui #app .msg-bubble {background:var(--panel);color:var(--text);border:1px solid var(--divider);border-radius:16px;box-shadow:none;line-height:1.75;font-size:15px;}
html.hx-ui #app .msg.user .msg-bubble {background:var(--panel-3);}
html.hx-ui #app .msg-role {color:var(--hx-link);font-size:11px;font-weight:700;}
html.hx-ui #app .msg.error .msg-bubble {border-color:#d7889266;background:#ec96a00a;color:var(--text);}
html.hx-ui #app .msg-actions button {background:var(--panel);border:1px solid var(--divider);color:var(--muted);box-shadow:none;font-size:11px;min-height:36px;padding:6px 12px;}
html.hx-ui #app .workspace-pane {background:var(--panel)!important;border-color:var(--divider);box-shadow:none;color:var(--text);}
html.hx-ui #app .workspace-pane h2,html.hx-ui #app .workspace-pane h3 {font-family:var(--font-ui);font-weight:650;text-shadow:none;color:var(--text);}
html.hx-ui #app .workspace-pane .workspace-button {background:var(--panel-3)!important;border:1px solid var(--divider);box-shadow:none;color:var(--text);}
html.hx-ui #app .workspace-pane .workspace-welcome {color:var(--text);font-size:24px;}
html.hx-ui .hx-directory {width:min(760px,calc(100vw - 32px));max-height:min(720px,calc(100dvh - 40px));padding:0;border:1px solid var(--divider-strong);border-radius:22px;background:var(--panel);color:var(--text);box-shadow:0 30px 130px #07122670;overflow:hidden;}
html.hx-ui .hx-directory::backdrop {background:#07152ac2;backdrop-filter:blur(5px);}
html.hx-ui .hx-directory[open] {display:flex;flex-direction:column;}
html.hx-ui .hx-dir-head {display:flex;align-items:center;justify-content:space-between;padding:24px 25px 12px;gap:16px;}
html.hx-ui .hx-dir-head h2 {margin:0;font:750 23px/1.3 var(--font-ui);letter-spacing:-.03em;color:var(--text);}
html.hx-ui .hx-dir-head p {margin:5px 0 0;font-size:12px;color:var(--muted);}
html.hx-ui .hx-dir-close {flex:none;width:44px;height:44px;font-size:25px;background:var(--panel-3);border:1px solid var(--divider);border-radius:11px;color:var(--text);}
html.hx-ui .hx-dir-search {display:flex;align-items:center;gap:12px;margin:7px 25px 14px;border:1px solid var(--divider-strong);border-radius:12px;background:var(--panel-2);padding:0 15px;}
html.hx-ui .hx-dir-search input {width:100%;min-height:48px;border:0!important;box-shadow:none!important;background:transparent!important;font:14px var(--font-ui);color:var(--text);outline:none;}
html.hx-ui .hx-dir-search:focus-within {outline:2px solid var(--hx-blue);outline-offset:2px;}
html.hx-ui .hx-dir-filters {display:flex;gap:6px;flex-wrap:wrap;padding:0 25px 15px;border-bottom:1px solid var(--divider);}
html.hx-ui .hx-dir-filters button {border:1px solid var(--divider);background:var(--panel-2);color:var(--muted);font:600 11px var(--font-ui);padding:8px 12px;min-height:36px;border-radius:8px;}
html.hx-ui .hx-dir-filters button[aria-pressed=true] {background:#69b8ff18;color:var(--hx-link);border-color:var(--hx-blue);}
html.hx-ui .hx-dir-results {overflow:auto;overscroll-behavior:contain;padding:12px 17px 20px;display:grid;grid-template-columns:1fr 1fr;gap:5px;min-height:100px;}
html.hx-ui .hx-dir-item {display:flex;gap:12px;min-height:82px;align-items:center;padding:12px;border:1px solid transparent;border-radius:12px;text-decoration:none;background:var(--panel);color:var(--text);}
html.hx-ui .hx-dir-item:hover,html.hx-ui .hx-dir-item:focus-visible {background:var(--panel-3);border-color:var(--divider);}
html.hx-ui .hx-dir-icon {display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:10px;background:#83baff1a;color:var(--hx-link);font-size:17px;}
html.hx-ui .hx-dir-item b {font-size:13px;display:block;}
html.hx-ui .hx-dir-item small {font-size:11px;display:block;color:var(--muted);line-height:1.5;margin-top:3px;}
html.hx-ui .hx-dir-count {border-top:1px solid var(--divider);padding:12px 25px;color:var(--muted);font-size:11px;}
html.hx-ui .hx-no-results {grid-column:1/-1;padding:25px;color:var(--muted);font-size:13px;}
html.hx-ui :is(a,button,input,textarea,select):focus-visible {outline:2px solid var(--hx-blue);outline-offset:3px;}
@media(min-width:901px){html.hx-ui #app .app{grid-template-columns:220px minmax(0,1fr);}html.hx-ui #app .sidebar-links a {min-height:35px;}html.hx-ui #app[data-workspace-open="true"] .hx-orbit{display:none;}html.hx-ui #app[data-workspace-open="true"] .hx-hero-grid{grid-template-columns:1fr;}html.hx-ui #app[data-workspace-open="true"] .portal-paths{grid-template-columns:repeat(2,minmax(0,1fr));}html.hx-ui #app[data-workspace-open="true"] .mode-lab{grid-template-columns:1fr;}}
@media(max-width:1250px){html.hx-ui .hx-headernav{margin-left:10px;}html.hx-ui .hx-headernav a{padding-inline:9px;}html.hx-ui .hx-search-trigger kbd{display:none;}html.hx-ui .hx-hero-grid{grid-template-columns:minmax(0,1fr) 180px;}html.hx-ui .hx-orbit{width:180px;height:210px;}html.hx-ui #app .mode-lab{grid-template-columns:1fr;gap:8px;}html.hx-ui #app .mode-lab>div:first-child{display:flex;gap:12px;align-items:center;}html.hx-ui #app .mode-lab-kicker{margin:0;}}
@media(max-width:1090px){html.hx-ui .hx-headernav{display:none;}html.hx-ui #app .messages-wrap{padding:20px;}html.hx-ui #app .signal-portal{padding:24px!important;}html.hx-ui #app .portal-paths{grid-template-columns:repeat(2,minmax(0,1fr));}html.hx-ui #app .portal-path{min-height:137px;}html.hx-ui #app .composer{padding-inline:20px;}html.hx-ui #app .footer.footer-compact{padding-inline:20px!important;}}
@media(max-width:900px){html.hx-ui #app .header{padding:8px 12px;min-height:62px;}html.hx-ui #app .sidebar-inner{padding-top:16px;}html.hx-ui #app .sidebar-links a{min-height:44px;}html.hx-ui .hx-search-trigger{min-width:44px;justify-content:center;}html.hx-ui .hx-search-trigger>span:not(.hx-search-glyph){display:none;}html.hx-ui #app .status-pill{width:36px;padding:0;min-width:28px;}html.hx-ui .hx-hero-grid{grid-template-columns:minmax(0,1fr) 205px;}html.hx-ui .hx-orbit{width:205px;height:205px;}html.hx-ui #app .product-ribbon{padding:6px 16px;min-height:48px;}html.hx-ui #app .composer{padding:8px 12px 3px;}html.hx-ui #app .footer.footer-compact{padding-inline:14px!important;}}
@media(max-width:620px){html.hx-ui .hx-hero-grid{grid-template-columns:1fr;}html.hx-ui .hx-orbit{display:none;}html.hx-ui #app #signal-title{font-size:36px!important;max-width:100%;}html.hx-ui #app .signal-portal{padding:22px 20px!important;border-radius:17px!important;}html.hx-ui #app .messages-wrap{padding:16px 12px;}html.hx-ui #app .portal-toolbar{margin-bottom:22px;gap:9px;align-items:flex-start;}html.hx-ui #app .empty-kicker{font-size:8px;max-width:170px;}html.hx-ui .hx-release{font-size:7px;padding:4px 6px;}html.hx-ui #app .hx-hero-copy>p{font-size:13px!important;line-height:1.65!important;margin-bottom:20px!important;}html.hx-ui #app .portal-actions{display:grid;grid-template-columns:1fr;}html.hx-ui #app .portal-cta{width:100%;font-size:12px;}html.hx-ui #app .mode-lab{order:initial;padding:10px;margin-top:20px;gap:9px;}html.hx-ui #app .mode-lab>div:first-child{display:block;}html.hx-ui #app .mode-lab-kicker{margin-bottom:5px;}html.hx-ui #app .mode-jumps{grid-template-columns:repeat(2,minmax(0,1fr));}html.hx-ui #app .mode-jumps button{min-height:54px;}html.hx-ui .hx-section-label{margin-top:22px;}html.hx-ui .hx-section-label span:last-child{display:none;}html.hx-ui #app .portal-paths{order:initial;gap:8px;}html.hx-ui #app .portal-path{min-height:158px;padding:13px 11px;gap:7px;}html.hx-ui #app .portal-path b{font-size:11px;}html.hx-ui #app .portal-path small{font-size:10px;}html.hx-ui #app .portal-path .hx-card-arrow{right:10px;}html.hx-ui #app .generation-note{font-size:9px;text-align:left;margin-bottom:-9px;}html.hx-ui #app .generation-note a{min-height:34px;}html.hx-ui #app .starters{grid-template-columns:1fr;}html.hx-ui #app .starter{min-height:48px;}html.hx-ui #app .composer-row{min-height:57px;padding:4px;border-radius:13px;}html.hx-ui #app #composer-input{font-size:16px;padding:11px 10px;min-height:46px;}html.hx-ui .hx-dir-results{grid-template-columns:1fr;}html.hx-ui .hx-dir-head{padding:19px 18px 10px;}html.hx-ui .hx-dir-head h2{font-size:21px;}html.hx-ui .hx-dir-search{margin-inline:18px;}html.hx-ui .hx-dir-filters{padding-inline:18px;}html.hx-ui .hx-directory{max-height:calc(100dvh - 24px);}}
@media(max-width:420px){html.hx-ui #app .header{gap:5px;padding-inline:8px;}html.hx-ui .header .header-actions{gap:4px;}html.hx-ui .hx-search-trigger{padding:0;width:40px;min-width:40px;}html.hx-ui #app .icon-btn,html.hx-ui #app .btn-menu{width:40px;min-width:40px;}html.hx-ui #app .brand{min-width:34px;}html.hx-ui #app .mode-trigger{width:66px;max-width:66px;}html.hx-ui #app .status-pill{width:25px;min-width:25px;}html.hx-ui #app .portal-toolbar{flex-wrap:wrap;}html.hx-ui .hx-release{margin-left:auto;}html.hx-ui #app .footer-brand{font-size:9px;}}
@media(prefers-reduced-motion:reduce){html.hx-ui *,html.hx-ui ::before,html.hx-ui ::after{animation:none!important;transition:none!important;scroll-behavior:auto!important;}}
@media(forced-colors:active){html.hx-ui *{box-shadow:none!important;text-shadow:none!important;}html.hx-ui #app :is(.signal-portal,.portal-path,.composer-row,.mode-jumps button),html.hx-ui .hx-directory{background:Canvas!important;color:CanvasText!important;border:1px solid CanvasText!important;}html.hx-ui .hx-orbit{display:none;}html.hx-ui :is(a,button):focus-visible{outline:2px solid Highlight;}}

html.hx-ui #app :is(p,span,a,button){text-shadow:none!important;}
html.hx-ui :is(button,a,input,textarea,select){font-family:var(--font-ui)!important;}
html.hx-ui #hx-context-note{font-size:10px;color:var(--muted);}
html.hx-ui [hidden]{display:none!important;}

html.hx-ui{--font-ui:system-ui,sans-serif!important;}
html.hx-ui .hx-dir-search input:focus-visible{outline:none!important;}
@media(max-width:420px){html.hx-ui .hx-search-trigger,html.hx-ui #app .icon-btn,html.hx-ui #app .btn-menu{width:44px;min-width:44px;}}