/* Spectrum Workspace: presentation-only tokens. No continuously animated layers. */
html.hx-ui {
  --sp-a:#72e2f4; --sp-b:#baa0ff; --sp-c:#ff93bb; --sp-d:#ffd58d;
  --sp-wash-a:#6e7dff19; --sp-wash-b:#20d4c417; --sp-wash-c:#ff62a115;
  --sp-grid:#afbdff08; --sp-line:#788ce348; --sp-text:#edf1ff;
  --sp-edge:linear-gradient(105deg,var(--sp-a),var(--sp-b) 40%,var(--sp-c) 72%,var(--sp-d));
  --hx-blue:#9baeff; --hx-violet:#baa0ff; --hx-cyan:#72e2f4;
}
html.hx-ui[data-theme="light"] {
  --sp-a:#075a78; --sp-b:#6133ae; --sp-c:#a42865; --sp-d:#8c5003;
  --sp-wash-a:#8b7ef41d; --sp-wash-b:#24bfc01c; --sp-wash-c:#fd73b017;
  --sp-grid:#43568e09; --sp-line:#7163ac36; --sp-text:#202d52;
  --hx-blue:#3349bc; --hx-violet:#6836a3; --hx-cyan:#076580;
}
html.hx-ui[data-palette="electric"] {
  --sp-a:#64e6f5; --sp-b:#77b9ff; --sp-c:#b4a3ff; --sp-d:#7df6d4;
  --sp-wash-a:#0895ff1a; --sp-wash-b:#00dcb31b; --sp-wash-c:#8066fc15;
}
html.hx-ui[data-palette="sunset"] {
  --sp-a:#ffbc88; --sp-b:#ff94b6; --sp-c:#d7a5ff; --sp-d:#ffe295;
  --sp-wash-a:#ff875a21; --sp-wash-b:#ce59fd1b; --sp-wash-c:#ffa32618;
}
html.hx-ui[data-theme="light"][data-palette="electric"] {
  --sp-a:#005e75; --sp-b:#2356af; --sp-c:#5f38ab; --sp-d:#06634b;
  --sp-wash-a:#20a9ef1b; --sp-wash-b:#17bba51b; --sp-wash-c:#8a6aff15;
}
html.hx-ui[data-theme="light"][data-palette="sunset"] {
  --sp-a:#984311; --sp-b:#a22162; --sp-c:#6f319e; --sp-d:#805200;
  --sp-wash-a:#ff955922; --sp-wash-b:#c35ed21c; --sp-wash-c:#ffc63119;
}
html.hx-ui #app .messages-wrap {
  background:radial-gradient(ellipse at 8% 4%,var(--sp-wash-a),transparent 62%),radial-gradient(ellipse at 96% 22%,var(--sp-wash-b),transparent 59%),linear-gradient(135deg,transparent 35%,var(--sp-wash-c));
}
html.hx-ui #app .signal-portal {
  border:1px solid var(--sp-line); isolation:isolate;
  background:linear-gradient(125deg,var(--sp-wash-a),transparent 48%,var(--sp-wash-b)),var(--panel);
  box-shadow:0 16px 64px #00000012,inset 0 1px 0 #ffffff18;
}
html.hx-ui #app .signal-portal::before {
  content:"";position:absolute;inset:0 0 auto;height:3px;pointer-events:none;
  background:var(--sp-edge);opacity:.95;transform:none;
}
html.hx-ui #app .hx-orbit {
  background:radial-gradient(circle,var(--sp-wash-a) 10%,transparent 70%),repeating-linear-gradient(0deg,transparent 0 23px,var(--sp-grid) 24px),repeating-linear-gradient(90deg,transparent 0 23px,var(--sp-grid) 24px);
}
html.hx-ui #app .hx-orbit-ring {
  border-color:var(--sp-line);box-shadow:0 0 36px var(--sp-wash-a),inset 0 0 42px var(--sp-wash-b);
}
html.hx-ui #app .hx-orbit-core {border-color:var(--sp-line);box-shadow:0 12px 48px var(--sp-wash-a);}
html.hx-ui #app .hx-orbit-label {color:var(--sp-text);border-color:var(--sp-line);background:var(--panel);}
html.hx-ui #app #signal-title em {background:var(--sp-edge);background-clip:text;-webkit-background-clip:text;color:transparent;}
html.hx-ui #app .hx-release {color:var(--sp-b);border-color:var(--sp-line);background:var(--sp-wash-a);}
html.hx-ui #app .portal-path {border-color:var(--sp-line);background:linear-gradient(140deg,var(--sp-wash-a),transparent 80%),var(--panel);}
html.hx-ui #app .portal-path:nth-child(2) {background:linear-gradient(140deg,var(--sp-wash-c),transparent 80%),var(--panel);}
html.hx-ui #app .portal-path:nth-child(3) {background:linear-gradient(140deg,var(--sp-wash-b),transparent 80%),var(--panel);}
html.hx-ui #app .portal-path:nth-child(4) {background:linear-gradient(140deg,var(--sp-wash-a),transparent 80%),var(--panel);}
html.hx-ui #app .portal-path .hx-card-icon {color:var(--sp-b);}
html.hx-ui #app .portal-path:nth-child(2) .hx-card-icon {color:var(--sp-c);}
html.hx-ui #app .portal-path:nth-child(3) .hx-card-icon {color:var(--sp-a);}
html.hx-ui #app .mode-jumps button[aria-pressed="true"] {border-color:var(--sp-b);box-shadow:inset 0 0 0 1px var(--sp-line);background:var(--sp-wash-a);}
html.hx-ui #app .composer-inner {border-color:var(--sp-line);box-shadow:0 -3px 22px var(--sp-wash-a);}
html.hx-ui #app .product-ribbon {border-bottom-color:var(--sp-line);}
html.hx-ui #app .footer-brand {color:var(--text-muted);}
html.hx-ui .hx-palette-row {gap:16px;}
html.hx-ui .hx-palette-row label {font-weight:600;}
html.hx-ui .hx-palette-row select {max-width:180px;min-height:44px;}
html.hx-ui .hx-palette-note {font-size:12px;line-height:1.5;color:var(--text-muted);margin:0 0 12px;}
html.hx-ui .hx-palette-choices {display:flex;flex-wrap:wrap;gap:8px;padding:0 18px 14px;}
html.hx-ui .hx-palette-choices button {
  display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 12px;
  color:var(--text);background:var(--panel);border:1px solid var(--divider-strong);border-radius:12px;
  font:600 12px/1.3 var(--font-ui);cursor:pointer;
}
html.hx-ui .hx-palette-choices button[aria-pressed="true"] {border-color:var(--sp-b);box-shadow:inset 0 0 0 1px var(--sp-b);}
html.hx-ui .hx-palette-swatch {width:14px;height:14px;flex:none;border-radius:50%;border:1px solid #00000020;}
html.hx-ui .hx-palette-swatch[data-swatch="spectrum"] {background:linear-gradient(130deg,#25c6db,#9368ff,#f871ad,#ffc56a);}
html.hx-ui .hx-palette-swatch[data-swatch="electric"] {background:linear-gradient(130deg,#37c6e9,#5b89fa,#80e6c8);}
html.hx-ui .hx-palette-swatch[data-swatch="sunset"] {background:linear-gradient(130deg,#ffbc76,#ed75ab,#b78eff);}
html.hx-ui .hx-dir-filters button,html.hx-ui .hx-dir-close {min-height:44px;}
html.hx-ui .hx-dir-item {border-color:var(--sp-line);}
html.hx-ui .hx-dir-icon {color:var(--sp-b);background:var(--sp-wash-a);}
html.hx-ui .hx-directory {box-shadow:0 25px 110px #00000055;border-color:var(--sp-line);}
html.hx-ui :is(.hx-palette-choices button,.hx-palette-row select):focus-visible {outline:3px solid var(--sp-a);outline-offset:3px;}
@media(max-width:600px) {
  html.hx-ui .hx-palette-row {align-items:flex-start;flex-direction:column;gap:8px;}
  html.hx-ui .hx-palette-row select {max-width:none;width:100%;}
  html.hx-ui .hx-palette-choices {padding:0 12px 12px;gap:6px;}
  html.hx-ui .hx-palette-choices button {flex:1;padding:8px;font-size:11px;}
}
@media(prefers-reduced-motion:reduce) {html.hx-ui .hx-palette-choices button {transition:none;}}
@media(forced-colors:active) {
  html.hx-ui #app #signal-title em {color:CanvasText;background:none;}
  html.hx-ui #app .signal-portal::before {background:Highlight;}
  html.hx-ui :is(.hx-palette-choices button,.hx-palette-row select) {color:ButtonText;background:ButtonFace;border-color:ButtonText;}
  html.hx-ui .hx-palette-choices button[aria-pressed="true"] {outline:2px solid Highlight;}
}

/* Reserve late-mounted Cast/account controls before first paint, not afterward. */
html.hx-ui #app .product-ribbon {min-height:57px;height:57px;flex-shrink:0;box-sizing:border-box;padding-block:6px;flex-wrap:nowrap;}
html.hx-ui #app .product-ribbon-actions {position:relative;flex:none;min-height:44px;padding-inline-start:104px;box-sizing:border-box;}
html.hx-ui #app .product-ribbon-actions :is(.radio-live-link,.workspace-launch) {height:44px;min-height:44px;box-sizing:border-box;}
html.hx-ui #app .product-ribbon-actions .cast-launch,
html.hx-ui #app .product-ribbon-actions .hal-acct-chip {position:absolute;top:0;width:44px;height:44px;min-width:44px;min-height:44px;margin:0;padding:0;justify-content:center;box-sizing:border-box;}
html.hx-ui #app .product-ribbon-actions .hal-acct-chip {left:0;}
html.hx-ui #app .product-ribbon-actions .cast-launch {left:52px;}
html.hx-ui #app .product-ribbon-actions .cast-launch b,
html.hx-ui #app .product-ribbon-actions .hal-acct-name {display:none;}
html.hx-ui #app .product-ribbon-copy {min-width:0;}
html.hx-ui #app .product-ribbon-copy strong {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
html.hx-ui #app #signal-title em {background:var(--sp-edge)!important;background-clip:text!important;-webkit-background-clip:text!important;color:transparent!important;}
@media(max-width:360px){html.hx-ui #app .product-ribbon-copy{display:none;}html.hx-ui #app .product-ribbon-actions{margin-inline:auto;}}
@media(forced-colors:active){html.hx-ui #app #signal-title em {color:CanvasText!important;background:none!important;}}

/* A name must exist before the async account response, not only afterward. */
html.hx-ui #app .product-ribbon-actions .hal-acct-name {display:block;position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;margin:-1px;padding:0;}
html.hx-ui {--sp-button-a:#8ae8ed;--sp-button-b:#bcaaff;}
html.hx-ui[data-palette="electric"] {--sp-button-a:#73ecd1;--sp-button-b:#86c9ff;}
html.hx-ui[data-palette="sunset"] {--sp-button-a:#ffbd89;--sp-button-b:#ed9bd2;}
html.hx-ui #app :is(.portal-cta.primary,.btn-new) {background:linear-gradient(105deg,var(--sp-button-a),var(--sp-button-b))!important;color:#16213c!important;border-color:transparent;}
html.hx-ui #app .hx-orbit-core {background:linear-gradient(135deg,var(--sp-button-a),var(--sp-button-b))!important;color:#16213c;}
html.hx-ui #app #signal-title em {-webkit-text-fill-color:transparent!important;}
html.hx-ui #app .header {position:relative;}
html.hx-ui #app .header::after {content:"";position:absolute;inset:auto 0 -1px;display:block!important;height:2px;background:var(--sp-edge);opacity:.8;pointer-events:none;}
@media(forced-colors:active){html.hx-ui #app #signal-title em {-webkit-text-fill-color:CanvasText!important;}html.hx-ui #app :is(.portal-cta.primary,.btn-new) {background:ButtonFace!important;color:ButtonText!important;border-color:ButtonText;}}