/* WormHole / Orbit 02. All surfaces and motion are scoped to the app sidebar. */
.wh-sidebar.wh-orbit-sidebar {
  --orbit-ink: #f2f9fc;
  --orbit-muted: #9caeb5;
  --orbit-line: #ffffff12;
  --orbit-cyan: #9de9ef;
  --orbit-accent: #b1dcee;
  width: 256px;
  --orbit-aurora-primary: #4fa9bd36;
  --orbit-aurora-secondary: #718ca62b;
  --orbit-star: #b8eaf6;
  color-scheme: dark;
  color: var(--orbit-ink);
  background: radial-gradient(ellipse at 0 0, #31464f75, transparent 48%), linear-gradient(165deg, #192028 0%, #141a20 62%, #1c2229 100%);
  border-right: 1px solid #3a464b;
  box-shadow: 8px 0 32px #171e2608;
  isolation: isolate;
}
.wh-orbit-sidebar ~ .wh-main { margin-left: 256px; }
.wh-orbit-sidebar::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; opacity: .22; background-image: radial-gradient(#b9d4e0 0.6px, transparent 0.6px); background-size: 23px 23px; mask-image: linear-gradient(#000, transparent 40%); }
.wh-orbit-sidebar .wh-orbit-brand { display: block; height: auto; flex-shrink: 0; padding: 22px 23px 21px; text-decoration: none; }
.wh-orbit-brand-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 17px; }
.wh-orbit-eyebrow { color: #a4bac4; font-size: 8px; font-weight: 600; letter-spacing: 1.7px; }
.wh-orbit-edition { color: #bee2f1; border: 1px solid #a3d6ec40; border-radius: 4px; padding: 1px 4px; font-size: 9px; line-height: 13px; font-family: ui-monospace, monospace; }
.wh-orbit-sidebar .wh-brand { gap: 11px; font-size: 24px; font-weight: 650; letter-spacing: -1px; color: #f3fafd; }
.wh-orbit-sidebar .wh-brand-icon { position: relative; width: 39px; height: 39px; border-radius: 13px; background: linear-gradient(145deg, #96c6db, #6898ac); box-shadow: 0 0 24px #8ecce725, inset 0 1px 0 #ffffff60; transform: rotate(-7deg); transition: transform .6s cubic-bezier(.16,1,.3,1), box-shadow .4s; }
.wh-orbit-sidebar .wh-brand-icon svg { color: white; transform: rotate(7deg); }
.wh-orbit-sidebar .wh-brand-icon::after { content: ""; position: absolute; inset: -5px; border: 1px solid #b3ddef3b; border-radius: 17px; transform: rotate(13deg); transition: transform .7s cubic-bezier(.16,1,.3,1); }
.wh-orbit-sidebar .wh-brand-period { color: var(--orbit-cyan); }
.wh-orbit-brand:hover .wh-brand-icon { transform: rotate(3deg); box-shadow: 0 0 30px #8ecce750, inset 0 1px 0 #ffffff60; }
.wh-orbit-brand:hover .wh-brand-icon::after { transform: rotate(-12deg); }
.wh-orbit-brand-caption { display: flex; align-items: center; gap: 6px; margin: 12px 0 0 2px; color: #a2b1b7; font-size: 10px; letter-spacing: .7px; }
.wh-orbit-status-dot { width: 4px; height: 4px; border-radius: 50%; background: var(--orbit-cyan); box-shadow: 0 0 8px #9de9ef70; }
.wh-orbit-tools { flex-shrink: 0; padding: 0 18px 12px; }
.wh-orbit-search { display: flex; align-items: center; gap: 8px; height: 37px; padding: 0 11px; background: #0c121970; border: 1px solid #afc7d123; border-radius: 10px; color: #90a4ad; transition: border-color .25s, box-shadow .25s, background .25s; }
.wh-orbit-search:focus-within { border-color: #acdaee8a; background: #1c2229; box-shadow: 0 0 0 3px #a6d7ec12; }
.wh-orbit-search > svg { flex-shrink: 0; }
.wh-orbit-search input { width: 0; flex: 1; min-width: 0; padding: 0; border: 0; outline: 0; background: transparent; color: #edf7fb; box-shadow: none; font-size: 11px; line-height: 35px; }
.wh-orbit-search input::placeholder { color: #a1afb5; }
.wh-orbit-search input::-webkit-search-cancel-button { display: none; }
.wh-orbit-search kbd { flex-shrink: 0; color: #9cacb3; border: 1px solid #bdd3dc26; border-radius: 4px; padding: 1px 4px; font-size: 8px; line-height: 13px; font-family: inherit; }
.wh-orbit-search-clear { color: #c7dbe4; font-size: 20px; line-height: 20px; padding: 0 2px; }
.wh-orbit-create { --wh-tilt-x: 0deg; --wh-tilt-y: 0deg; --wh-glow-x: 60%; --wh-glow-y: 20%; display: flex; align-items: center; gap: 12px; min-height: 76px; position: relative; margin-top: 13px; padding: 13px; overflow: hidden; color: #f3fafd; border-radius: 15px; border: 1px solid #afdbee5c; background: radial-gradient(ellipse at var(--wh-glow-x) var(--wh-glow-y), #acdaee47, transparent 68%), linear-gradient(115deg, #394d55, #2f3b49); box-shadow: inset 0 1px 0 #ffffff18, 0 10px 25px #00000020; transform: perspective(650px) rotateX(var(--wh-tilt-x)) rotateY(var(--wh-tilt-y)); transition: border-color .3s, box-shadow .3s; transform-style: preserve-3d; }
.wh-orbit-create::before { content: ""; position: absolute; width: 90px; height: 140px; top: -45px; right: -32px; border: 1px solid #b6def022; border-radius: 50%; transform: rotate(-35deg); }
.wh-orbit-create::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(110deg, transparent 30%, #dceff71f 48%, transparent 66%); transform: translateX(-140%); }
.wh-orbit-create:hover { border-color: #cde8f4a1; box-shadow: inset 0 1px 0 #ffffff25, 0 10px 30px #89cae620; }
.wh-orbit-create:hover::after { animation: wh-orbit-sweep 950ms cubic-bezier(.22,1,.36,1) both; }
.wh-orbit-portal { position: relative; display: grid; place-items: center; flex-shrink: 0; width: 36px; height: 42px; }
.wh-orbit-portal i { position: absolute; width: 28px; height: 36px; border: 1.5px solid #c7e6f3; border-radius: 50%; transform: rotate(35deg); box-shadow: 0 0 12px #aedbee33, inset 0 0 8px #aedbee33; transition: transform .8s cubic-bezier(.16,1,.3,1); }
.wh-orbit-ring-secondary i { border-color: #a3e7ef9c; transform: rotate(-35deg); }
.wh-orbit-portal > .wh-orbit-portal-core { color: white; font-size: 21px; font-weight: 300; z-index: 1; transition: transform .6s cubic-bezier(.16,1,.3,1); }
.wh-orbit-create:hover .wh-orbit-ring-primary i { transform: rotate(115deg) scale(1.06); }
.wh-orbit-create:hover .wh-orbit-ring-secondary i { transform: rotate(-115deg) scale(1.06); }
.wh-orbit-create:hover .wh-orbit-portal > .wh-orbit-portal-core { transform: rotate(90deg); }
.wh-orbit-create-copy { display: flex; flex-direction: column; gap: 5px; position: relative; }
.wh-orbit-create-copy small { color: #c0d8e2; font-size: 8px; font-weight: 500; letter-spacing: 1.4px; }
.wh-orbit-create-copy strong { font-size: 12px; letter-spacing: .3px; font-weight: 600; }
.wh-orbit-create-arrow { flex-shrink: 0; margin-left: auto; color: #b7e3f0; transition: transform .5s cubic-bezier(.16,1,.3,1); }
.wh-orbit-create:hover .wh-orbit-create-arrow { transform: translate(2px,-3px); }
.wh-orbit-sidebar nav.wh-orbit-nav { position: relative; min-height: 0; overflow-x: hidden; padding: 0 18px 18px; scrollbar-width: thin; scrollbar-color: #4f5e64 transparent; scroll-behavior: auto; }
.wh-orbit-nav::-webkit-scrollbar { width: 3px; }
.wh-orbit-nav::-webkit-scrollbar-thumb { background: #4f5e64; border-radius: 8px; }
.wh-orbit-sidebar .wh-nav-caption { display: flex; align-items: center; justify-content: space-between; padding: 14px 11px 9px; color: #abbac1; font-size: 10px; font-weight: 500; letter-spacing: 1px; }
.wh-orbit-sidebar .wh-nav-caption small { color: #788a92; font-size: 8px; letter-spacing: 1.2px; }
.wh-orbit-sidebar nav a.wh-orbit-link { position: relative; z-index: 1; gap: 11px; min-height: 41px; margin: 3px 0; padding: 9px 11px; border: 1px solid transparent; border-radius: 10px; color: #bac8ce; font-size: 12px; font-weight: 400; line-height: 20px; transition: color .25s, background .25s, border-color .25s; }
.wh-orbit-sidebar nav a.wh-orbit-link > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wh-orbit-sidebar nav a.wh-orbit-link > svg:first-child { color: #8d9fa6; transition: color .25s, transform .45s cubic-bezier(.16,1,.3,1); }
.wh-orbit-sidebar nav a.wh-orbit-link:hover { background: #b4ddef0b; color: #f0f8fc; }
.wh-orbit-sidebar nav a.wh-orbit-link:hover > svg:first-child { color: #bfe3f2; transform: translateY(-1px) rotate(-6deg); }
.wh-orbit-sidebar nav a.wh-orbit-link[data-current="true"] { color: #eef7fb; background: linear-gradient(110deg, #9cd3ea2b, #a5d7ec12); border-color: #a8d8ed30; box-shadow: none; font-weight: 550; }
.wh-orbit-sidebar[data-motion-ready="true"] nav a.wh-orbit-link[data-current="true"] { background: transparent; border-color: transparent; }
.wh-orbit-sidebar nav a.wh-orbit-link[data-current="true"] > svg:first-child { color: #b6deef; }
.wh-orbit-active-track { position: absolute; top: 0; left: 0; pointer-events: none; z-index: 0; opacity: 0; border-radius: 10px; background: linear-gradient(110deg, #9cd3ea2b, #a5d7ec12); border: 1px solid #a8d8ed38; box-shadow: inset 0 1px 0 #ffffff0a; will-change: transform; transition: opacity .16s; }
.wh-orbit-active-track::before { content: ""; position: absolute; top: 11px; bottom: 11px; left: -1px; width: 3px; background: linear-gradient(#bfe3f2, #97e5ee); border-radius: 2px; box-shadow: 0 0 10px #b7dff070; }
.wh-orbit-active-track i { position: absolute; inset: 0; overflow: hidden; border-radius: inherit; }
.wh-orbit-active-track i::before { content: ""; position: absolute; top: 0; left: 20%; height: 1px; width: 45%; background: linear-gradient(90deg, transparent, #d0eaf580, transparent); }
.wh-orbit-link-arrow { flex-shrink: 0; margin-left: auto; color: #aec9d5; opacity: 0; transform: translateX(-6px); transition: opacity .25s, transform .5s cubic-bezier(.16,1,.3,1); }
.wh-orbit-link:hover .wh-orbit-link-arrow, .wh-orbit-link[data-current="true"] .wh-orbit-link-arrow { opacity: 1; transform: translateX(0); }
.wh-orbit-groups { margin-top: 19px; padding-top: 13px; border-top: 1px solid var(--orbit-line); }
.wh-orbit-group { margin: 4px 0; }
.wh-orbit-group-toggle { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 41px; padding: 9px 11px; border: 1px solid transparent; border-radius: 10px; color: #aebdc4; background: transparent; text-align: left; font-size: 11px; line-height: 20px; transition: background .25s, color .25s; }
.wh-orbit-group-toggle > svg:first-child { flex-shrink: 0; color: #879ba4; }
.wh-orbit-group-toggle > span:first-of-type { flex: 1; }
.wh-orbit-group-toggle:hover { color: #e3f2f9; background: #b5deef08; }
.wh-orbit-group.is-open > .wh-orbit-group-toggle { color: #d8e3e8; }
.wh-orbit-group.has-current > .wh-orbit-group-toggle > svg:first-child { color: var(--orbit-cyan); }
.wh-orbit-group-toggle:disabled { opacity: 1; cursor: default; }
.wh-orbit-count { color: #a7b9c1; font-family: ui-monospace, monospace; font-size: 9px; line-height: 16px; padding: 0 4px; border: 1px solid #b0c9d41c; border-radius: 4px; }
.wh-orbit-chevron { color: #879ba4; transition: transform .55s cubic-bezier(.2,.9,.2,1.2); }
.wh-orbit-group.is-open .wh-orbit-chevron { transform: rotate(180deg); }
.wh-orbit-panel { display: grid; grid-template-rows: 0fr; opacity: 0; transition: grid-template-rows .52s cubic-bezier(.2,.8,.2,1), opacity .3s; }
.wh-orbit-group.is-open > .wh-orbit-panel { grid-template-rows: 1fr; opacity: 1; }
.wh-orbit-panel-inner { min-height: 0; overflow: hidden; }
.wh-orbit-subnav { position: relative; margin: 3px 0 7px 19px; padding-left: 11px; border-left: 1px solid #b2cdd926; }
.wh-orbit-sidebar nav a.wh-orbit-nested { min-height: 36px; padding: 6px 8px; gap: 9px; font-size: 11px; }
.wh-orbit-sidebar nav a.wh-orbit-nested > svg:first-child { width: 15px; height: 15px; }
.wh-orbit-sidebar nav a.wh-orbit-docs { display: flex; align-items: center; gap: 9px; min-height: 44px; margin: 22px 0 0; padding: 11px; border: 1px solid #9de9ef23; border-radius: 11px; color: #b7d8e4; background: linear-gradient(110deg, #79c4e30c, #79c4e303); font-size: 11px; font-weight: 400; transition: border-color .25s, background .25s; }
.wh-orbit-sidebar nav a.wh-orbit-docs > svg { color: #91bfce; }
.wh-orbit-sidebar nav a.wh-orbit-docs:hover { background: #9de9ef0a; border-color: #9de9ef55; }
.wh-orbit-docs-arrow { margin-left: auto; color: #8ab9d0; transition: transform .4s cubic-bezier(.16,1,.3,1); }
.wh-orbit-docs:hover .wh-orbit-docs-arrow { transform: translate(2px,-2px); }
.wh-orbit-empty { padding: 30px 5px; color: var(--orbit-muted); text-align: center; }
.wh-orbit-empty strong { display: block; margin-bottom: 8px; color: #d5e2e8; font-size: 12px; font-weight: 500; }
.wh-orbit-empty > span { font-size: 10px; }
.wh-orbit-sidebar .wh-orbit-bottom { --wallet-ink: #e2f2f9; --wallet-muted: #99adb7; --wallet-accent: #a2d9e5; --wallet-wash: #89cddd12; flex-shrink: 0; padding: 15px 4px 12px; margin: 0 18px; border-color: var(--orbit-line); }
.wh-orbit-wallet { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 0 0 14px; border-bottom: 1px dashed var(--orbit-line); }
.wh-orbit-wallet-copy { min-width: 0; }
.wh-orbit-wallet small { display: flex; align-items: center; gap: 6px; color: var(--wallet-muted); font-size: 9px; letter-spacing: .7px; }
.wh-orbit-wallet small i { display: block; width: 5px; height: 5px; flex-shrink: 0; border: 1px solid var(--wallet-accent); transform: rotate(45deg); }
.wh-orbit-wallet strong { display: flex; align-items: baseline; gap: 5px; margin-top: 5px; color: var(--wallet-ink); font-size: clamp(18px, 1.7vw, 25px); line-height: 30px; letter-spacing: -.6px; font-weight: 500; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.wh-orbit-currency { color: var(--wallet-muted); font-size: 12px; font-weight: 400; letter-spacing: 0; }
.wh-orbit-recharge { display: flex; flex-shrink: 0; flex-direction: column; align-items: center; gap: 4px; min-width: 42px; padding: 3px; color: var(--wallet-accent); font-size: 9px; line-height: 13px; }
.wh-orbit-recharge-mark { display: grid; place-items: center; width: 31px; height: 31px; border: 1px solid currentColor; border-radius: 50%; background: var(--wallet-wash); transition: transform .5s cubic-bezier(.16,1,.3,1), background .25s, box-shadow .25s; }
.wh-orbit-recharge:hover .wh-orbit-recharge-mark { transform: translateY(-2px) rotate(90deg); box-shadow: 0 0 0 4px var(--wallet-wash); }
.wh-orbit-user { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 38px; margin: 6px -4px -3px; padding: 5px 4px; color: var(--wallet-muted); border-radius: 5px; transition: background .25s, color .25s; }
.wh-orbit-user:hover { color: var(--wallet-accent); background: var(--wallet-wash); }
.wh-orbit-user-copy { min-width: 0; display: flex; align-items: center; gap: 8px; }
.wh-orbit-user strong { min-width: 0; color: var(--wallet-ink); font-size: 10px; font-weight: 500; line-height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.wh-orbit-user small { flex-shrink: 0; padding-left: 8px; border-left: 1px solid var(--orbit-line); color: var(--wallet-muted); font-size: 9px; line-height: 12px; }
.wh-orbit-user > svg { flex-shrink: 0; transition: transform .6s cubic-bezier(.16,1,.3,1); }
.wh-orbit-user:hover > svg { transform: rotate(40deg); }
.wh-orbit-sidebar :is(a,button,input):focus-visible { outline: 2px solid var(--orbit-cyan); outline-offset: 3px; }
.wh-orbit-sidebar input:focus-visible { outline: none; }
/* Ambient choreography: only six stars and two soft gradient surfaces.
   No canvas, timer, layout animation or animated blur is used for these loops. */
.wh-orbit-atmosphere { position: absolute; inset: 0; z-index: -1; overflow: hidden; pointer-events: none; border-radius: inherit; }
.wh-orbit-aurora { position: absolute; display: block; width: 330px; height: 360px; left: -135px; top: -95px; background: radial-gradient(ellipse at center, var(--orbit-aurora-primary), transparent 68%); animation: wh-orbit-aurora-drift 23s ease-in-out infinite alternate; }
.wh-orbit-aurora-b { width: 270px; height: 390px; left: 60px; top: auto; bottom: -80px; background: radial-gradient(ellipse at center, var(--orbit-aurora-secondary), transparent 68%); animation-name: wh-orbit-aurora-return; animation-duration: 31s; animation-delay: -14s; }
.wh-orbit-star { position: absolute; width: 2px; height: 2px; border-radius: 50%; background: var(--orbit-star); box-shadow: 0 0 5px var(--orbit-star); opacity: .12; animation: wh-orbit-star-breathe 10s ease-in-out infinite; }
.wh-orbit-star:nth-of-type(3n) { width: 3px; height: 3px; }
.wh-orbit-ring { position: absolute; inset: 0; display: grid; place-items: center; animation: wh-orbit-precession 18s linear infinite; }
.wh-orbit-ring-secondary { animation-duration: 27s; animation-direction: reverse; animation-delay: -8s; }
.wh-orbit-orbiting-dot { position: absolute; display: block; width: 3px; height: 3px; top: -2px; left: calc(50% - 1.5px); border-radius: 50%; color: var(--orbit-star); background: currentColor; box-shadow: 0 0 5px currentColor; }
@supports (offset-path: ellipse(14px 18px at 50% 50%)) {
  .wh-orbit-orbiting-dot { top: 0; left: 0; offset-path: ellipse(14px 18px at 50% 50%); offset-rotate: 0deg; animation: wh-orbit-satellite 9s linear infinite; }
  .wh-orbit-ring-secondary .wh-orbit-orbiting-dot { animation-duration: 13s; animation-direction: reverse; animation-delay: -4s; }
}
.wh-orbit-active-track i::after { content: ""; position: absolute; inset: -25% -15%; background: linear-gradient(110deg, transparent 35%, var(--orbit-scan, #c2ecff26) 50%, transparent 65%); transform: translateX(-140%); opacity: 0; animation: wh-orbit-idle-scan 10s ease-in-out infinite; }
.wh-orbit-sidebar[data-ambient-paused="true"] :is(.wh-orbit-aurora, .wh-orbit-star, .wh-orbit-ring, .wh-orbit-orbiting-dot),
.wh-orbit-sidebar[data-ambient-paused="true"] .wh-orbit-active-track i::after { animation-play-state: paused; }
@keyframes wh-orbit-aurora-drift { from { transform: translate3d(-18px, -12px, 0) rotate(-12deg) scale(.92); opacity: .55; } to { transform: translate3d(65px, 75px, 0) rotate(16deg) scale(1.12); opacity: .95; } }
@keyframes wh-orbit-aurora-return { from { transform: translate3d(32px, 35px, 0) rotate(10deg) scale(1.12); opacity: .8; } to { transform: translate3d(-55px, -90px, 0) rotate(-20deg) scale(.9); opacity: .45; } }
@keyframes wh-orbit-star-breathe { 0%, 100% { opacity: .08; transform: scale(.7); } 45% { opacity: .5; transform: scale(1.15); } 65% { opacity: .16; transform: scale(.9); } }
@keyframes wh-orbit-precession { from { transform: rotate(-12deg); } to { transform: rotate(348deg); } }
@keyframes wh-orbit-satellite { from { offset-distance: 0%; } to { offset-distance: 100%; } }
@keyframes wh-orbit-idle-scan { 0%, 68% { transform: translateX(-140%); opacity: 0; } 73% { opacity: .8; } 92% { transform: translateX(140%); opacity: .8; } 100% { transform: translateX(140%); opacity: 0; } }
/* The existing website toggles .dark on <html>. No separate sidebar setting:
   the original palette above is the dark variant, these are the light paints.
   Geometry, spring motion and pointer effects are shared between both modes. */
:root:not(.dark) .wh-sidebar.wh-orbit-sidebar {
  --orbit-aurora-primary: #bd97e54d;
  --orbit-aurora-secondary: #8bd9e947;
  --orbit-star: #9c75c5;
  --orbit-scan: #ffffffb3;
  --orbit-ink: #302944;
  --orbit-muted: #756d8d;
  --orbit-line: #e5dfee;
  --orbit-cyan: #247d94;
  --orbit-accent: #805ac3;
  color-scheme: light;
  background: radial-gradient(ellipse at 0 0, #e7dcff80, transparent 47%), linear-gradient(165deg, #fcfaff 0%, #f8f9ff 58%, #f1f8fb 100%);
  border-right-color: #e3deef;
  box-shadow: 8px 0 32px #624b8a06;
}
:root:not(.dark) .wh-orbit-sidebar::before { opacity: .3; background-image: radial-gradient(#a796c4 .6px, transparent .6px); }
:root:not(.dark) .wh-orbit-eyebrow { color: #806a9f; }
:root:not(.dark) .wh-orbit-edition { color: #7851b7; border-color: #9675ce40; background: #ffffff80; }
:root:not(.dark) .wh-orbit-sidebar .wh-brand { color: #302443; }
:root:not(.dark) .wh-orbit-sidebar .wh-brand-icon { background: linear-gradient(145deg, #9784ed, #6656be); box-shadow: 0 0 24px #9176ff25, inset 0 1px 0 #ffffff60; }
:root:not(.dark) .wh-orbit-sidebar .wh-brand-icon::after { border-color: #b8a3ff3b; }
:root:not(.dark) .wh-orbit-brand:hover .wh-brand-icon { box-shadow: 0 0 30px #9176ff50, inset 0 1px 0 #ffffff60; }
:root:not(.dark) .wh-orbit-brand-caption { color: #756a8a; }
:root:not(.dark) .wh-orbit-status-dot { box-shadow: 0 0 8px #399cb030; }
:root:not(.dark) .wh-orbit-search { background: #ffffffd9; border-color: #e1daed; color: #847694; }
:root:not(.dark) .wh-orbit-search:focus-within { background: #fff; border-color: #ab8cd5; box-shadow: 0 0 0 3px #9671d512; }
:root:not(.dark) .wh-orbit-search input { color: #39304e; }
:root:not(.dark) .wh-orbit-search input::placeholder { color: #7c728d; }
:root:not(.dark) .wh-orbit-search kbd { color: #7b6e90; background: #f7f4fc; border-color: #e5ddee; }
:root:not(.dark) .wh-orbit-search-clear { color: #7959a8; }
:root:not(.dark) .wh-orbit-create {
  color: #493064;
  border-color: #cab3e7;
  background: radial-gradient(ellipse at var(--wh-glow-x) var(--wh-glow-y), #ffffffb3, transparent 68%), linear-gradient(115deg, #ede2fc, #dff3fa);
  box-shadow: inset 0 1px 0 #ffffffd9, 0 8px 22px #8864b514;
}
:root:not(.dark) .wh-orbit-create::before { border-color: #8570b426; }
:root:not(.dark) .wh-orbit-create::after { background: linear-gradient(110deg, transparent 30%, #ffffffa6 48%, transparent 66%); }
:root:not(.dark) .wh-orbit-create:hover { border-color: #a383cf; box-shadow: inset 0 1px 0 #ffffffeb, 0 10px 28px #8864b523; }
:root:not(.dark) .wh-orbit-portal i { border-color: #9366cb; box-shadow: 0 0 12px #ab81d52b, inset 0 0 8px #ab81d51f; }
:root:not(.dark) .wh-orbit-ring-secondary i { border-color: #368aa3b3; }
:root:not(.dark) .wh-orbit-portal > .wh-orbit-portal-core { color: #6a468f; }
:root:not(.dark) .wh-orbit-create-copy small { color: #7d6597; }
:root:not(.dark) .wh-orbit-create-arrow { color: #397e98; }
:root:not(.dark) .wh-orbit-sidebar nav.wh-orbit-nav { scrollbar-color: #c9bddc transparent; }
:root:not(.dark) .wh-orbit-nav::-webkit-scrollbar-thumb { background: #c9bddc; }
:root:not(.dark) .wh-orbit-sidebar .wh-nav-caption { color: #796989; }
:root:not(.dark) .wh-orbit-sidebar .wh-nav-caption small { color: #82758f; }
:root:not(.dark) .wh-orbit-sidebar nav a.wh-orbit-link { color: #625570; }
:root:not(.dark) .wh-orbit-sidebar nav a.wh-orbit-link > svg:first-child { color: #88749f; }
:root:not(.dark) .wh-orbit-sidebar nav a.wh-orbit-link:hover { background: #a57adc0d; color: #49315f; }
:root:not(.dark) .wh-orbit-sidebar nav a.wh-orbit-link:hover > svg:first-child { color: #8554b9; }
:root:not(.dark) .wh-orbit-sidebar nav a.wh-orbit-link[data-current="true"] { color: #623b8e; background: linear-gradient(110deg, #b98ae52b, #8fcde51f); border-color: #b58ad53d; }
:root:not(.dark) .wh-orbit-sidebar[data-motion-ready="true"] nav a.wh-orbit-link[data-current="true"] { background: transparent; border-color: transparent; }
:root:not(.dark) .wh-orbit-sidebar nav a.wh-orbit-link[data-current="true"] > svg:first-child { color: #8251b7; }
:root:not(.dark) .wh-orbit-active-track { background: linear-gradient(110deg, #b98ae52b, #8fcde51f); border-color: #b58ad54d; box-shadow: inset 0 1px 0 #ffffffbf; }
:root:not(.dark) .wh-orbit-active-track::before { background: linear-gradient(#a473cf, #4ba5ba); box-shadow: 0 0 10px #a473cf38; }
:root:not(.dark) .wh-orbit-active-track i::before { background: linear-gradient(90deg, transparent, #ffffffeb, transparent); }
:root:not(.dark) .wh-orbit-link-arrow { color: #9270b3; }
:root:not(.dark) .wh-orbit-group-toggle { color: #72637e; }
:root:not(.dark) .wh-orbit-group-toggle > svg:first-child { color: #8b78a0; }
:root:not(.dark) .wh-orbit-group-toggle:hover { color: #513766; background: #a57adc0d; }
:root:not(.dark) .wh-orbit-group.is-open > .wh-orbit-group-toggle { color: #53405f; }
:root:not(.dark) .wh-orbit-group.has-current > .wh-orbit-group-toggle > svg:first-child { color: var(--orbit-cyan); }
:root:not(.dark) .wh-orbit-count { color: #82708f; border-color: #dfd5e9; background: #ffffff80; }
:root:not(.dark) .wh-orbit-chevron { color: #8b78a0; }
:root:not(.dark) .wh-orbit-subnav { border-color: #ddd1e9; }
:root:not(.dark) .wh-orbit-sidebar nav a.wh-orbit-docs { color: #3b7387; border-color: #b7d8e4; background: linear-gradient(110deg, #e5f3f9b3, #f7fbff80); }
:root:not(.dark) .wh-orbit-sidebar nav a.wh-orbit-docs > svg { color: #528c9f; }
:root:not(.dark) .wh-orbit-sidebar nav a.wh-orbit-docs:hover { background: #e3f1f7; border-color: #8cbfce; }
:root:not(.dark) .wh-orbit-docs-arrow { color: #598fa3; }
:root:not(.dark) .wh-orbit-empty strong { color: #675074; }
:root:not(.dark) .wh-orbit-sidebar .wh-orbit-bottom { --wallet-ink: #3d3656; --wallet-muted: #79718c; --wallet-accent: #3a8294; --wallet-wash: #76c1d319; }
@keyframes wh-orbit-sweep { to { transform: translateX(140%); } }
@media (min-width: 1001px) and (max-width: 1200px) {
  .wh-sidebar.wh-orbit-sidebar { width: 232px; }
  .wh-orbit-sidebar ~ .wh-main { margin-left: 232px; }
  .wh-orbit-sidebar .wh-orbit-brand { padding-left: 20px; padding-right: 20px; }
  .wh-orbit-sidebar .wh-brand { font-size: 21px; }
  .wh-orbit-eyebrow { font-size: 7px; letter-spacing: 1.3px; }
  .wh-orbit-create { padding-left: 10px; gap: 8px; }
}
@media (max-width: 1000px) {
  .wh-sidebar.wh-orbit-sidebar { width: min(272px, calc(100vw - 38px)); box-shadow: 15px 0 45px #080c2350; transition: transform .48s cubic-bezier(.16,1,.3,1); }
  .wh-orbit-sidebar ~ .wh-main { margin-left: 0; }
}
@media (max-height: 760px) {
  .wh-orbit-sidebar .wh-orbit-brand { padding-top: 16px; padding-bottom: 15px; }
  .wh-orbit-brand-top { margin-bottom: 11px; }
  .wh-orbit-create { min-height: 65px; }
  .wh-orbit-sidebar .wh-orbit-bottom { padding-top: 10px; padding-bottom: 10px; }
}
@media (prefers-reduced-motion: reduce) {
  .wh-sidebar.wh-orbit-sidebar, .wh-orbit-sidebar *, .wh-orbit-sidebar *::before, .wh-orbit-sidebar *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
  .wh-orbit-create { transform: none; }
}

/* Orbit top navigation: light by default, matching the app's .dark theme. */
.wh-topbar.wh-orbit-topbar {
  --bar-ink: #38324c;
  --bar-muted: #82788e;
  --bar-line: #e7e1ee;
  --bar-surface: #ffffffc9;
  --bar-wash: #f3eff9;
  --bar-accent: #587e91;
  --bar-violet: #8663b2;
  height: 82px; padding: 0 30px; gap: 20px;
  color: var(--bar-ink); background: linear-gradient(110deg, #fcfaffee, #fafcffee 72%, #f4fafbee);
  border-bottom: 1px solid var(--bar-line);
  -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px);
}
.dark .wh-topbar.wh-orbit-topbar { --bar-ink: #e1edf3; --bar-muted: #93a7b1; --bar-line: #b0d6e518; --bar-surface: #ffffff06; --bar-wash: #8acbdf0c; --bar-accent: #9dcedf; --bar-violet: #99cadd; background: linear-gradient(110deg, #192028f2, #171e27f2 72%, #1b2932f2); }
.wh-orbit-topbar::after { content: ""; position: absolute; bottom: -1px; left: 30px; width: 94px; height: 1px; background: linear-gradient(90deg, var(--bar-violet), #7bbdce80, transparent); pointer-events: none; }
.wh-orbit-heading { display: flex; align-items: center; gap: 13px; min-width: 0; }
.wh-orbit-page-icon { position: relative; display: grid; place-items: center; width: 38px; height: 38px; flex-shrink: 0; color: var(--bar-violet); background: var(--bar-wash); border: 1px solid var(--bar-line); border-radius: 12px 12px 12px 4px; }
.wh-orbit-heading-copy { min-width: 0; }
.wh-orbit-breadcrumb { display: flex; align-items: center; gap: 6px; margin-bottom: 3px; color: var(--bar-muted); font-size: 9px; line-height: 14px; white-space: nowrap; }
.wh-orbit-breadcrumb a { color: inherit; letter-spacing: .3px; transition: color .2s; }
.wh-orbit-breadcrumb a:hover { color: var(--bar-violet); }
.wh-orbit-breadcrumb > span { overflow: hidden; text-overflow: ellipsis; }
.wh-orbit-breadcrumb > svg { flex-shrink: 0; opacity: .65; }
.wh-orbit-page-title { display: block; color: var(--bar-ink); font-size: 16px; line-height: 22px; font-weight: 600; letter-spacing: .3px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; animation: wh-orbit-title-arrive .42s cubic-bezier(.16,1,.3,1) both; }
.wh-orbit-topbar-actions { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }
.wh-orbit-jump { display: flex; align-items: center; gap: 7px; height: 34px; padding: 0 9px; color: var(--bar-muted); background: var(--bar-surface); border: 1px solid var(--bar-line); border-radius: 8px; font-size: 10px; transition: border-color .25s, box-shadow .25s, color .25s; }
.wh-orbit-jump:hover { color: var(--bar-violet); border-color: var(--bar-violet); box-shadow: 0 2px 10px #8069a00c; }
.wh-orbit-jump kbd { color: var(--bar-muted); font-size: 8px; line-height: 16px; padding: 0 4px; margin-left: 4px; background: var(--bar-wash); border: 1px solid var(--bar-line); border-radius: 4px; font-family: inherit; }
.wh-orbit-topbar-balance { display: flex; align-items: center; gap: 6px; padding: 7px 3px; color: var(--bar-accent); font-size: 12px; line-height: 18px; font-weight: 500; font-variant-numeric: tabular-nums; transition: color .2s; }
.wh-orbit-topbar-balance:hover { color: var(--bar-violet); }
.wh-orbit-topbar-divider { width: 1px; height: 20px; background: var(--bar-line); margin: 0 2px; }
.wh-orbit-notices > div > button, .wh-orbit-signout, .wh-orbit-topbar .wh-orbit-menu { display: inline-flex; justify-content: center; align-items: center; flex-shrink: 0; width: 34px; height: 34px; color: var(--bar-muted); border: 1px solid transparent; border-radius: 9px; background: transparent; transition: color .25s, background .25s, border-color .25s, transform .35s cubic-bezier(.16,1,.3,1); }
.wh-orbit-notices > div > button:hover, .wh-orbit-signout:hover, .wh-orbit-topbar .wh-orbit-menu:hover { color: var(--bar-accent); background: var(--bar-wash); border-color: var(--bar-line); transform: translateY(-1px); }
.wh-orbit-signout:hover { color: #af6575; }
.wh-orbit-theme { position: relative; display: flex; align-items: center; justify-content: space-between; width: 63px; height: 34px; padding: 0 9px; border: 1px solid var(--bar-line); border-radius: 20px; background: var(--bar-wash); flex-shrink: 0; }
.wh-orbit-theme-thumb { position: absolute; top: 3px; left: 3px; width: 26px; height: 26px; border-radius: 50%; background: #fff; box-shadow: 0 1px 4px #5d46741a; transition: transform .5s cubic-bezier(.22,.85,.25,1.15), background .3s, box-shadow .3s; }
.wh-orbit-theme.is-dark .wh-orbit-theme-thumb { transform: translateX(29px); background: #344b59; box-shadow: 0 1px 6px #0003, inset 0 0 0 1px #b6e1ed20; }
.wh-orbit-theme > svg { position: relative; z-index: 1; transition: transform .55s cubic-bezier(.16,1,.3,1), color .3s, opacity .3s; }
.wh-orbit-theme-sun { color: #ae8057; }
.wh-orbit-theme-moon { color: var(--bar-muted); opacity: .65; transform: rotate(-20deg); }
.wh-orbit-theme.is-dark .wh-orbit-theme-sun { opacity: .5; transform: rotate(75deg); color: var(--bar-muted); }
.wh-orbit-theme.is-dark .wh-orbit-theme-moon { opacity: 1; transform: rotate(0); color: #c0e2ef; }
.wh-orbit-topbar :is(a,button):focus-visible { outline: 2px solid var(--bar-accent); outline-offset: 3px; }
.wh-orbit-topbar .wh-orbit-menu { display: none; }
@keyframes wh-orbit-title-arrive { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 1200px) { .wh-topbar.wh-orbit-topbar { padding: 0 24px; gap: 15px; } .wh-orbit-topbar-actions { gap: 7px; } .wh-orbit-jump kbd { display: none; } }
@media (max-width: 1000px) { .wh-topbar.wh-orbit-topbar { height: 68px; padding: 0 16px; gap: 12px; } .wh-orbit-topbar .wh-orbit-menu { display: inline-flex; } .wh-orbit-heading { gap: 9px; } .wh-orbit-page-icon { display: none; } .wh-orbit-page-title { font-size: 14px; line-height: 20px; } }
@media (max-width: 680px) { .wh-orbit-topbar-balance, .wh-orbit-topbar-divider { display: none; } .wh-orbit-jump { width: 32px; padding: 0; justify-content: center; background: transparent; border-color: transparent; } .wh-orbit-jump > span { display: none; } .wh-orbit-topbar-actions { gap: 4px; } }
@media (max-width: 520px) { .wh-orbit-jump { display: none; } .wh-topbar.wh-orbit-topbar { padding: 0 12px; gap: 8px; } .wh-orbit-heading { gap: 5px; } .wh-orbit-topbar-actions { gap: 2px; } .wh-orbit-breadcrumb { font-size: 8px; gap: 4px; } }
@media (prefers-reduced-motion: reduce) { .wh-orbit-topbar *, .wh-orbit-topbar *::before, .wh-orbit-topbar *::after { animation: none !important; transition: none !important; } }

.wh-orbit-dashboard {
  --dash-ink: #39324d; --dash-muted: #80758e; --dash-line: #e8e1ef; --dash-surface: #ffffff;
  --dash-wash: #f7f3fb; --dash-accent: #8867b4; --dash-cyan: #4d8d9f; --dash-shadow: #644c8c08;
  display: flex; flex-direction: column; gap: 25px; padding-bottom: 8px; color: var(--dash-ink);
}
.dark .wh-orbit-dashboard { --dash-ink: #e0edf2; --dash-muted: #96aab4; --dash-line: #b5d5e51c; --dash-surface: #1b252f; --dash-wash: #22313d; --dash-accent: #8fc6d9; --dash-cyan: #9acdc7; --dash-shadow: #00000012; }
.wh-orbit-dash-intro { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 4px 0 2px; }
.wh-orbit-dash-kicker { display: block; margin-bottom: 8px; color: var(--dash-muted); font-size: 8px; font-weight: 500; line-height: 13px; letter-spacing: 1.7px; }
.wh-orbit-dash-intro h1 { font-size: clamp(20px,2.1vw,29px); line-height: 1.55; letter-spacing: -.5px; overflow-wrap: anywhere; }
.wh-orbit-dash-intro h1 > span { color: var(--dash-accent); font-weight: 300; }
.wh-orbit-dash-intro p { color: var(--dash-muted); font-size: 11px; line-height: 19px; margin-top: 5px; letter-spacing: .4px; }
.wh-orbit-dash-refresh { display: flex; flex-shrink: 0; align-items: center; gap: 13px; color: var(--dash-muted); font-size: 10px; }
.wh-orbit-dash-refresh button { display: flex; align-items: center; gap: 6px; min-height: 32px; padding: 0 10px; border: 1px solid var(--dash-line); border-radius: 8px; background: var(--dash-surface); transition: border-color .25s,color .25s; }
.wh-orbit-dash-refresh button:hover { color: var(--dash-accent); border-color: var(--dash-accent); }
.wh-orbit-dash-refresh button:disabled { opacity: .6; cursor: wait; }
.wh-orbit-metrics { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; }
.wh-orbit-metric { --metric-accent: var(--dash-accent); position: relative; padding: 18px 19px 16px; border: 1px solid var(--dash-line); border-radius: 13px; background: linear-gradient(135deg,var(--dash-surface) 65%,var(--dash-wash)); box-shadow: 0 4px 18px var(--dash-shadow); min-width: 0; animation: wh-orbit-dash-arrive .6s cubic-bezier(.16,1,.3,1) var(--metric-delay) backwards; transition: border-color .3s,transform .4s cubic-bezier(.16,1,.3,1); }
.wh-orbit-metric:nth-child(2) { --metric-accent: var(--dash-cyan); }
.wh-orbit-metric:nth-child(4) { --metric-accent: #a47f51; }
.wh-orbit-metric:hover { border-color: var(--metric-accent); transform: translateY(-2px); }
.wh-orbit-metric-label { display: flex; align-items: center; gap: 7px; color: var(--dash-muted); font-size: 10px; line-height: 18px; }
.wh-orbit-metric-label > svg { flex-shrink: 0; color: var(--metric-accent); }
.wh-orbit-metric-label > small { margin-left: auto; opacity: .6; font-family: ui-monospace,monospace; font-size: 8px; }
.wh-orbit-metric-value { display: block; min-width: 0; margin: 15px 0 11px; color: var(--dash-ink); font-size: clamp(22px,2vw,29px); line-height: 35px; font-weight: 500; letter-spacing: -.7px; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; animation: wh-orbit-number-arrive .55s cubic-bezier(.16,1,.3,1) both; }
.wh-orbit-metric-note { display: flex; align-items: center; gap: 5px; color: var(--dash-muted); font-size: 9px; line-height: 16px; }
a.wh-orbit-metric-note:hover { color: var(--metric-accent); }
.wh-orbit-dash-grid { display: grid; grid-template-columns: minmax(0,1.7fr) minmax(250px,1fr); gap: 20px; }
.wh-orbit-dash-panel { min-width: 0; border: 1px solid var(--dash-line); border-radius: 15px; background: var(--dash-surface); box-shadow: 0 5px 22px var(--dash-shadow); padding: 23px; animation: wh-orbit-dash-arrive .65s cubic-bezier(.16,1,.3,1) .12s backwards; }
.wh-orbit-panel-heading { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 21px; }
.wh-orbit-panel-heading .wh-orbit-dash-kicker { font-size: 7px; line-height: 11px; margin-bottom: 5px; letter-spacing: 1.5px; }
.wh-orbit-panel-heading h2 { font-size: 15px; line-height: 22px; letter-spacing: .3px; }
.wh-orbit-segment { display: flex; gap: 2px; padding: 3px; border: 1px solid var(--dash-line); border-radius: 8px; background: var(--dash-wash); flex-shrink: 0; }
.wh-orbit-segment button { padding: 5px 7px; border-radius: 5px; color: var(--dash-muted); font-size: 9px; line-height: 14px; transition: color .25s,background .25s; }
.wh-orbit-segment button.active { color: var(--dash-accent); background: var(--dash-surface); box-shadow: 0 1px 4px var(--dash-shadow); }
.wh-orbit-chart-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.wh-orbit-chart-total strong { display: block; color: var(--dash-ink); font-weight: 500; font-size: 21px; line-height: 29px; letter-spacing: -.4px; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.wh-orbit-chart-total small { display: block; margin-top: 2px; color: var(--dash-muted); font-size: 9px; line-height: 15px; }
.wh-orbit-chart-mode { display: flex; gap: 13px; flex-shrink: 0; }
.wh-orbit-chart-mode button { font-size: 10px; color: var(--dash-muted); padding: 5px 0; border-bottom: 2px solid transparent; transition: border-color .25s,color .25s; }
.wh-orbit-chart-mode button.active { color: var(--dash-accent); border-color: var(--dash-accent); }
.wh-orbit-chart-visual { position: relative; height: 228px; }
.wh-orbit-chart-visual > svg { width: 100%; height: 100%; display: block; overflow: visible; }
.wh-orbit-chart-visual > svg text { display: none; }
.wh-orbit-chart-visual > svg path, .wh-orbit-chart-visual > svg line { vector-effect: non-scaling-stroke; }
.wh-orbit-chart-line { stroke-dasharray: 1; stroke-dashoffset: 1; animation: wh-orbit-line-draw 1.15s cubic-bezier(.22,1,.36,1) forwards; }
.wh-orbit-chart-area { animation: wh-orbit-chart-fill .9s ease .2s both; }
.wh-orbit-chart-axis-label { position: absolute; pointer-events: none; color: var(--dash-muted); font-size: 9px; line-height: 13px; font-variant-numeric: tabular-nums; }
.wh-orbit-chart-axis-y { left: 0; width: 5%; text-align: right; transform: translateY(-50%); }
.wh-orbit-chart-axis-x { top: 94%; transform: translateX(-50%); white-space: nowrap; }
.wh-orbit-chart-axis-x:first-of-type { transform: none; }
.wh-orbit-chart-hitareas { display: flex; position: absolute; left: 6.315%; right: 3.157%; top: 12%; bottom: 17%; }
.wh-orbit-chart-hitareas button { flex: 1; min-width: 0; border-radius: 3px; cursor: crosshair; }
.wh-orbit-chart-hitareas button:first-child, .wh-orbit-chart-hitareas button:last-child { flex: .5; }
.wh-orbit-chart-hitareas button:focus-visible { outline-offset: -2px; }
.wh-orbit-chart-dot { position: absolute; width: 9px; height: 9px; background: var(--dash-surface); border: 2px solid var(--dash-accent); border-radius: 50%; transform: translate(-50%,-50%); pointer-events: none; }
.wh-orbit-chart-tooltip { position: absolute; top: 4px; transform: translateX(-50%); max-width: min(220px,90%); padding: 9px 12px; border: 1px solid var(--dash-line); border-radius: 9px; background: var(--dash-surface); box-shadow: 0 5px 20px var(--dash-shadow); pointer-events: none; z-index: 2; }
.wh-orbit-chart-tooltip strong, .wh-orbit-chart-tooltip span, .wh-orbit-chart-tooltip small { display: block; }
.wh-orbit-chart-tooltip strong { color: var(--dash-muted); font-size: 9px; font-weight: 400; }
.wh-orbit-chart-tooltip span { color: var(--dash-accent); font-size: 13px; line-height: 24px; font-variant-numeric: tabular-nums; }
.wh-orbit-chart-tooltip small { color: var(--dash-muted); font-size: 8px; white-space: nowrap; }
.wh-orbit-chart-note { color: var(--dash-muted); font-size: 9px; line-height: 17px; margin-top: 13px; }
.wh-orbit-chart-state { min-height: 228px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 11px; color: var(--dash-muted); font-size: 11px; text-align: center; }
.wh-orbit-chart-state > svg { color: var(--dash-accent); }
.wh-orbit-chart-state strong { font-weight: 500; color: var(--dash-ink); font-size: 13px; }
.wh-orbit-chart-state > span { font-size: 10px; }
.wh-orbit-shortcuts { display: flex; flex-direction: column; gap: 12px; }
.wh-orbit-shortcuts .wh-orbit-panel-heading { margin-bottom: 8px; }
.wh-orbit-launch { --launch-accent: var(--dash-accent); display: flex; align-items: center; gap: 12px; padding: 17px 13px; border: 1px solid var(--dash-line); border-radius: 11px; background: linear-gradient(115deg,var(--dash-wash),var(--dash-surface)); transition: transform .45s cubic-bezier(.16,1,.3,1),border-color .25s; }
.wh-orbit-launch.is-image { --launch-accent: var(--dash-cyan); }
.wh-orbit-launch:hover { border-color: var(--launch-accent); transform: translateX(3px); }
.wh-orbit-launch-icon { display: grid; place-items: center; width: 38px; height: 38px; flex-shrink: 0; color: var(--launch-accent); border: 1px solid var(--dash-line); border-radius: 12px 12px 12px 4px; background: var(--dash-surface); }
.wh-orbit-launch > span:nth-child(2) { flex: 1; min-width: 0; }
.wh-orbit-launch strong { display: block; font-size: 12px; line-height: 22px; color: var(--dash-ink); font-weight: 500; }
.wh-orbit-launch small { display: block; color: var(--dash-muted); font-size: 9px; line-height: 17px; }
.wh-orbit-launch > svg { color: var(--launch-accent); flex-shrink: 0; transition: transform .35s; }
.wh-orbit-launch:hover > svg { transform: translate(2px,-2px); }
.wh-orbit-utility-links { display: flex; flex-direction: column; gap: 2px; margin-top: auto; padding-top: 5px; }
.wh-orbit-utility-links a { display: flex; align-items: center; gap: 10px; min-height: 41px; color: var(--dash-muted); font-size: 10px; border-bottom: 1px solid var(--dash-line); transition: color .25s; }
.wh-orbit-utility-links a:last-child { border-bottom: 0; }
.wh-orbit-utility-links a > span { flex: 1; }
.wh-orbit-utility-links a:hover { color: var(--dash-accent); }
.wh-orbit-activity { padding-bottom: 14px; }
.wh-orbit-all-activity { display: flex; align-items: center; gap: 5px; font-size: 10px; color: var(--dash-accent); }
.wh-orbit-activity-scroll { overflow-x: auto; }
.wh-orbit-activity table { width: 100%; border-collapse: collapse; text-align: left; white-space: nowrap; }
.wh-shell .wh-orbit-activity table th { background: var(--dash-wash); color: var(--dash-muted); font-size: 9px; font-weight: 400; padding: 11px 13px; }
.wh-shell .wh-orbit-activity table td { padding: 15px 13px; border-bottom: 1px solid var(--dash-line); font-size: 10px; color: var(--dash-muted); font-variant-numeric: tabular-nums; }
.wh-orbit-activity td:first-child { color: var(--dash-ink) !important; }
.wh-orbit-activity td:first-child i { display: inline-block; width: 5px; height: 5px; border: 1px solid var(--dash-accent); border-radius: 2px; margin-right: 8px; transform: rotate(45deg); }
.wh-orbit-activity th:last-child, .wh-orbit-activity td:last-child { text-align: right; }
.wh-orbit-activity tr:last-child td { border-bottom: 0; }
.wh-orbit-activity-empty { min-height: 165px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; color: var(--dash-muted); }
.wh-orbit-activity-empty > svg { color: var(--dash-accent); }
.wh-orbit-activity-empty strong { color: var(--dash-ink); font-size: 12px; font-weight: 500; }
.wh-orbit-activity-empty p { font-size: 10px; text-align: center; line-height: 18px; }
.wh-orbit-updated { display: block; text-align: right; margin-top: 10px; color: var(--dash-muted); font-size: 8px; line-height: 14px; }
.wh-orbit-dash-message { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 9px; padding: 12px; border: 1px solid var(--dash-line); border-radius: 9px; color: var(--dash-muted); background: var(--dash-wash); font-size: 10px; line-height: 18px; }
.wh-orbit-dash-message button { color: var(--dash-accent); text-decoration: underline; text-underline-offset: 3px; }
.wh-orbit-dashboard :is(button,a):focus-visible { outline: 2px solid var(--dash-accent); outline-offset: 3px; }
@keyframes wh-orbit-dash-arrive { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }
@keyframes wh-orbit-number-arrive { from { opacity: .1; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } }
@keyframes wh-orbit-line-draw { to { stroke-dashoffset: 0; } }
@keyframes wh-orbit-chart-fill { from { opacity: 0; } to { opacity: 1; } }
@media (max-width: 1200px) { .wh-orbit-dash-grid { grid-template-columns: minmax(0,1fr); } .wh-orbit-shortcuts { display: grid; grid-template-columns: 1fr 1fr; align-items: start; } .wh-orbit-shortcuts .wh-orbit-panel-heading { grid-column: 1/-1; margin-bottom: 0; } .wh-orbit-utility-links { grid-column: 1/-1; flex-direction: row; gap: 25px; margin-top: 0; } .wh-orbit-utility-links a { flex: 1; border-bottom: 0; } }
@media (max-width: 1100px) { .wh-orbit-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 680px) { .wh-orbit-dashboard { gap: 18px; } .wh-orbit-dash-intro { align-items: flex-start; gap: 10px; } .wh-orbit-dash-refresh { flex-direction: column; align-items: flex-end; gap: 8px; font-size: 9px; } .wh-orbit-dash-refresh > span { white-space: nowrap; } .wh-orbit-dash-intro .wh-orbit-dash-kicker { font-size: 7px; letter-spacing: 1px; } .wh-orbit-metrics { gap: 10px; } .wh-orbit-metric { padding: 14px 13px; } .wh-orbit-metric-value { font-size: 23px; line-height: 29px; margin-top: 12px; } .wh-orbit-dash-panel { padding: 17px; } .wh-orbit-chart-tooltip small { font-size: 8px; } }
@media (max-width: 430px) { .wh-orbit-dash-refresh > span { display: none; } .wh-orbit-shortcuts { grid-template-columns: 1fr; } .wh-orbit-utility-links { grid-column: auto; gap: 15px; } .wh-orbit-utility-links a { font-size: 9px; gap: 7px; } .wh-orbit-panel-heading { gap: 8px; } .wh-orbit-segment button { font-size: 8px; padding: 5px; } }
@media (prefers-reduced-motion: reduce) { .wh-orbit-dashboard *, .wh-orbit-dashboard *::before, .wh-orbit-dashboard *::after { animation: none !important; transition: none !important; } .wh-orbit-chart-line { stroke-dashoffset: 0; } }

/* Orbit: shared surfaces across the existing business pages. No layout or
   visibility overrides for permissions, provider widgets, iframes or QR codes. */
body.wh-orbit-ui {
  --page-bg: #f7f6fa;
  --page-surface: #fff;
  --page-soft: #f4f1f8;
  --page-inset: #f9f8fc;
  --page-ink: #39334b;
  --page-muted: #776f86;
  --page-line: #e7e2ed;
  --page-accent: #7f62a6;
  --page-accent-strong: #725393;
  --page-cyan: #427f91;
  --page-tint: #efebf6;
  --page-glow: #8c70ad12;
  --page-shadow: 0 5px 24px #55427306, 0 1px 3px #55427304;
  --page-focus: #8b6bac69;
  --page-ease: cubic-bezier(.16,1,.3,1);
  --wh-bg: var(--page-bg);
  --wh-surface: var(--page-surface);
  --wh-ink: var(--page-ink);
  --wh-muted: var(--page-muted);
  --wh-line: var(--page-line);
  --wh-blue: var(--page-accent);
  --wh-nav: var(--page-soft);
  background: var(--page-bg);
  color: var(--page-ink);
}
.dark body.wh-orbit-ui {
  --page-bg: #151f29;
  --page-surface: #1b2732;
  --page-soft: #23333f;
  --page-inset: #18232d;
  --page-ink: #e0edf2;
  --page-muted: #9db0bb;
  --page-line: #b5d5e523;
  --page-accent: #9acbdb;
  --page-accent-strong: #b0d9e5;
  --page-cyan: #93c9c5;
  --page-tint: #293f4e;
  --page-glow: #78bdd510;
  --page-shadow: 0 6px 24px #0000000d, 0 1px 3px #00000009;
  --page-focus: #9acbdb70;
  color-scheme: dark;
}
.wh-orbit-ui .wh-main { background: var(--page-bg); }
.wh-orbit-ui .wh-orbit-pages { color: var(--page-ink); min-width: 0; }
.wh-orbit-ui .wh-orbit-pages:not(.wh-content-studio) {
  background: radial-gradient(ellipse 50% 190px at 4% 0, var(--page-glow), transparent);
}
.wh-orbit-ui :is(.wh-content, .wh-orbit-public, .wh-auth, .wh-orbit-overlay) {
  accent-color: var(--page-accent);
  scrollbar-color: var(--page-line) transparent;
}
/* Standard business components, including their teleported dialogs. */
.wh-orbit-ui .card:not([class*="bg-red-"]):not([class*="bg-emerald-"]):not([class*="bg-green-"]):not([class*="bg-amber-"]):not([class*="bg-primary-"]) {
  background: var(--page-surface);
  box-shadow: var(--page-shadow);
}
.wh-orbit-ui .card:not([class*="border-primary-"]):not([class*="border-red-"]):not([class*="border-rose-"]):not([class*="border-green-"]):not([class*="border-blue-"]):not([class*="border-emerald-"]):not([class*="border-amber-"]) { border-color: var(--page-line); }
.wh-orbit-ui .card:is(.border-primary-500, .border-primary-400, .border-primary-300, [aria-selected="true"]) { border-color: var(--page-accent); box-shadow: 0 0 0 2px var(--page-glow); }
.wh-orbit-ui .card {
  border-radius: 16px;
  transition: border-color .25s ease, box-shadow .35s ease;
}
.wh-orbit-ui :is(.card-header, .card-footer) { border-color: var(--page-line); }
.wh-orbit-ui :is(.input, .select, .textarea) {
  background-color: var(--page-inset);
  color: var(--page-ink);
  border-color: var(--page-line);
  box-shadow: 0 1px 2px #00000002;
  transition: border-color .22s, box-shadow .22s, background-color .22s;
}
.wh-orbit-ui :is(.input, .select, .textarea):hover:not(:disabled) { border-color: color-mix(in srgb, var(--page-accent) 48%, var(--page-line)); }
.wh-orbit-ui :is(.input, .select, .textarea):focus {
  background-color: var(--page-surface);
  border-color: var(--page-accent);
  --tw-ring-color: var(--page-focus);
  box-shadow: 0 0 0 3px var(--page-glow);
}
.wh-orbit-ui .input-label { color: var(--page-muted); letter-spacing: .15px; }
.wh-orbit-ui .input::placeholder { color: var(--page-muted); opacity: .7; }
.wh-orbit-ui .input:is([aria-invalid="true"], .border-red-500, .border-red-300, .border-rose-500) { border-color: #d96770; }
.dark .wh-orbit-ui .input:is([aria-invalid="true"], .border-red-500, .border-red-300, .border-rose-500) { border-color: #f19198; }
.wh-orbit-ui :is(.input-hint, .input-help) { color: var(--page-muted); }
.wh-orbit-ui .btn {
  border-radius: 10px;
  transition: background-color .22s, border-color .22s, color .22s, box-shadow .25s, translate .3s var(--page-ease);
}
.wh-orbit-ui .btn-primary {
  background: linear-gradient(120deg, var(--page-accent), var(--page-accent-strong));
  color: #fff;
  border-color: transparent;
  box-shadow: 0 3px 10px var(--page-glow), inset 0 1px #ffffff24;
}
.dark .wh-orbit-ui .btn-primary { color: #132a38; }
.wh-orbit-ui .btn-primary:hover:not(:disabled) { box-shadow: 0 5px 17px var(--page-focus); translate: 0 -1px; }
.wh-orbit-ui .btn-primary:active:not(:disabled) { translate: 0 0; }
.wh-orbit-ui .btn-secondary { background: var(--page-surface); border-color: var(--page-line); box-shadow: 0 1px 3px #00000003; }
.wh-orbit-ui .btn-secondary:not([class*="text-red-"]):not([class*="text-rose-"]) { color: var(--page-ink); }
.wh-orbit-ui .btn-secondary:hover:not(:disabled) { background: var(--page-soft); border-color: var(--page-accent); }
.wh-orbit-ui .btn-ghost:hover:not(:disabled) { background-color: var(--page-soft); }
.wh-orbit-ui :is(button, a, input, select, textarea):focus-visible { outline-color: var(--page-focus); }
.wh-orbit-ui :is(button, a, input, select, textarea):disabled { translate: none; }
.wh-orbit-ui :is(.wh-content, .wh-auth, .wh-orbit-public, .wh-orbit-overlay) :is(.text-primary-500, .text-primary-600, .text-primary-700) { color: var(--page-accent); }
/* Typography and data surfaces. Status/error/success colors retain their meaning. */
.wh-orbit-ui :is(.wh-orbit-pages, .wh-auth, .wh-orbit-public, .wh-orbit-overlay) :is(.text-gray-900, .text-gray-950, .text-gray-800) { color: var(--page-ink); }
.wh-orbit-ui :is(.wh-orbit-pages, .wh-auth, .wh-orbit-public, .wh-orbit-overlay) :is(.text-gray-500, .text-gray-400) { color: var(--page-muted); }
.wh-orbit-ui :is(.wh-orbit-pages, .wh-auth, .wh-orbit-public, .wh-orbit-overlay) .bg-white { background-color: var(--page-surface); }
.wh-orbit-ui :is(.wh-orbit-pages, .wh-auth, .wh-orbit-public, .wh-orbit-overlay) :is(.bg-gray-50, .bg-gray-100) { background-color: var(--page-soft); }
.wh-orbit-ui :is(.wh-orbit-pages, .wh-auth, .wh-orbit-public, .wh-orbit-overlay) :is(.border-gray-100, .border-gray-200, .border-gray-300) { border-color: var(--page-line); }
.wh-orbit-ui .wh-orbit-pages :is(h1, h2, h3) { text-wrap: pretty; }
.wh-orbit-ui .wh-orbit-pages > :is(.space-y-6, .space-y-8) > :first-child h1 { font-weight: 550; letter-spacing: -.5px; }
.wh-orbit-ui .wh-orbit-pages :is(.table-page-layout, .wh-feedback) { min-width: 0; }
.wh-orbit-ui .wh-orbit-pages .layout-section-fixed {
  padding: 14px 16px;
  background: var(--page-surface);
  border: 1px solid var(--page-line);
  border-radius: 13px;
  box-shadow: var(--page-shadow);
}
.wh-orbit-ui .wh-orbit-pages .layout-section-fixed > .card { border: 0; box-shadow: none; }
.wh-orbit-ui .wh-orbit-pages .table-scroll-container { border-radius: 15px; }
.wh-orbit-ui :is(.wh-orbit-pages, .wh-orbit-public) table { border-collapse: separate; border-spacing: 0; }
.wh-orbit-ui :is(.wh-orbit-pages, .wh-orbit-public) thead { background: var(--page-inset); }
.wh-orbit-ui :is(.wh-orbit-pages, .wh-orbit-public) thead :is(tr, th) {
  background-color: var(--page-inset);
  color: var(--page-muted);
  border-color: var(--page-line);
  font-weight: 500;
  letter-spacing: .35px;
}
.wh-orbit-ui :is(.wh-orbit-pages, .wh-orbit-public) tbody tr { transition: background-color .2s; }
.wh-orbit-ui :is(.wh-orbit-pages, .wh-orbit-public) tbody tr:hover { background-color: var(--page-glow); }
.wh-orbit-ui :is(.wh-orbit-pages, .wh-orbit-public) tbody :is(td, th) { border-color: var(--page-line); }
.wh-orbit-ui :is(.wh-orbit-pages, .wh-orbit-public) td { font-variant-numeric: tabular-nums; }
.wh-orbit-ui :is(.wh-orbit-pages, .wh-orbit-public) nav[aria-label="Pagination"] { gap: 4px; box-shadow: none; }
.wh-orbit-ui :is(.wh-orbit-pages, .wh-orbit-public) nav[aria-label="Pagination"] > button { margin-left: 0; border-radius: 8px; }
.wh-orbit-ui :is(.wh-orbit-pages, .wh-orbit-public) nav[aria-label="Pagination"] > button[aria-current="page"] {
  background: var(--page-tint); border-color: var(--page-accent); color: var(--page-accent);
  box-shadow: inset 0 1px #ffffff12;
}
.wh-orbit-ui :is(.wh-orbit-pages, .wh-orbit-public) [role="tablist"] { border-color: var(--page-line); }
.wh-orbit-ui :is(.wh-orbit-pages, .wh-orbit-public) [role="tab"][aria-selected="true"] { color: var(--page-accent); border-color: var(--page-accent); }
/* Shared feedback, audit and forms. */
.wh-orbit-ui .wh-orbit-pages :is(.wh-feedback-card, .wh-audit-block, .card-recharge-frame-wrap) {
  background: var(--page-surface); border-color: var(--page-line); border-radius: 16px; box-shadow: var(--page-shadow);
}
.wh-orbit-ui .wh-orbit-pages :is(.wh-feedback-field input, .wh-feedback-field select, .wh-feedback-field textarea, .wh-feedback-toolbar input, .wh-feedback-toolbar select, .wh-audit-filters input, .wh-audit-filters select) {
  background: var(--page-inset); color: var(--page-ink); border-color: var(--page-line);
  transition: border-color .22s, box-shadow .22s;
}
.wh-orbit-ui .wh-orbit-pages :is(.wh-feedback-field input, .wh-feedback-field select, .wh-feedback-field textarea):focus { border-color: var(--page-accent); box-shadow: 0 0 0 3px var(--page-glow); }
.wh-orbit-ui .wh-orbit-pages .wh-feedback-primary:not(.wh-feedback-danger-fill) { background: var(--page-accent); border-color: var(--page-accent); color: #fff; }
.dark .wh-orbit-ui .wh-orbit-pages .wh-feedback-primary:not(.wh-feedback-danger-fill) { color: #132a38; }
.wh-orbit-ui .wh-orbit-pages :is(.wh-feedback-secondary, .card-recharge-refresh, .card-recharge-open) { background: var(--page-surface); border-color: var(--page-line); color: var(--page-ink); }
.wh-orbit-ui .wh-orbit-pages :is(.wh-feedback-kicker, .card-recharge-kicker) { color: var(--page-cyan); letter-spacing: 2px; }
/* Creation pages: keep full-height chat, image sizing and model controls. */
.wh-orbit-ui .wh-orbit-pages .wh-chat-workspace { background: var(--page-bg); }
.wh-orbit-ui .wh-orbit-pages .wh-conversations { background: var(--page-inset); }
.wh-orbit-ui .wh-orbit-pages :is(.wh-chat-toolbar, .wh-chat-settings) { background: var(--page-surface); border-color: var(--page-line); }
.wh-orbit-ui .wh-orbit-pages .wh-chat-scroll { background: radial-gradient(ellipse 65% 220px at 50% 0, var(--page-glow), transparent); }
.wh-orbit-ui .wh-orbit-pages .wh-empty-mark {
  color: var(--page-accent); border: 1px solid var(--page-line); border-radius: 22px;
  background: linear-gradient(140deg, var(--page-surface), var(--page-tint)); box-shadow: var(--page-shadow);
  animation: wh-orbit-emblem 9s ease-in-out infinite;
}
.wh-orbit-ui .wh-orbit-pages .wh-prompt-grid > button { border: 1px solid var(--page-line); background: var(--page-surface); border-radius: 13px; transition: border-color .25s, translate .35s var(--page-ease); }
.wh-orbit-ui .wh-orbit-pages .wh-prompt-grid > button:hover { border-color: var(--page-accent); translate: 0 -2px; }
.wh-orbit-ui .wh-orbit-pages .wh-composer {
  background: var(--page-surface); border: 1px solid var(--page-line); box-shadow: 0 6px 30px var(--page-glow);
  transition: border-color .25s, box-shadow .25s;
}
.wh-orbit-ui .wh-orbit-pages .wh-composer:focus-within { border-color: var(--page-accent); box-shadow: 0 6px 28px var(--page-glow), 0 0 0 3px var(--page-glow); }
.wh-orbit-ui .wh-orbit-pages .wh-send:not(:disabled) { background: var(--page-accent); color: #fff; }
.dark .wh-orbit-ui .wh-orbit-pages .wh-send:not(:disabled) { color: #132a38; }
.wh-orbit-ui .wh-orbit-pages .wh-user-text { background: var(--page-tint); color: var(--page-ink); border: 1px solid var(--page-line); }
.wh-orbit-ui .wh-orbit-pages :is(.wh-image-form, .wh-image-canvas, .wh-gallery figure, .wh-request-preview) { background: var(--page-surface); border: 1px solid var(--page-line); border-radius: 17px; box-shadow: var(--page-shadow); }
.wh-orbit-ui .wh-orbit-pages .wh-image-form { background: linear-gradient(160deg, var(--page-surface) 70%, var(--page-inset)); }
.wh-orbit-ui .wh-orbit-pages .wh-image-canvas { background: radial-gradient(ellipse at 50% 40%, var(--page-glow), transparent 65%), var(--page-surface); }
.wh-orbit-ui .wh-orbit-pages .wh-segmented { border: 1px solid var(--page-line); background: var(--page-soft); }
.wh-orbit-ui .wh-orbit-pages .wh-segmented button.active { color: var(--page-accent); background: var(--page-surface); box-shadow: 0 2px 7px var(--page-glow); }
.wh-orbit-ui .wh-orbit-pages .wh-field :is(input, textarea, select) { background: var(--page-inset); border-color: var(--page-line); color: var(--page-ink); }
.wh-orbit-ui .wh-orbit-pages .wh-field :is(input, textarea, select):focus { border-color: var(--page-accent); }
.wh-orbit-ui .wh-orbit-pages .wh-gallery-preview { background: var(--page-inset); }
.wh-orbit-ui .wh-orbit-pages .wh-prompt-chips button { background: var(--page-soft); color: var(--page-muted); border-color: var(--page-line); }
.wh-orbit-ui .wh-orbit-pages .wh-prompt-chips button:hover { color: var(--page-accent); border-color: var(--page-accent); }
/* Billing, subscriptions, account and docs get the same quiet surfaces. */
.wh-orbit-ui .wh-orbit-pages[data-orbit-page="/profile"] .card:first-child { border-color: color-mix(in srgb, var(--page-accent) 30%, var(--page-line)); }
.wh-orbit-ui .wh-orbit-pages:is([data-orbit-page="/profile"], [data-orbit-page="/redeem"]) .card[class*="from-primary-"] { background: linear-gradient(120deg, var(--page-tint), var(--page-surface) 65%, var(--page-glow)); }
.wh-orbit-ui .wh-orbit-pages[data-orbit-page="/purchase"] .card { border-radius: 17px; }
.wh-orbit-ui .wh-orbit-pages[data-orbit-page="/subscriptions"] .card { border-color: var(--page-line); box-shadow: var(--page-shadow); }
.wh-orbit-ui .wh-orbit-pages[data-orbit-page="/model-plaza"] .glass { background: color-mix(in srgb, var(--page-surface) 96%, transparent); border-color: var(--page-line); }
/* Public/auth pages also follow the same existing html.dark theme state. */
.wh-orbit-ui :is(.wh-orbit-public, .wh-auth) { background-color: var(--page-bg); color: var(--page-ink); }
.wh-orbit-ui .wh-auth {
  background-image: radial-gradient(ellipse 600px 450px at 14% 25%, var(--page-glow), transparent), radial-gradient(ellipse 600px 450px at 88% 80%, #6aaab00b, transparent);
}
.wh-orbit-ui .wh-auth-main {
  position: relative; width: min(440px, calc(100% - 36px)); margin: 42px auto 65px;
  padding: 32px 32px 27px; border: 1px solid var(--page-line); border-radius: 22px;
  background: var(--page-surface); box-shadow: 0 12px 60px var(--page-glow);
}
.wh-orbit-ui .wh-auth-main::before {
  content: ""; position: absolute; pointer-events: none; top: -1px; left: 22%; right: 22%; height: 1px;
  background: linear-gradient(90deg, transparent, var(--page-accent), var(--page-cyan), transparent);
}
.wh-orbit-ui .wh-auth-logo .wh-brand-icon {
  position: relative; isolation: isolate; overflow: visible;
  color: var(--page-accent); background: var(--page-soft); border: 1px solid var(--page-line);
}
.wh-orbit-ui .wh-auth-logo .wh-brand-icon::after {
  content: ""; position: absolute; inset: -7px; border: 1px dashed var(--page-line); border-radius: 23px;
  pointer-events: none; animation: wh-orbit-auth-orbit 40s linear infinite;
}
.wh-orbit-ui .wh-auth-form h2 { color: var(--page-ink); font-size: 25px; letter-spacing: -.6px; }
.wh-orbit-ui .wh-auth-form .input { border-radius: 10px; }
.wh-orbit-ui .wh-auth-footer { border-top: 1px dashed var(--page-line); padding-top: 21px; }
.wh-orbit-ui :is(.wh-public-nav, .wh-public-footer) { border-color: var(--page-line); }
.wh-orbit-ui .wh-public-nav { background: color-mix(in srgb, var(--page-surface) 90%, transparent); }
.wh-orbit-ui .wh-nav-cta { background: var(--page-accent); border-radius: 9px; color: white; }
.dark .wh-orbit-ui .wh-nav-cta { color: #132a38; }
.wh-orbit-ui .wh-orbit-public.wh-home { background: var(--page-bg); }
.wh-orbit-ui .wh-home-feature { background: var(--page-surface); border: 1px solid var(--page-line); border-radius: 20px; box-shadow: var(--page-shadow); }
.wh-orbit-ui .wh-home-feature:not(.wh-feature-image) { background: linear-gradient(145deg, var(--page-surface) 65%, var(--page-soft)); }
.wh-orbit-ui .wh-api-band { background: var(--page-surface); border: 1px solid var(--page-line); border-radius: 20px; }
.wh-orbit-ui .wh-home-faq details { border-color: var(--page-line); }
.wh-orbit-ui .wh-orbit-public:not(.wh-home) {
  background-image: radial-gradient(ellipse 80% 340px at 50% 0, var(--page-glow), transparent);
}
.wh-orbit-ui .wh-orbit-public > header { background-color: var(--page-surface); border-color: var(--page-line); }
/* Runtime marks Vue teleported surfaces; no backdrop/position/z-index changes. */
.wh-orbit-ui .wh-orbit-overlay { --tw-ring-color: var(--page-line); color: var(--page-ink); }
.wh-orbit-ui .wh-orbit-overlay.bg-white { background-color: var(--page-surface); }
.wh-orbit-ui .wh-orbit-overlay .btn-primary { background: linear-gradient(120deg, var(--page-accent), var(--page-accent-strong)); }
.wh-orbit-ui .wh-orbit-overlay [role="dialog"] { border-color: var(--page-line); }
@keyframes wh-orbit-emblem { 0%, 100% { translate: 0 0; rotate: -2deg; } 50% { translate: 0 -4px; rotate: 2deg; } }
@keyframes wh-orbit-auth-orbit { to { rotate: 360deg; } }
/* Pause ambient elements in background tabs. Entry animations use WAAPI and
   are separately paused/cancelled by the lifecycle controller. */
.wh-orbit-ui[data-orbit-paused="true"] :is(.wh-empty-mark, .wh-auth-logo .wh-brand-icon)::after,
.wh-orbit-ui[data-orbit-paused="true"] .wh-empty-mark { animation-play-state: paused; }
@media (max-width: 767px) {
  .wh-orbit-ui .wh-orbit-pages .layout-section-fixed { padding: 12px; border-radius: 12px; }
  .wh-orbit-ui .wh-orbit-pages nav[aria-label="Pagination"] { gap: 2px; }
  .wh-orbit-ui .wh-orbit-pages nav[aria-label="Pagination"] > button { padding-left: 10px; padding-right: 10px; }
  .wh-orbit-ui .wh-auth-main { margin-top: 26px; padding: 27px 23px 24px; border-radius: 18px; }
  .wh-orbit-ui .wh-auth-form h2 { font-size: 23px; }
}
@media (prefers-reduced-motion: reduce) {
  .wh-orbit-ui .wh-empty-mark, .wh-orbit-ui .wh-auth-logo .wh-brand-icon::after { animation: none; }
  .wh-orbit-ui :is(.btn, .input, .select, .textarea, .card, .wh-composer, .wh-prompt-grid > button) { transition: none; }
  .wh-orbit-ui .wh-prompt-grid > button:hover, .wh-orbit-ui .btn-primary:hover:not(:disabled) { translate: none; }
}

.wh-orbit-ui .wh-image-reference-panel { margin-top: 18px; padding: 13px; border: 1px solid var(--page-line); border-radius: 12px; background: var(--page-inset); }
.wh-orbit-ui .wh-image-reference-selected { display: flex; align-items: center; gap: 10px; min-width: 0; }
.wh-orbit-ui .wh-image-reference-selected > img { width: 58px; height: 58px; object-fit: cover; border-radius: 9px; flex-shrink: 0; border: 1px solid var(--page-line); }
.wh-orbit-ui .wh-image-reference-selected > div { flex: 1; min-width: 0; }
.wh-orbit-ui .wh-image-reference-selected :is(strong,span,small) { display: block; }
.wh-orbit-ui .wh-image-reference-selected strong { font-size: 11px; color: var(--page-accent); }
.wh-orbit-ui .wh-image-reference-selected span { font-size: 9px; color: var(--page-muted); margin-top: 4px; overflow-wrap: anywhere; }
.wh-orbit-ui .wh-image-reference-selected small { font-size: 9px; color: var(--page-muted); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-top: 3px; }
.wh-orbit-ui .wh-image-reference-selected > button { align-self: flex-start; width: 25px; height: 25px; border-radius: 7px; color: var(--page-muted); }
.wh-orbit-ui .wh-image-reference-selected > button:hover { color: var(--page-accent); background: var(--page-soft); }
.wh-orbit-ui .wh-image-reference-actions { display: flex; justify-content: space-between; align-items: center; gap: 9px; margin-top: 8px; }
.wh-orbit-ui .wh-image-reference-actions .wh-reference-input { margin: 0; font-size: 10px; }
.wh-orbit-ui .wh-image-reference-actions > button { font-size: 10px; color: var(--page-accent); padding: 5px 0; }
.wh-orbit-ui :is(.wh-image-reference-note,.wh-image-task-hint) { font-size: 10px; line-height: 1.8; color: var(--page-muted); margin-top: 10px; }
.wh-orbit-ui .wh-image-task-hint { margin: -7px 0 18px; }
.wh-orbit-ui .wh-image-reference-error { font-size: 11px; line-height: 1.8; color: #b84650; margin-top: 9px; }
.dark .wh-orbit-ui .wh-image-reference-error { color: #ef9ca3; }
.wh-orbit-ui .wh-image-continue { position: absolute; left: 10px; bottom: 10px; display: inline-flex; min-height: 31px; align-items: center; padding: 0 12px; border: 1px solid var(--page-line); border-radius: 9px; background: var(--page-surface); color: var(--page-accent); box-shadow: var(--page-shadow); font-size: 11px; transition: translate .25s var(--page-ease),border-color .25s; }
.wh-orbit-ui .wh-image-continue:hover:not(:disabled) { translate: 0 -2px; border-color: var(--page-accent); }
.wh-orbit-ui .wh-image-continue-options { display: flex; flex-wrap: wrap; gap: 6px; margin: 12px 0 5px; }
.wh-orbit-ui .wh-image-continue-history { display: inline-flex; align-items: center; gap: 5px; min-height: 30px; padding: 4px 8px; border-radius: 8px; background: var(--page-soft); border: 1px solid var(--page-line); color: var(--page-accent); font-size: 10px; }
.wh-orbit-ui .wh-image-continue-history img { width: 23px; height: 23px; border-radius: 4px; object-fit: cover; }
.wh-orbit-ui .wh-image-version { display: block; margin-top: 6px; font-size: 9px; color: var(--page-cyan); letter-spacing: .3px; }
.wh-orbit-ui .wh-status.uncertain { background: #fff0d2; color: #825d28; }
.dark .wh-orbit-ui .wh-status.uncertain { background: #483b28; color: #e4c699; }
@media (prefers-reduced-motion: reduce) { .wh-orbit-ui .wh-image-continue { transition: none; } .wh-orbit-ui .wh-image-continue:hover:not(:disabled) { translate: none; } }

.wh-audit-storage{padding:22px;margin:20px 0;border:1px solid var(--wh-border,rgba(128,114,175,.2));border-radius:18px}
.wh-audit-storage-heading,.wh-audit-storage-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.wh-audit-storage-heading h2{font-size:16px;font-weight:650;margin:0 0 6px}
.wh-audit-storage-heading p,.wh-audit-storage-actions p{margin:4px 0;max-width:760px}
.wh-audit-storage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:22px 0 16px}
.wh-audit-storage-metric{display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:12px;background:rgba(128,114,175,.05);min-width:0}
.wh-audit-storage-metric strong{font-size:23px;font-weight:650;font-variant-numeric:tabular-nums}
.wh-audit-storage-metric small{line-height:1.6;overflow-wrap:anywhere}
.wh-audit-storage-gauge{display:flex;align-items:center;gap:14px;margin:14px 0 18px}
.wh-audit-storage-gauge>div{flex:1;height:7px;border-radius:20px;overflow:hidden;background:rgba(128,114,175,.15)}
.wh-audit-storage-gauge span{display:block;height:100%;background:#369e91;border-radius:20px;transition:width .35s ease}
.wh-audit-storage-gauge.is-low span{background:#d77c36}
.wh-audit-storage-gauge small{white-space:nowrap;font-variant-numeric:tabular-nums}
.wh-audit-storage .wh-audit-purge-button{color:#bc394d;border-color:rgba(188,57,77,.4)}
.wh-audit-storage button:disabled{opacity:.5;cursor:not-allowed}
.wh-audit-purge-confirm{display:flex;flex-direction:column;gap:10px;margin:18px 0}
.wh-audit-purge-confirm input{background:transparent;color:inherit;border:1px solid rgba(128,114,175,.4);border-radius:10px;padding:10px 12px}
@media(max-width:800px){.wh-audit-storage-grid{grid-template-columns:1fr}.wh-audit-storage-gauge{align-items:flex-start;flex-direction:column}.wh-audit-storage-gauge>div{width:100%;flex:auto}}
@media(prefers-reduced-motion:reduce){.wh-audit-storage-gauge span{transition:none}}

/* Internal app only. Home, authentication and standalone public pages keep
   their own skins. Body tokens also reach the app's teleported dialogs. */
body.wh-orbit-ui:has(.wh-shell){
  --page-bg:#f7f8fa;--page-surface:#fff;--page-soft:#f0f1f3;--page-inset:#fafbfc;
  --page-ink:#24272d;--page-muted:#656b75;--page-line:#e2e5e9;
  --page-accent:#4366aa;--page-accent-strong:#34558f;--page-cyan:#2e807b;
  --page-tint:#edf2fb;--page-glow:#5577a50a;--page-shadow:none;--page-focus:#698ac580;
  --workspace-chart:#5277bd;--workspace-cyan:#2e807b;--workspace-amber:#9c7138;
  --workspace-accent-wash:#eef3fc;--workspace-teal-wash:#eef7f5;--workspace-warm-wash:#fbf5ec;
  --workspace-button:#4366aa;--workspace-button-ink:#fff;
  background:var(--page-bg);color:var(--page-ink);color-scheme:light;
}
.dark body.wh-orbit-ui:has(.wh-shell){
  --page-bg:#121212;--page-surface:#1c1c1d;--page-soft:#262628;--page-inset:#181819;
  --page-ink:#e2e2e5;--page-muted:#a4a7af;--page-line:#373739;
  --page-accent:#9bb9ee;--page-accent-strong:#bed2f6;--page-cyan:#83bdb3;
  --page-tint:#252e40;--page-glow:#8eafe90b;--page-focus:#a0b4d080;
  --workspace-chart:#94b5ee;--workspace-cyan:#83bdb3;--workspace-amber:#d4b17b;
  --workspace-accent-wash:#222b3b;--workspace-teal-wash:#1e302e;--workspace-warm-wash:#312c24;
  --workspace-button:#9bb9ee;--workspace-button-ink:#172239;
  color-scheme:dark;
}
.wh-shell{font-family:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}
body.wh-orbit-ui .wh-shell .wh-main{background:var(--page-bg);color:var(--page-ink)}
body.wh-orbit-ui .wh-shell .wh-orbit-pages{background:none}
/* The existing 256px / 232px drawer geometry and page gutters remain shared. */
body.wh-orbit-ui .wh-shell .wh-sidebar.wh-orbit-sidebar{
  --orbit-ink:var(--page-ink);--orbit-muted:var(--page-muted);--orbit-line:var(--page-line);
  --orbit-cyan:var(--workspace-cyan);--orbit-accent:var(--page-accent);--orbit-scan:transparent;
  background:var(--page-surface);color:var(--page-ink);border-right-color:var(--page-line);box-shadow:none;color-scheme:inherit;
}
body.wh-orbit-ui .wh-shell .wh-orbit-sidebar::before,
body.wh-orbit-ui .wh-shell .wh-orbit-atmosphere{display:none}
body.wh-orbit-ui .wh-shell .wh-orbit-sidebar .wh-orbit-brand{padding:27px 23px 24px}
body.wh-orbit-ui .wh-shell .wh-orbit-sidebar .wh-brand{color:var(--page-ink)}
body.wh-orbit-ui .wh-shell .wh-orbit-sidebar .wh-brand-lockup{gap:9px}
body.wh-orbit-ui .wh-shell .wh-orbit-sidebar .wh-brand-lockup>img{width:45px;height:32px}
body.wh-orbit-ui .wh-shell .wh-orbit-sidebar .wh-brand-name{font-size:21px;font-weight:600;letter-spacing:-.6px}
body.wh-orbit-ui .wh-shell .wh-orbit-brand-caption{margin-top:9px;margin-left:1px;font-size:12px;letter-spacing:.2px;color:var(--page-muted)}
body.wh-orbit-ui .wh-shell .wh-orbit-search{height:40px;background:var(--page-inset);border-color:var(--page-line);color:var(--page-muted);border-radius:8px;box-shadow:none}
body.wh-orbit-ui .wh-shell .wh-orbit-search:focus-within{background:var(--page-surface);border-color:var(--page-muted);box-shadow:none}
body.wh-orbit-ui .wh-shell .wh-orbit-search input{font-size:13px;color:var(--page-ink)}
body.wh-orbit-ui .wh-shell .wh-orbit-search input::placeholder{color:var(--page-muted)}
body.wh-orbit-ui .wh-shell .wh-orbit-search kbd{background:var(--page-soft);border-color:var(--page-line);color:var(--page-muted);font-size:9px}
body.wh-orbit-ui .wh-shell .wh-orbit-search-clear{color:var(--page-ink)}
body.wh-orbit-ui .wh-shell .wh-orbit-create{min-height:68px;background:var(--page-soft);border-color:var(--page-line);color:var(--page-ink);border-radius:9px;box-shadow:none}
body.wh-orbit-ui .wh-shell .wh-orbit-create:hover{background:var(--page-tint);border-color:var(--page-muted);box-shadow:none}
body.wh-orbit-ui .wh-shell .wh-orbit-create::before,
body.wh-orbit-ui .wh-shell .wh-orbit-create::after{display:none}
body.wh-orbit-ui .wh-shell .wh-orbit-portal i{border-color:var(--page-muted);box-shadow:none}
body.wh-orbit-ui .wh-shell .wh-orbit-ring-secondary i{border-color:var(--page-muted);opacity:.55}
body.wh-orbit-ui .wh-shell .wh-orbit-portal>.wh-orbit-portal-core,
body.wh-orbit-ui .wh-shell .wh-orbit-create-arrow{color:var(--page-ink)}
body.wh-orbit-ui .wh-shell .wh-orbit-create-copy small{color:var(--page-muted);font-size:9px;letter-spacing:1px}
body.wh-orbit-ui .wh-shell .wh-orbit-create-copy strong{font-size:14px;font-weight:500}
body.wh-orbit-ui .wh-shell .wh-orbit-sidebar nav.wh-orbit-nav{scrollbar-color:var(--page-line) transparent}
body.wh-orbit-ui .wh-shell .wh-orbit-nav::-webkit-scrollbar-thumb{background:var(--page-line)}
body.wh-orbit-ui .wh-shell .wh-orbit-sidebar .wh-nav-caption{font-size:12px;letter-spacing:.2px;color:var(--page-muted)}
body.wh-orbit-ui .wh-shell .wh-orbit-sidebar nav a.wh-orbit-link{color:var(--page-muted);font-size:14px;min-height:42px;font-weight:400;letter-spacing:0;border-radius:7px}
body.wh-orbit-ui .wh-shell .wh-orbit-sidebar nav a.wh-orbit-link>svg:first-child{color:var(--page-muted);width:20px;height:20px}
body.wh-orbit-ui .wh-shell .wh-orbit-sidebar nav a.wh-orbit-link:hover{color:var(--page-ink);background:var(--page-soft)}
body.wh-orbit-ui .wh-shell .wh-orbit-sidebar nav a.wh-orbit-link[data-current="true"]{color:var(--page-ink);background:var(--page-soft);border-color:transparent;font-weight:500}
body.wh-orbit-ui .wh-shell .wh-orbit-sidebar[data-motion-ready="true"] nav a.wh-orbit-link[data-current="true"]{background:transparent}
body.wh-orbit-ui .wh-shell .wh-orbit-sidebar nav a.wh-orbit-link:hover>svg:first-child,
body.wh-orbit-ui .wh-shell .wh-orbit-sidebar nav a.wh-orbit-link[data-current="true"]>svg:first-child{color:var(--page-ink)}
body.wh-orbit-ui .wh-shell .wh-orbit-active-track{background:var(--page-soft);border:0;box-shadow:none;border-radius:7px}
body.wh-orbit-ui .wh-shell .wh-orbit-active-track::before,
body.wh-orbit-ui .wh-shell .wh-orbit-active-track i::before,
body.wh-orbit-ui .wh-shell .wh-orbit-active-track i::after{display:none}
body.wh-orbit-ui .wh-shell .wh-orbit-link-arrow{color:var(--page-muted)}
body.wh-orbit-ui .wh-shell .wh-orbit-group-toggle{font-size:13px;color:var(--page-muted);border-radius:7px}
body.wh-orbit-ui .wh-shell .wh-orbit-group-toggle:hover{background:var(--page-soft);color:var(--page-ink)}
body.wh-orbit-ui .wh-shell .wh-orbit-group.is-open>.wh-orbit-group-toggle{color:var(--page-ink)}
body.wh-orbit-ui .wh-shell .wh-orbit-group-toggle>svg:first-child,
body.wh-orbit-ui .wh-shell .wh-orbit-group.has-current>.wh-orbit-group-toggle>svg:first-child,
body.wh-orbit-ui .wh-shell .wh-orbit-chevron{color:var(--page-muted)}
body.wh-orbit-ui .wh-shell .wh-orbit-count{background:transparent;border:0;color:var(--page-muted);font-size:11px}
body.wh-orbit-ui .wh-shell .wh-orbit-subnav{border-color:var(--page-line)}
body.wh-orbit-ui .wh-shell .wh-orbit-sidebar nav a.wh-orbit-nested{font-size:13px;min-height:38px}
body.wh-orbit-ui .wh-shell .wh-orbit-sidebar nav a.wh-orbit-nested>svg:first-child{width:18px;height:18px}
body.wh-orbit-ui .wh-shell .wh-orbit-sidebar nav a.wh-orbit-docs{background:transparent;border-color:var(--page-line);color:var(--page-muted);font-size:13px;border-radius:8px}
body.wh-orbit-ui .wh-shell .wh-orbit-sidebar nav a.wh-orbit-docs:hover{background:var(--page-soft);color:var(--page-ink);border-color:var(--page-line)}
body.wh-orbit-ui .wh-shell .wh-orbit-sidebar nav a.wh-orbit-docs>svg,
body.wh-orbit-ui .wh-shell .wh-orbit-docs-arrow,
body.wh-orbit-ui .wh-shell .wh-orbit-empty strong{color:var(--page-ink)}
body.wh-orbit-ui .wh-shell .wh-orbit-sidebar .wh-orbit-bottom{--wallet-ink:var(--page-ink);--wallet-muted:var(--page-muted);--wallet-accent:var(--page-ink);--wallet-wash:var(--page-soft)}
body.wh-orbit-ui .wh-shell .wh-orbit-wallet small{font-size:11px;letter-spacing:0}
body.wh-orbit-ui .wh-shell .wh-orbit-wallet strong{font-size:25px}
body.wh-orbit-ui .wh-shell .wh-orbit-user strong{font-size:13px}
body.wh-orbit-ui .wh-shell .wh-orbit-user small{font-size:11px}
body.wh-orbit-ui .wh-shell .wh-orbit-recharge{font-size:11px}

/* Match Home's single theme glyph; 44px targets around 23px icons. */
body.wh-orbit-ui .wh-shell .wh-topbar.wh-orbit-topbar{
  --bar-ink:var(--page-ink);--bar-muted:var(--page-muted);--bar-line:var(--page-line);--bar-surface:var(--page-surface);--bar-wash:var(--page-soft);--bar-accent:var(--page-ink);--bar-violet:var(--page-ink);
  height:78px;background:var(--page-surface);color:var(--page-ink);backdrop-filter:none;-webkit-backdrop-filter:none;
}
body.wh-orbit-ui .wh-shell .wh-orbit-topbar::after{display:none}
body.wh-orbit-ui .wh-shell .wh-orbit-page-icon{background:transparent;border:0;color:var(--page-muted);border-radius:0}
body.wh-orbit-ui .wh-shell .wh-orbit-page-icon>svg{width:23px;height:23px}
body.wh-orbit-ui .wh-shell .wh-orbit-page-title{font-size:17px;font-weight:550;line-height:25px;letter-spacing:0}
body.wh-orbit-ui .wh-shell .wh-orbit-breadcrumb{font-size:11px;line-height:16px}
body.wh-orbit-ui .wh-shell .wh-orbit-topbar-actions{gap:8px}
body.wh-orbit-ui .wh-shell .wh-orbit-theme,
body.wh-orbit-ui .wh-shell .wh-orbit-signout,
body.wh-orbit-ui .wh-shell .wh-orbit-notices>div>button,
body.wh-orbit-ui .wh-shell .wh-orbit-topbar .wh-orbit-menu{width:44px;height:44px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--page-muted);align-items:center;justify-content:center;box-shadow:none;transform:none}
body.wh-orbit-ui .wh-shell .wh-orbit-theme>span{font:400 28px/1 "Segoe UI Symbol",sans-serif}
body.wh-orbit-ui .wh-shell .wh-orbit-notices>div>button svg{width:23px;height:23px}
body.wh-orbit-ui .wh-shell .wh-orbit-theme:hover,
body.wh-orbit-ui .wh-shell .wh-orbit-signout:hover,
body.wh-orbit-ui .wh-shell .wh-orbit-notices>div>button:hover,
body.wh-orbit-ui .wh-shell .wh-orbit-topbar .wh-orbit-menu:hover{background:var(--page-soft);color:var(--page-ink);transform:none;border-color:transparent}
body.wh-orbit-ui .wh-shell .wh-orbit-signout{width:auto;min-width:44px;padding:0 10px;gap:8px}
body.wh-orbit-ui .wh-shell .wh-orbit-action-label{font-size:13px;line-height:20px}

/* Readable data and controls; semantic success / warning / danger colors stay. */
body.wh-orbit-ui .wh-shell .wh-orbit-dashboard{
  --dash-ink:var(--page-ink);--dash-muted:var(--page-muted);--dash-line:var(--page-line);--dash-surface:var(--page-surface);--dash-wash:var(--page-soft);--dash-accent:var(--workspace-chart);--dash-cyan:var(--workspace-cyan);--dash-shadow:transparent;
}
body.wh-orbit-ui .wh-shell :is(.wh-orbit-metric,.wh-orbit-dash-panel){background:var(--page-surface);border-color:var(--page-line);border-radius:9px;box-shadow:none}
body.wh-orbit-ui .wh-shell .wh-orbit-metric{--metric-accent:var(--page-muted)}
body.wh-orbit-ui .wh-shell .wh-orbit-metric:hover{border-color:var(--page-line);transform:none}
body.wh-orbit-ui .wh-shell .wh-orbit-metric-label{font-size:12px}
body.wh-orbit-ui .wh-shell .wh-orbit-metric-label>small{display:none}
body.wh-orbit-ui .wh-shell .wh-orbit-metric-note{font-size:12px;line-height:18px}
body.wh-orbit-ui .wh-shell .wh-orbit-metric-value{font-size:29px;font-weight:500}
body.wh-orbit-ui .wh-shell .wh-orbit-dash-intro h1{font-size:28px;font-weight:550;letter-spacing:-.6px}
body.wh-orbit-ui .wh-shell .wh-orbit-dash-intro p{font-size:14px;line-height:1.8}
body.wh-orbit-ui .wh-shell .wh-orbit-dash-kicker{font-size:11px;letter-spacing:.6px;color:var(--page-muted)}
body.wh-orbit-ui .wh-shell .wh-orbit-panel-heading h2{font-size:16px;font-weight:550}
body.wh-orbit-ui .wh-shell .wh-orbit-segment button{font-size:12px;padding:5px 10px}
body.wh-orbit-ui .wh-shell .wh-orbit-chart-mode button{font-size:12px}
body.wh-orbit-ui .wh-shell :is(.wh-orbit-chart-note,.wh-orbit-chart-total small,.wh-orbit-chart-axis-label){font-size:11px}
body.wh-orbit-ui .wh-shell .wh-orbit-chart-axis-y{white-space:nowrap}
body.wh-orbit-ui .wh-shell .wh-orbit-launch{background:var(--page-inset);border-color:var(--page-line);border-radius:8px;color:var(--page-ink)}
body.wh-orbit-ui .wh-shell .wh-orbit-launch:hover{background:var(--page-soft);border-color:var(--page-line);box-shadow:none;transform:none}
body.wh-orbit-ui .wh-shell .wh-orbit-launch-icon{background:transparent;color:var(--page-ink);border:0;box-shadow:none}
body.wh-orbit-ui .wh-shell .wh-orbit-launch small{font-size:12px;color:var(--page-muted)}
body.wh-orbit-ui .wh-shell .wh-orbit-utility-links a{font-size:12px;background:transparent;color:var(--page-muted);border-color:var(--page-line)}
body.wh-orbit-ui .wh-shell .wh-orbit-activity table{font-size:13px}
body.wh-orbit-ui .wh-shell .wh-orbit-activity th{font-size:12px}
body.wh-orbit-ui .wh-shell .wh-orbit-activity td{font-size:12px}
body.wh-orbit-ui .wh-shell .card{border-radius:9px;box-shadow:none}
body.wh-orbit-ui .wh-shell :is(.layout-section-fixed,.table-scroll-container){border-radius:9px;box-shadow:none}
body.wh-orbit-ui:has(.wh-shell) :is(.wh-main,.wh-orbit-overlay) .btn-primary{background:var(--workspace-button);color:var(--workspace-button-ink);border-color:transparent;box-shadow:none}
body.wh-orbit-ui:has(.wh-shell) :is(.wh-main,.wh-orbit-overlay) .btn-primary:hover:not(:disabled){background:color-mix(in srgb,var(--workspace-button) 85%,var(--page-bg));box-shadow:none;translate:none}
body.wh-orbit-ui .wh-shell .btn-secondary{box-shadow:none}
body.wh-orbit-ui .wh-shell :is(.input,.select,.textarea){background:var(--page-surface);border-color:var(--page-line);box-shadow:none;border-radius:7px}
body.wh-orbit-ui .wh-shell :is(h1,h2,h3){color:var(--page-ink)}
body.wh-orbit-ui .wh-shell :is(thead,thead tr,thead th){background:var(--page-inset)}
body.wh-orbit-ui:has(.wh-shell) :is(.wh-main,.wh-orbit-overlay) :is(.bg-primary-50,.bg-primary-100){background:var(--page-tint)}
/* Small colour fields identify actions and data; the reading surfaces stay calm. */
body.wh-orbit-ui .wh-shell .wh-orbit-create{background:var(--workspace-accent-wash);border-color:color-mix(in srgb,var(--page-accent) 20%,var(--page-line))}
body.wh-orbit-ui .wh-shell .wh-orbit-create:hover{background:color-mix(in srgb,var(--page-accent) 13%,var(--page-surface));border-color:var(--page-accent)}
body.wh-orbit-ui .wh-shell .wh-orbit-create-copy strong,
body.wh-orbit-ui .wh-shell .wh-orbit-create-arrow,
body.wh-orbit-ui .wh-shell .wh-orbit-portal>.wh-orbit-portal-core{color:var(--page-accent)}
body.wh-orbit-ui .wh-shell .wh-orbit-portal i{border-color:var(--page-accent)}
body.wh-orbit-ui .wh-shell .wh-orbit-ring-secondary i{border-color:var(--workspace-cyan)}
body.wh-orbit-ui .wh-shell .wh-orbit-active-track{background:var(--workspace-accent-wash)}
body.wh-orbit-ui .wh-shell .wh-orbit-sidebar nav a.wh-orbit-link[data-current="true"]{color:var(--page-accent);background:var(--workspace-accent-wash)}
body.wh-orbit-ui .wh-shell .wh-orbit-sidebar[data-motion-ready="true"] nav a.wh-orbit-link[data-current="true"]{background:transparent}
body.wh-orbit-ui .wh-shell .wh-orbit-sidebar nav a.wh-orbit-link[data-current="true"]>svg:first-child{color:var(--page-accent)}
body.wh-orbit-ui .wh-shell .wh-orbit-sidebar nav a.wh-orbit-link:hover{color:var(--page-accent);background:var(--workspace-accent-wash)}
body.wh-orbit-ui .wh-shell .wh-orbit-sidebar nav a.wh-orbit-link:hover>svg:first-child{color:var(--page-accent)}
body.wh-orbit-ui .wh-shell .wh-orbit-page-icon{color:var(--page-accent)}
body.wh-orbit-ui .wh-shell .wh-orbit-theme:hover,
body.wh-orbit-ui .wh-shell .wh-orbit-notices>div>button:hover{color:var(--page-accent);background:var(--workspace-accent-wash)}
body.wh-orbit-ui .wh-shell .wh-orbit-metric{--metric-accent:var(--workspace-chart);--metric-wash:var(--workspace-accent-wash);border-top:2px solid color-mix(in srgb,var(--metric-accent) 65%,var(--page-line))}
body.wh-orbit-ui .wh-shell .wh-orbit-metric:nth-child(2){--metric-accent:var(--workspace-cyan);--metric-wash:var(--workspace-teal-wash)}
body.wh-orbit-ui .wh-shell .wh-orbit-metric:nth-child(4){--metric-accent:var(--workspace-amber);--metric-wash:var(--workspace-warm-wash)}
body.wh-orbit-ui .wh-shell .wh-orbit-metric:hover{background:var(--metric-wash);border-color:color-mix(in srgb,var(--metric-accent) 45%,var(--page-line))}
body.wh-orbit-ui .wh-shell .wh-orbit-metric-note>svg{color:var(--metric-accent)}
body.wh-orbit-ui .wh-shell .wh-orbit-dash-intro>.wh-orbit-dash-refresh button:hover{background:var(--workspace-accent-wash)}
body.wh-orbit-ui .wh-shell .wh-orbit-segment button.active{background:var(--workspace-accent-wash);color:var(--page-accent);box-shadow:none}
body.wh-orbit-ui .wh-shell .wh-orbit-launch{--launch-accent:var(--page-accent);background:var(--workspace-accent-wash);border-color:color-mix(in srgb,var(--launch-accent) 15%,var(--page-line))}
body.wh-orbit-ui .wh-shell .wh-orbit-launch.is-image{--launch-accent:var(--workspace-cyan);background:var(--workspace-teal-wash)}
body.wh-orbit-ui .wh-shell .wh-orbit-launch-icon{color:var(--launch-accent)}
body.wh-orbit-ui .wh-shell .wh-orbit-launch:hover{background:color-mix(in srgb,var(--launch-accent) 12%,var(--page-surface));border-color:var(--launch-accent)}
body.wh-orbit-ui .wh-shell .wh-orbit-utility-links a:hover{color:var(--page-accent)}
body.wh-orbit-ui .wh-shell .wh-orbit-recharge{color:var(--page-accent)}
body.wh-orbit-ui .wh-shell :is(.input,.select,.textarea):focus{border-color:var(--page-accent);outline:2px solid var(--page-tint);outline-offset:1px}
@media(max-width:1000px){body.wh-orbit-ui .wh-shell .wh-topbar.wh-orbit-topbar{height:68px}body.wh-orbit-ui .wh-shell .wh-orbit-sidebar{box-shadow:12px 0 40px #0002}}
@media(max-width:600px){body.wh-orbit-ui .wh-shell .wh-orbit-action-label{display:none}body.wh-orbit-ui .wh-shell .wh-orbit-signout{width:44px;padding:0}body.wh-orbit-ui .wh-shell .wh-orbit-topbar-actions{gap:2px}body.wh-orbit-ui .wh-shell .wh-orbit-page-title{font-size:15px}body.wh-orbit-ui .wh-shell .wh-orbit-breadcrumb{font-size:10px}body.wh-orbit-ui .wh-shell .wh-orbit-dash-intro h1{font-size:24px}body.wh-orbit-ui .wh-shell .wh-orbit-metric-value{font-size:25px}}

/* WormHole: a quiet frame around one continuous instrument surface.
   Desktop grid: available width = 1.72fr chart + 24px gutter + 1fr actions.
   The metric strip spans the same width; 4 columns share its internal rules. */
body.wh-orbit-ui:has(.wh-shell){--workspace-frame:#edf0f4;--workspace-panel:#fafbfc;--workspace-edge:#e8ebef;--workspace-rule:#e1e6ed}
.dark body.wh-orbit-ui:has(.wh-shell){--workspace-frame:#141516;--workspace-panel:#202224;--workspace-edge:#303337;--workspace-rule:#363a40}
body.wh-orbit-ui .wh-shell .wh-main{background:var(--workspace-frame)}
body.wh-orbit-ui .wh-shell .wh-sidebar.wh-orbit-sidebar{background:var(--workspace-frame);border-right-color:transparent}
body.wh-orbit-ui .wh-shell .wh-topbar.wh-orbit-topbar{height:72px;background:var(--workspace-frame);border-bottom:0;padding-inline:30px}
body.wh-orbit-ui .wh-shell .wh-orbit-page-icon{display:none}
body.wh-orbit-ui .wh-shell .wh-orbit-page-title{font-size:15px;line-height:23px}
body.wh-orbit-ui .wh-shell .wh-orbit-heading-copy{gap:1px}
body.wh-orbit-ui .wh-shell .wh-content:not(.wh-content-studio){margin:0 12px 12px 0;padding:28px 30px;background:var(--page-surface);border:1px solid var(--workspace-edge);border-radius:16px;min-height:calc(100vh - 84px)}
body.wh-orbit-ui .wh-shell .wh-orbit-sidebar .wh-orbit-brand{padding:26px 25px 25px}
body.wh-orbit-ui .wh-shell .wh-orbit-brand-caption{font-size:11px;letter-spacing:.4px;margin-top:8px}
body.wh-orbit-ui .wh-shell .wh-orbit-search{background:color-mix(in srgb,var(--page-surface) 60%,transparent);border-color:var(--workspace-rule);border-radius:10px}
body.wh-orbit-ui .wh-shell .wh-orbit-create{min-height:76px;border-radius:12px;border-color:color-mix(in srgb,var(--page-accent) 16%,var(--workspace-rule));background:var(--page-surface)}
body.wh-orbit-ui .wh-shell .wh-orbit-create-copy small{font-size:8px;letter-spacing:1.4px}
body.wh-orbit-ui .wh-shell .wh-orbit-create-copy strong{font-size:13px;font-weight:550}
body.wh-orbit-ui .wh-shell .wh-orbit-sidebar nav a.wh-orbit-link{border-radius:9px;transition:background .2s,color .2s}
body.wh-orbit-ui .wh-shell .wh-orbit-sidebar nav a.wh-orbit-link:hover>svg:first-child{transform:none}
body.wh-orbit-ui .wh-shell .wh-orbit-active-track{border-radius:9px;background:var(--page-surface)}
body.wh-orbit-ui .wh-shell .wh-orbit-sidebar nav a.wh-orbit-link[data-current="true"]{background:var(--page-surface);color:var(--page-ink)}
body.wh-orbit-ui .wh-shell .wh-orbit-sidebar[data-motion-ready="true"] nav a.wh-orbit-link[data-current="true"]{background:transparent}
body.wh-orbit-ui .wh-shell .wh-orbit-count{display:none}
body.wh-orbit-ui .wh-shell .wh-orbit-wallet{border-bottom-style:solid;padding-bottom:16px}
body.wh-orbit-ui .wh-shell .wh-orbit-wallet strong{font-size:23px;font-weight:450}
body.wh-orbit-ui .wh-shell .wh-orbit-dashboard{gap:22px}
body.wh-orbit-ui .wh-shell .wh-orbit-dash-intro{padding:4px 0 2px;min-height:98px}
body.wh-orbit-ui .wh-shell .wh-orbit-dash-intro .wh-orbit-dash-kicker{font-size:11px;letter-spacing:.6px;margin-bottom:8px}
body.wh-orbit-ui .wh-shell .wh-orbit-dash-intro h1{font-size:clamp(25px,2.3vw,33px);line-height:1.4;letter-spacing:-1px;font-weight:550}
body.wh-orbit-ui .wh-shell .wh-orbit-dash-intro p{font-size:13px;line-height:22px;margin-top:8px;letter-spacing:.1px}
body.wh-orbit-ui .wh-shell .wh-orbit-dash-refresh{gap:12px;font-size:11px}
body.wh-orbit-ui .wh-shell .wh-orbit-dash-refresh button{height:34px;border-radius:7px}
body.wh-orbit-ui .wh-shell .wh-orbit-metrics{gap:0;grid-template-columns:1.15fr repeat(3,minmax(0,1fr));background:var(--workspace-panel);border:1px solid var(--workspace-edge);border-radius:13px;padding:20px 0}
body.wh-orbit-ui .wh-shell .wh-orbit-metric{padding:0 24px;background:transparent;border:0;border-left:1px solid var(--workspace-rule);border-radius:0;box-shadow:none;animation:none;transition:background .2s}
body.wh-orbit-ui .wh-shell .wh-orbit-metric:first-child{border-left:0}
body.wh-orbit-ui .wh-shell .wh-orbit-metric:hover{background:transparent;border-color:var(--workspace-rule)}
body.wh-orbit-ui .wh-shell .wh-orbit-metric-label{font-size:12px;gap:7px}
body.wh-orbit-ui .wh-shell .wh-orbit-metric-label>svg{width:14px;height:14px}
body.wh-orbit-ui .wh-shell .wh-orbit-metric-value{font-size:29px;font-weight:450;letter-spacing:-.9px;margin:11px 0 9px;line-height:34px}
body.wh-orbit-ui .wh-shell .wh-orbit-metric:first-child .wh-orbit-metric-value{font-size:34px;letter-spacing:-1.4px}
body.wh-orbit-ui .wh-shell .wh-orbit-metric-note{font-size:11px;line-height:17px}
body.wh-orbit-ui .wh-shell .wh-orbit-dash-grid{grid-template-columns:minmax(0,1.72fr) minmax(280px,1fr);gap:24px}
body.wh-orbit-ui .wh-shell .wh-orbit-dash-panel{border-radius:12px;padding:22px;background:var(--page-surface);border-color:var(--workspace-edge)}
body.wh-orbit-ui .wh-shell .wh-orbit-panel-heading{margin-bottom:18px;gap:12px}
body.wh-orbit-ui .wh-shell .wh-orbit-panel-heading h2{font-size:15px;line-height:22px;font-weight:550;letter-spacing:0}
body.wh-orbit-ui .wh-shell .wh-orbit-panel-description{font-size:12px;line-height:19px;color:var(--page-muted);margin-top:4px}
body.wh-orbit-ui .wh-shell .wh-orbit-chart-total strong{font-size:25px;font-weight:450;line-height:32px;letter-spacing:-.5px}
body.wh-orbit-ui .wh-shell .wh-orbit-chart-visual{height:194px}
body.wh-orbit-ui .wh-shell .wh-orbit-chart-state{min-height:194px}
body.wh-orbit-ui .wh-shell .wh-orbit-chart-line{stroke-width:2}
body.wh-orbit-ui .wh-shell .wh-orbit-chart-area{opacity:.5}
body.wh-orbit-ui .wh-shell .wh-orbit-chart-note{font-size:11px;line-height:18px;margin-top:10px}
body.wh-orbit-ui .wh-shell .wh-orbit-segment{background:var(--workspace-panel);border:0;padding:3px;border-radius:7px}
body.wh-orbit-ui .wh-shell .wh-orbit-segment button.active{background:var(--page-surface)}
body.wh-orbit-ui .wh-shell .wh-orbit-shortcuts{gap:0;background:var(--workspace-panel)}
body.wh-orbit-ui .wh-shell .wh-orbit-shortcuts .wh-orbit-panel-heading{margin-bottom:0}
body.wh-orbit-ui .wh-shell .wh-orbit-connection{width:100%;max-width:340px;margin:6px auto 12px}
body.wh-orbit-ui .wh-shell .wh-orbit-connection svg{width:100%;height:72px;display:block;overflow:visible}
body.wh-orbit-ui .wh-shell .wh-connection-grid{stroke:var(--workspace-rule);stroke-width:.5;opacity:.5}
body.wh-orbit-ui .wh-shell .wh-connection-route{stroke:var(--workspace-rule);stroke-width:1}
body.wh-orbit-ui .wh-shell .wh-connection-signal{stroke:var(--page-accent);stroke-width:1;stroke-dasharray:3 18;opacity:.65;animation:wh-connection-transit 7s linear infinite}
body.wh-orbit-ui .wh-shell .wh-connection-node{fill:var(--page-surface);stroke:var(--page-accent);stroke-width:1.3}
body.wh-orbit-ui .wh-shell .wh-connection-orbit{fill:var(--workspace-panel);stroke:var(--page-accent);stroke-width:1.3}
body.wh-orbit-ui .wh-shell .wh-connection-orbit.secondary{fill:none;stroke:var(--workspace-cyan)}
body.wh-orbit-ui .wh-shell .wh-connection-core{stroke:var(--page-ink);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
body.wh-orbit-ui .wh-shell .wh-orbit-connection-labels{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;color:var(--page-muted)}
body.wh-orbit-ui .wh-shell .wh-orbit-connection-labels strong{font-size:11px;color:var(--page-ink);font-weight:500;letter-spacing:.3px}
body.wh-orbit-ui .wh-shell .wh-orbit-launch{padding:11px 0;background:transparent;border:0;border-top:1px solid var(--workspace-rule);border-radius:0;gap:12px;transition:color .2s,background .2s}
body.wh-orbit-ui .wh-shell .wh-orbit-launch.is-image{background:transparent}
body.wh-orbit-ui .wh-shell .wh-orbit-launch:hover{background:transparent;border-color:var(--workspace-rule)}
body.wh-orbit-ui .wh-shell .wh-orbit-launch-icon{width:28px;height:32px}
body.wh-orbit-ui .wh-shell .wh-orbit-launch strong{font-size:13px;line-height:21px}
body.wh-orbit-ui .wh-shell .wh-orbit-launch small{font-size:11px;line-height:18px}
body.wh-orbit-ui .wh-shell .wh-orbit-launch:hover strong{color:var(--launch-accent)}
body.wh-orbit-ui .wh-shell .wh-orbit-utility-links{flex-direction:row;gap:16px;margin-top:auto;padding-top:8px}
body.wh-orbit-ui .wh-shell .wh-orbit-utility-links a{flex:1;min-height:31px;border:0;font-size:11px;gap:6px}
body.wh-orbit-ui .wh-shell .wh-orbit-utility-links a>svg:first-child{width:14px;height:14px}
body.wh-orbit-ui .wh-shell .wh-orbit-activity{padding-top:18px;padding-bottom:12px}
body.wh-orbit-ui .wh-shell .wh-orbit-activity .wh-orbit-panel-heading{margin-bottom:12px}
body.wh-orbit-ui .wh-shell .wh-orbit-activity th{background:transparent;padding:9px 12px;font-size:11px}
body.wh-orbit-ui .wh-shell .wh-orbit-activity td{padding:12px;font-size:12px}
body.wh-orbit-ui .wh-shell .wh-orbit-activity tr:hover td{background:var(--workspace-panel)}
body.wh-orbit-ui .wh-shell .wh-orbit-activity :is(th,td):nth-child(n+3){text-align:right}
body.wh-orbit-ui .wh-shell .wh-orbit-activity td:nth-child(n+3){font-family:"Cascadia Code",Consolas,monospace;font-size:11px}
@keyframes wh-connection-transit{to{stroke-dashoffset:-42}}
body.wh-orbit-ui[data-orbit-paused="true"] .wh-shell .wh-connection-signal{animation-play-state:paused}
@media(min-width:1001px){body.wh-orbit-ui .wh-shell .wh-content:not(.wh-content-studio)>:not(.wh-orbit-dashboard):not(.workspace-preview-label){--page-shadow:none}}
@media(max-width:1200px){body.wh-orbit-ui .wh-shell .wh-orbit-dash-grid{grid-template-columns:minmax(0,1.5fr) minmax(270px,1fr)}body.wh-orbit-ui .wh-shell .wh-orbit-shortcuts{display:flex}body.wh-orbit-ui .wh-shell .wh-orbit-metric{padding-inline:18px}}
@media(max-width:1000px){body.wh-orbit-ui .wh-shell .wh-topbar.wh-orbit-topbar{height:68px;padding-inline:16px}body.wh-orbit-ui .wh-shell .wh-content:not(.wh-content-studio){margin:0 10px 10px;padding:24px;min-height:calc(100vh - 78px)}body.wh-orbit-ui .wh-shell .wh-orbit-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}body.wh-orbit-ui .wh-shell .wh-orbit-dash-intro h1{font-size:28px}body.wh-orbit-ui .wh-shell .wh-orbit-dash-grid{grid-template-columns:minmax(0,1.45fr) minmax(250px,1fr);gap:18px}body.wh-orbit-ui .wh-shell .wh-orbit-dash-panel{padding:18px}body.wh-orbit-ui .wh-shell .wh-orbit-metric{padding-inline:16px}body.wh-orbit-ui .wh-shell .wh-orbit-metric-value{font-size:26px}body.wh-orbit-ui .wh-shell .wh-orbit-metric:first-child .wh-orbit-metric-value{font-size:30px}}
@media(max-width:760px){body.wh-orbit-ui .wh-shell .wh-orbit-dash-grid{grid-template-columns:minmax(0,1fr)}body.wh-orbit-ui .wh-shell .wh-orbit-dashboard{gap:20px}body.wh-orbit-ui .wh-shell .wh-orbit-metrics{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 16px}body.wh-orbit-ui .wh-shell .wh-orbit-metric{padding:18px 16px;border-left:0}body.wh-orbit-ui .wh-shell .wh-orbit-metric:nth-child(even){border-left:1px solid var(--workspace-rule)}body.wh-orbit-ui .wh-shell .wh-orbit-metric:nth-child(n+3){border-top:1px solid var(--workspace-rule)}body.wh-orbit-ui .wh-shell .wh-orbit-connection{max-width:340px;margin:8px auto 18px}body.wh-orbit-ui .wh-shell .wh-orbit-connection svg{height:104px}body.wh-orbit-ui .wh-shell .wh-orbit-dash-intro{min-height:0;align-items:flex-start}}
@media(max-width:520px){body.wh-orbit-ui .wh-shell .wh-topbar.wh-orbit-topbar{padding-inline:12px}body.wh-orbit-ui .wh-shell .wh-content:not(.wh-content-studio){margin:0;border:0;border-top:1px solid var(--workspace-edge);border-radius:0;padding:24px 18px;min-height:calc(100vh - 68px)}body.wh-orbit-ui .wh-shell .wh-orbit-dash-intro h1{font-size:25px;letter-spacing:-.7px}body.wh-orbit-ui .wh-shell .wh-orbit-dash-intro p{max-width:240px;font-size:12px;line-height:20px}body.wh-orbit-ui .wh-shell .wh-orbit-dash-refresh{gap:0}body.wh-orbit-ui .wh-shell .wh-orbit-dash-refresh button{padding:0 7px;gap:4px;font-size:10px}body.wh-orbit-ui .wh-shell .wh-orbit-metrics{padding-inline:6px}body.wh-orbit-ui .wh-shell .wh-orbit-metric{padding:17px 14px}body.wh-orbit-ui .wh-shell .wh-orbit-metric-value{font-size:26px;margin:9px 0 7px}body.wh-orbit-ui .wh-shell .wh-orbit-metric:first-child .wh-orbit-metric-value{font-size:30px}body.wh-orbit-ui .wh-shell .wh-orbit-metric-note{font-size:10px}body.wh-orbit-ui .wh-shell .wh-orbit-dash-panel{padding:18px 16px}body.wh-orbit-ui .wh-shell .wh-orbit-chart-visual{height:200px}body.wh-orbit-ui .wh-shell .wh-orbit-panel-heading h2{font-size:14px}body.wh-orbit-ui .wh-shell .wh-orbit-chart-total strong{font-size:24px}}
@media(prefers-reduced-motion:reduce){body.wh-orbit-ui .wh-shell .wh-connection-signal{animation:none;stroke-dasharray:none;opacity:.35}}

/* Colour is organised by purpose, with broad flat tints rather than ornament.
   Four data fields: blue balance, green requests, violet tokens, orange cost. */
body.wh-orbit-ui:has(.wh-shell){
  --workspace-frame:#f0eff6;--workspace-edge:#e9e7ef;--workspace-rule:#e2deeb;
  --ws-blue:#365eae;--ws-blue-fill:#eaf1ff;--ws-blue-line:#d6e3fa;
  --ws-green:#287152;--ws-green-fill:#e9f6ee;--ws-green-line:#cfe8d9;
  --ws-purple:#7652b3;--ws-purple-fill:#f1ebfc;--ws-purple-line:#e2d7f3;
  --ws-orange:#a46526;--ws-orange-fill:#fff0e1;--ws-orange-line:#f3dfc5;
  --ws-rose:#b4587f;--ws-rose-fill:#faeaf1;
  --ws-chart-surface:#f6f9ff;--ws-action-surface:#f8f5fd;
  --ws-create:#17181b;--ws-create-ink:#fff;--ws-selected-fill:var(--ws-blue-fill);
}
.dark body.wh-orbit-ui:has(.wh-shell){
  --workspace-frame:#17171e;--workspace-edge:#34343e;--workspace-rule:#3a3a47;
  --ws-blue:#a4c1ff;--ws-blue-fill:#25334b;--ws-blue-line:#354b6e;
  --ws-green:#90cfad;--ws-green-fill:#233c32;--ws-green-line:#345846;
  --ws-purple:#c8adf5;--ws-purple-fill:#382c4a;--ws-purple-line:#514066;
  --ws-orange:#e8bb86;--ws-orange-fill:#453426;--ws-orange-line:#614a34;
  --ws-rose:#e5a0ba;--ws-rose-fill:#452f3b;
  --ws-chart-surface:#1d2531;--ws-action-surface:#282330;
  --ws-create:#f5f5f7;--ws-create-ink:#18191b;
}
body.wh-orbit-ui .wh-shell .wh-orbit-dash-intro .wh-orbit-dash-kicker{color:var(--ws-purple)}
body.wh-orbit-ui .wh-shell .wh-orbit-create{background:var(--ws-create);border-color:transparent;color:var(--ws-create-ink)}
body.wh-orbit-ui .wh-shell .wh-orbit-create:hover{background:color-mix(in srgb,var(--ws-create) 90%,var(--page-ink));border-color:transparent}
body.wh-orbit-ui .wh-shell .wh-orbit-create :is(.wh-orbit-create-copy strong,.wh-orbit-create-copy small,.wh-orbit-create-arrow,.wh-orbit-portal-core){color:var(--ws-create-ink)}
body.wh-orbit-ui .wh-shell .wh-orbit-create .wh-orbit-portal i{border-color:var(--ws-create-ink)}
body.wh-orbit-ui .wh-shell .wh-orbit-create .wh-orbit-ring-secondary i{opacity:.5}
body.wh-orbit-ui .wh-shell .wh-orbit-active-track{background:var(--ws-selected-fill)}
body.wh-orbit-ui .wh-shell .wh-orbit-sidebar:has(a[data-current="true"][href$="/images"]){--ws-selected-fill:var(--ws-purple-fill)}
body.wh-orbit-ui .wh-shell .wh-orbit-sidebar:has(a[data-current="true"][href$="/usage"]){--ws-selected-fill:var(--ws-green-fill)}
body.wh-orbit-ui .wh-shell .wh-orbit-sidebar:has(a[data-current="true"][href$="/keys"]){--ws-selected-fill:var(--ws-orange-fill)}
body.wh-orbit-ui .wh-shell .wh-orbit-sidebar nav a.wh-orbit-link{--nav-hue:var(--ws-blue);--nav-wash:var(--ws-blue-fill)}
body.wh-orbit-ui .wh-shell .wh-orbit-sidebar nav a.wh-orbit-link[href$="/images"]{--nav-hue:var(--ws-purple);--nav-wash:var(--ws-purple-fill)}
body.wh-orbit-ui .wh-shell .wh-orbit-sidebar nav a.wh-orbit-link[href$="/usage"]{--nav-hue:var(--ws-green);--nav-wash:var(--ws-green-fill)}
body.wh-orbit-ui .wh-shell .wh-orbit-sidebar nav a.wh-orbit-link[href$="/keys"]{--nav-hue:var(--ws-orange);--nav-wash:var(--ws-orange-fill)}
body.wh-orbit-ui .wh-shell .wh-orbit-sidebar nav a.wh-orbit-link[href$="/profile"]{--nav-hue:var(--ws-rose);--nav-wash:var(--ws-rose-fill)}
body.wh-orbit-ui .wh-shell .wh-orbit-sidebar nav a.wh-orbit-link>svg:first-child{color:var(--nav-hue)}
body.wh-orbit-ui .wh-shell .wh-orbit-sidebar nav a.wh-orbit-link:is(:hover,[data-current="true"]){color:var(--nav-hue);background:var(--nav-wash)}
body.wh-orbit-ui .wh-shell .wh-orbit-sidebar nav a.wh-orbit-link:is(:hover,[data-current="true"])>svg:first-child{color:var(--nav-hue)}
body.wh-orbit-ui .wh-shell .wh-orbit-sidebar[data-motion-ready="true"] nav a.wh-orbit-link[data-current="true"]{background:transparent}
body.wh-orbit-ui .wh-shell .wh-orbit-theme{color:var(--ws-purple)}
body.wh-orbit-ui .wh-shell .wh-orbit-notices>div>button{color:var(--ws-orange)}
body.wh-orbit-ui .wh-shell .wh-orbit-metrics{grid-template-columns:1.15fr repeat(3,minmax(0,1fr));gap:12px;padding:0;border:0;background:transparent;border-radius:0}
body.wh-orbit-ui .wh-shell .wh-orbit-metric{--metric-accent:var(--ws-blue);--metric-wash:var(--ws-blue-fill);--metric-edge:var(--ws-blue-line);padding:21px 22px 19px;background:var(--metric-wash);border:1px solid var(--metric-edge);border-radius:12px;transition:background .25s,border-color .25s}
body.wh-orbit-ui .wh-shell .wh-orbit-metric:first-child{border:1px solid var(--metric-edge)}
body.wh-orbit-ui .wh-shell .wh-orbit-metric:nth-child(2){--metric-accent:var(--ws-green);--metric-wash:var(--ws-green-fill);--metric-edge:var(--ws-green-line)}
body.wh-orbit-ui .wh-shell .wh-orbit-metric:nth-child(3){--metric-accent:var(--ws-purple);--metric-wash:var(--ws-purple-fill);--metric-edge:var(--ws-purple-line)}
body.wh-orbit-ui .wh-shell .wh-orbit-metric:nth-child(4){--metric-accent:var(--ws-orange);--metric-wash:var(--ws-orange-fill);--metric-edge:var(--ws-orange-line)}
body.wh-orbit-ui .wh-shell .wh-orbit-metric:hover{background:color-mix(in srgb,var(--metric-wash) 88%,var(--metric-accent));border-color:color-mix(in srgb,var(--metric-accent) 40%,var(--metric-edge))}
body.wh-orbit-ui .wh-shell .wh-orbit-metric-label{color:var(--metric-accent)}
body.wh-orbit-ui .wh-shell .wh-orbit-metric-label>svg{width:16px;height:16px}
body.wh-orbit-ui .wh-shell .wh-orbit-metric-note{color:color-mix(in srgb,var(--metric-accent) 65%,var(--page-muted))}
body.wh-orbit-ui .wh-shell .wh-orbit-trend{--dash-accent:var(--ws-blue);background:var(--ws-chart-surface);border-color:var(--ws-blue-line)}
body.wh-orbit-ui .wh-shell .wh-orbit-chart-line{stroke:var(--ws-blue);stroke-width:2.5}
body.wh-orbit-ui .wh-shell .wh-orbit-chart-area{opacity:1}
body.wh-orbit-ui .wh-shell .wh-orbit-chart-total strong{color:var(--ws-blue)}
body.wh-orbit-ui .wh-shell .wh-orbit-segment{background:var(--ws-blue-fill)}
body.wh-orbit-ui .wh-shell .wh-orbit-segment button.active{color:var(--ws-blue);background:var(--page-surface)}
body.wh-orbit-ui .wh-shell .wh-orbit-shortcuts{background:var(--ws-action-surface);border-color:var(--ws-purple-line)}
body.wh-orbit-ui .wh-shell .wh-orbit-shortcuts h2{color:var(--ws-purple)}
body.wh-orbit-ui .wh-shell .wh-connection-orbit{stroke:var(--ws-purple);fill:var(--ws-action-surface)}
body.wh-orbit-ui .wh-shell .wh-connection-orbit.secondary{stroke:var(--ws-green);fill:none}
body.wh-orbit-ui .wh-shell .wh-connection-signal{stroke:var(--ws-purple)}
body.wh-orbit-ui .wh-shell .wh-connection-node:nth-of-type(1){stroke:var(--ws-blue)}
body.wh-orbit-ui .wh-shell .wh-connection-node:nth-of-type(2){stroke:var(--ws-green)}
body.wh-orbit-ui .wh-shell .wh-connection-node:nth-of-type(3){stroke:var(--ws-purple)}
body.wh-orbit-ui .wh-shell .wh-connection-node:nth-of-type(4){stroke:var(--ws-orange)}
body.wh-orbit-ui .wh-shell .wh-orbit-launch{--launch-accent:var(--ws-blue);border-top-color:var(--ws-purple-line)}
body.wh-orbit-ui .wh-shell .wh-orbit-launch.is-image{--launch-accent:var(--ws-purple)}
body.wh-orbit-ui .wh-shell .wh-orbit-launch:hover{border-color:var(--ws-purple-line);background:color-mix(in srgb,var(--launch-accent) 6%,var(--ws-action-surface))}
body.wh-orbit-ui .wh-shell .wh-orbit-activity th{background:var(--workspace-panel)}
body.wh-orbit-ui .wh-shell .wh-orbit-activity td:first-child i{border-color:var(--ws-purple);background:var(--ws-purple-fill)}
body.wh-orbit-ui .wh-shell .wh-orbit-utility-links a:first-child>svg:first-child{color:var(--ws-orange)}
body.wh-orbit-ui .wh-shell .wh-orbit-utility-links a:last-child>svg:first-child{color:var(--ws-rose)}
@media(max-width:1100px){body.wh-orbit-ui .wh-shell .wh-orbit-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){body.wh-orbit-ui .wh-shell .wh-orbit-metrics{gap:10px;padding:0}body.wh-orbit-ui .wh-shell .wh-orbit-metric{padding:18px 16px}body.wh-orbit-ui .wh-shell .wh-orbit-metric:nth-child(n){border:1px solid var(--metric-edge)}}

/* Finish the interactive states without making every surface an action. */
body.wh-orbit-ui .wh-shell .wh-orbit-create{transition:background .2s,transform .2s,border-color .2s;box-shadow:inset 0 1px 0 #ffffff15}
body.wh-orbit-ui .wh-shell .wh-orbit-create:hover{background:color-mix(in srgb,var(--ws-create) 92%,var(--ws-create-ink))}
body.wh-orbit-ui .wh-shell .wh-orbit-create:active{transform:translateY(1px)}
body.wh-orbit-ui .wh-shell .wh-orbit-create-copy small{opacity:.64;letter-spacing:1.1px}
body.wh-orbit-ui .wh-shell .wh-orbit-create-copy strong{font-weight:550;letter-spacing:.1px}
body.wh-orbit-ui .wh-shell .wh-orbit-create-arrow{transition:transform .25s}
body.wh-orbit-ui .wh-shell .wh-orbit-create:hover .wh-orbit-create-arrow{transform:translate(2px,-2px)}
body.wh-orbit-ui .wh-shell .wh-orbit-search{transition:background .2s,border-color .2s,box-shadow .2s}
body.wh-orbit-ui .wh-shell .wh-orbit-search:focus-within{background:var(--page-surface);border-color:var(--ws-blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--ws-blue) 12%,transparent)}
body.wh-orbit-ui .wh-shell .wh-orbit-search:focus-within>svg{color:var(--ws-blue)}
body.wh-orbit-ui .wh-shell .wh-orbit-search kbd{border-radius:4px;padding:1px 5px;font-size:9px;border-color:var(--workspace-rule);background:var(--page-surface)}
body.wh-orbit-ui .wh-shell .wh-orbit-sidebar nav a.wh-orbit-link[data-current="true"]{font-weight:600}
body.wh-orbit-ui .wh-shell .wh-orbit-sidebar nav a.wh-orbit-link[data-current="true"] .wh-orbit-link-arrow{opacity:.8;color:var(--nav-hue)}
body.wh-orbit-ui .wh-shell .wh-orbit-nav:focus-within{scrollbar-color:var(--page-muted) transparent}
body.wh-orbit-ui .wh-shell :is(.wh-orbit-theme,.wh-orbit-signout,.wh-orbit-menu,.wh-orbit-group-toggle){transition:background .18s,color .18s,transform .18s}
body.wh-orbit-ui .wh-shell :is(.wh-orbit-theme,.wh-orbit-signout,.wh-orbit-menu):active{transform:scale(.95)}
body.wh-orbit-ui .wh-shell .wh-orbit-dash-refresh button{gap:6px;font-size:11px;min-height:36px}
body.wh-orbit-ui .wh-shell .wh-orbit-segment button{min-height:30px;min-width:60px}
body.wh-orbit-ui .wh-shell .wh-orbit-segment button.active{box-shadow:0 1px 3px #00000009}
body.wh-orbit-ui .wh-shell .wh-orbit-segment button:not(.active):hover{background:color-mix(in srgb,var(--page-surface) 55%,transparent);color:var(--ws-blue)}
body.wh-orbit-ui .wh-shell .wh-orbit-chart-mode button{min-height:32px}
body.wh-orbit-ui .wh-shell .wh-orbit-chart-mode button:hover{color:var(--ws-blue)}
body.wh-orbit-ui .wh-shell .wh-orbit-chart-tooltip{background:var(--page-surface);border-color:var(--ws-blue-line);border-radius:9px;padding:10px 13px;box-shadow:0 4px 16px #0000000c}
body.wh-orbit-ui .wh-shell .wh-orbit-chart-tooltip strong{font-size:11px}
body.wh-orbit-ui .wh-shell .wh-orbit-chart-tooltip span{font-size:15px;line-height:25px}
body.wh-orbit-ui .wh-shell .wh-orbit-chart-tooltip small{font-size:10px;line-height:17px}
body.wh-orbit-ui .wh-shell .wh-orbit-chart-footer{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-top:10px}
body.wh-orbit-ui .wh-shell .wh-orbit-chart-footer .wh-orbit-chart-note{margin:0;max-width:70%;text-wrap:pretty}
body.wh-orbit-ui .wh-shell .wh-orbit-chart-latest{font-size:11px;line-height:18px;color:var(--page-muted);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
body.wh-orbit-ui .wh-shell .wh-orbit-chart-latest strong{display:block;color:var(--ws-blue);font-size:11px;font-weight:500}
body.wh-orbit-ui .wh-shell .wh-orbit-metric-value[data-currency="true"]::first-letter{font-size:.72em;font-weight:400;margin-right:2px}
body.wh-orbit-ui .wh-shell .wh-orbit-metric:has(.wh-orbit-metric-note:focus-visible){outline:2px solid var(--metric-accent);outline-offset:3px}
body.wh-orbit-ui .wh-shell a.wh-orbit-metric-note{width:fit-content;border-radius:3px}
body.wh-orbit-ui .wh-shell a.wh-orbit-metric-note:hover{text-decoration:underline;text-underline-offset:4px}
body.wh-orbit-ui .wh-shell .wh-orbit-launch{margin-inline:-8px;padding-inline:8px;border-radius:7px}
body.wh-orbit-ui .wh-shell .wh-orbit-launch>svg:last-child{opacity:.7}
body.wh-orbit-ui .wh-shell .wh-orbit-launch:hover>svg:last-child{opacity:1}
body.wh-orbit-ui .wh-shell .wh-orbit-utility-links a{min-height:36px;border-radius:6px;padding:3px 4px;transition:background .2s,color .2s}
body.wh-orbit-ui .wh-shell .wh-orbit-utility-links a:hover{background:var(--page-surface)}
body.wh-orbit-ui .wh-shell .wh-orbit-activity table{table-layout:fixed}
body.wh-orbit-ui .wh-shell .wh-orbit-activity th:first-child{width:28%}
body.wh-orbit-ui .wh-shell .wh-orbit-activity th:nth-child(2){width:32%}
body.wh-orbit-ui .wh-shell .wh-orbit-activity th:nth-child(n+3){width:20%}
body.wh-orbit-ui .wh-shell .wh-orbit-activity td{height:48px;transition:background .16s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.wh-orbit-ui .wh-shell .wh-orbit-activity td:first-child{font-weight:500}
body.wh-orbit-ui .wh-shell .wh-orbit-activity td:first-child i{width:5px;height:5px;border-radius:50%;transform:none;margin-right:9px}
body.wh-orbit-ui .wh-shell .wh-orbit-activity td:nth-child(2){font-size:11px}
body.wh-orbit-ui .wh-shell .wh-orbit-activity tr:hover td{background:color-mix(in srgb,var(--ws-blue-fill) 45%,var(--page-surface))}
body.wh-orbit-ui .wh-shell :is(.wh-orbit-activity-empty,.wh-orbit-chart-state){padding:22px 16px;line-height:1.7}
body.wh-orbit-ui .wh-shell :is(.wh-orbit-activity-empty strong,.wh-orbit-chart-state strong){font-size:14px;font-weight:500}
body.wh-orbit-ui .wh-shell .wh-orbit-chart-state>span{font-size:12px;max-width:270px}
body.wh-orbit-ui .wh-shell .wh-orbit-dash-message{background:var(--workspace-panel);font-size:12px;line-height:20px;padding:12px 16px}
body.wh-orbit-ui .wh-shell .wh-orbit-dash-message button{min-height:30px;padding-inline:8px}
body.wh-orbit-ui:has(.wh-shell) :is(button,a,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--ws-blue);outline-offset:3px}
body.wh-orbit-ui .wh-shell :is(.input,.select,.textarea){min-height:40px;border-radius:8px}
body.wh-orbit-ui .wh-shell .textarea{line-height:1.65}
body.wh-orbit-ui .wh-shell .input:is([aria-invalid="true"],[class*="border-red-"],[class*="border-rose-"]){border-color:#bd4656}
.dark body.wh-orbit-ui .wh-shell .input:is([aria-invalid="true"],[class*="border-red-"],[class*="border-rose-"]){border-color:#ef98a4}
body.wh-orbit-ui .wh-shell :is(button,input,select,textarea):disabled{cursor:not-allowed}
body.wh-orbit-ui .wh-shell .btn:not(:disabled):active{transform:translateY(1px)}
@media(hover:none){body.wh-orbit-ui .wh-shell .wh-orbit-metric:hover{background:var(--metric-wash);border-color:var(--metric-edge)}}
@media(max-width:760px){body.wh-orbit-ui .wh-shell .wh-orbit-activity table{min-width:520px}body.wh-orbit-ui .wh-shell .wh-orbit-chart-footer{gap:8px;flex-direction:column}body.wh-orbit-ui .wh-shell .wh-orbit-chart-footer .wh-orbit-chart-note{font-size:12px;max-width:100%}body.wh-orbit-ui .wh-shell .wh-orbit-chart-latest{font-size:12px;text-align:left}body.wh-orbit-ui .wh-shell .wh-orbit-chart-latest strong{font-size:12px;display:inline;margin-left:4px}}
@media(prefers-reduced-motion:reduce){body.wh-orbit-ui .wh-shell :is(.wh-orbit-create,.wh-orbit-create-arrow,.wh-orbit-search,.wh-orbit-theme,.wh-orbit-signout,.wh-orbit-menu,.wh-orbit-launch,.wh-orbit-utility-links a,.wh-orbit-activity td){transition:none}body.wh-orbit-ui .wh-shell :is(.wh-orbit-create,.wh-orbit-theme,.wh-orbit-signout,.wh-orbit-menu,.btn):active{transform:none}}

/* Softer luminance in both themes. Coloured fields keep their identity but
   sit nearer the paper/charcoal surface instead of competing for attention. */
body.wh-orbit-ui:has(.wh-shell){
  --page-bg:#f0f1f3;--page-surface:#fafafb;--page-soft:#e9ebee;--page-inset:#f2f3f5;
  --page-ink:#30343b;--page-muted:#626973;--page-line:#dcdfe4;
  --workspace-frame:#eceef2;--workspace-panel:#f1f2f5;--workspace-edge:#dfe2e8;--workspace-rule:#dce0e6;
  --ws-blue:#48689b;--ws-blue-fill:#e8edf5;--ws-blue-line:#d7dfeb;
  --ws-green:#43765e;--ws-green-fill:#e8f0eb;--ws-green-line:#d4e3d9;
  --ws-purple:#7a639c;--ws-purple-fill:#eeeaf3;--ws-purple-line:#ded6e8;
  --ws-orange:#966e40;--ws-orange-fill:#f3ece2;--ws-orange-line:#e7dccb;
  --ws-rose:#986379;--ws-rose-fill:#f1e9ed;
  --ws-chart-surface:#f1f3f7;--ws-action-surface:#f2eff6;
  --ws-create:#202226;--ws-create-ink:#f5f5f6;
}
.dark body.wh-orbit-ui:has(.wh-shell){
  --page-bg:#191a1d;--page-surface:#232529;--page-soft:#2c2e33;--page-inset:#202226;
  --page-ink:#d8dade;--page-muted:#a6abb4;--page-line:#3a3d43;
  --workspace-frame:#1c1e22;--workspace-panel:#292b30;--workspace-edge:#34373e;--workspace-rule:#393d44;
  --ws-blue:#a3b8da;--ws-blue-fill:#2b3544;--ws-blue-line:#3d4b61;
  --ws-green:#a0bdad;--ws-green-fill:#2b3932;--ws-green-line:#40544a;
  --ws-purple:#bcadd0;--ws-purple-fill:#35313f;--ws-purple-line:#4d455b;
  --ws-orange:#cdb494;--ws-orange-fill:#3b342c;--ws-orange-line:#554b3d;
  --ws-rose:#c9a6b6;--ws-rose-fill:#3c3036;
  --ws-chart-surface:#262d37;--ws-action-surface:#2e2b36;
  --ws-create:#e5e6e8;--ws-create-ink:#25272b;
}
body.wh-orbit-ui .wh-shell .wh-orbit-metric:hover{background:color-mix(in srgb,var(--metric-wash) 96%,var(--metric-accent))}
body.wh-orbit-ui .wh-shell .wh-orbit-chart-area{opacity:.45}
body.wh-orbit-ui .wh-shell .wh-orbit-create[aria-current=page]{outline:2px solid var(--page-muted);outline-offset:3px}

/* A writing desk and a connection panel, rather than a centred branded chat hero. */
body.wh-orbit-ui .wh-shell .wh-creative-workspace{--create-accent:var(--ws-blue);--create-wash:var(--ws-blue-fill);max-width:1440px;margin:auto;color:var(--page-ink);font-size:14px}
body.wh-orbit-ui .wh-shell .wh-creative-workspace[data-mode=image]{--create-accent:var(--ws-purple);--create-wash:var(--ws-purple-fill)}
body.wh-orbit-ui .wh-shell .wh-creative-workspace[data-mode=video]{--create-accent:var(--ws-green);--create-wash:var(--ws-green-fill)}
.wh-creative-workspace button,.wh-creative-workspace select,.wh-creative-workspace textarea{font:inherit}
.wh-create-intro{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:4px 0 32px}
.wh-create-eyebrow{color:var(--page-muted);font-size:11px;letter-spacing:1px;margin-bottom:12px}
.wh-create-intro h1{font-size:28px;line-height:1.45;font-weight:550;letter-spacing:-.9px;margin:0 0 9px}
.wh-create-intro>div>p:last-child{color:var(--page-muted);font-size:13px;line-height:1.8}
.wh-create-docs{display:inline-flex;align-items:center;gap:10px;color:var(--page-muted);font-size:12px;text-decoration:none;white-space:nowrap}
.wh-create-docs:hover{color:var(--create-accent)}
/* At 1280px: available width = editor + 24px gap + 260px connection panel. */
.wh-create-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:24px;align-items:start}
.wh-create-workbench{min-width:0}
.wh-create-mode-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:20px}
.wh-create-mode-tabs button{display:flex;align-items:center;gap:11px;padding:14px 12px;color:var(--page-muted);border:1px solid transparent;border-bottom-color:var(--page-line);border-radius:8px 8px 0 0;background:transparent;text-align:left;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.wh-create-mode-tabs button>span{display:flex;flex-direction:column;gap:5px;min-width:0}
.wh-create-mode-tabs strong{font-size:14px;font-weight:500}
.wh-create-mode-tabs small{font-size:11px;white-space:nowrap}
.wh-create-mode-tabs button.active{color:var(--create-accent);background:var(--create-wash);border-bottom-color:var(--create-accent)}
.wh-create-mode-tabs button:hover:not(:disabled){background:var(--page-inset);color:var(--page-ink)}
.wh-create-editor{border:1px solid var(--page-line);border-radius:14px;background:var(--page-surface);padding:24px;transition:border-color .2s}
.wh-create-editor:focus-within{border-color:var(--create-accent)}
.wh-create-editor-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}
.wh-create-editor h2{font-size:18px;line-height:1.6;font-weight:500;letter-spacing:-.3px;margin:0}
.wh-create-editor textarea{display:block;width:100%;resize:vertical;min-height:170px;max-height:420px;background:transparent;color:var(--page-ink);border:0!important;border-radius:0!important;outline:none!important;box-shadow:none!important;line-height:1.9;padding:0!important;font-size:15px!important}
.wh-create-editor textarea::placeholder{color:var(--page-muted);opacity:.85}
.wh-create-editor-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid var(--page-line);padding-top:18px;margin-top:12px}
.wh-create-current-model{display:flex;align-items:center;gap:8px;color:var(--page-muted);font-size:12px;min-width:0;overflow-wrap:anywhere}
.wh-create-current-model>svg{flex-shrink:0;color:var(--create-accent)}
.wh-create-submit{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:42px;padding:0 17px;border-radius:8px;border:1px solid transparent;background:var(--ws-create);color:var(--ws-create-ink);font-weight:500;cursor:pointer;white-space:nowrap;transition:opacity .2s,transform .15s}
.wh-create-submit:disabled{opacity:.45;cursor:default}
.wh-create-submit:not(:disabled):hover{opacity:.84}
.wh-create-submit:not(:disabled):active{transform:translateY(1px)}
.wh-create-editor-meta{display:flex;justify-content:space-between;gap:12px;color:var(--page-muted);font-size:11px;margin-top:15px}
.wh-create-examples{display:flex;flex-direction:column;align-items:stretch;gap:0;margin:24px 0}
.wh-create-examples>span{color:var(--page-muted);font-size:11px;margin-bottom:10px}
.wh-create-examples>button{display:flex;justify-content:space-between;gap:16px;text-align:left;padding:12px 0;min-height:44px;background:none;border:0;border-bottom:1px solid var(--page-line);color:var(--page-muted);cursor:pointer;font-size:13px;transition:color .2s}
.wh-create-examples>button:hover{color:var(--create-accent)}
.wh-create-examples>button svg{flex-shrink:0;transition:transform .2s}
.wh-create-examples>button:hover svg{transform:rotate(90deg)}
.wh-create-settings{background:var(--page-inset);border:1px solid var(--workspace-edge);border-radius:12px;padding:20px;min-width:0}
.wh-create-settings-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}
.wh-create-settings h2{font-size:14px;font-weight:500;margin:0}
.wh-create-refresh{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:0;background:transparent;color:var(--page-muted);border-radius:6px;cursor:pointer}
.wh-create-refresh:hover{background:var(--page-soft)}
.wh-create-field{display:flex;flex-direction:column;gap:9px;margin-bottom:22px}
.wh-create-field>span{font-size:12px;color:var(--page-muted)}
.wh-create-field>small{font-size:11px;color:var(--page-muted);line-height:1.6}
body.wh-orbit-ui .wh-shell .wh-create-field select{width:100%;min-width:0;height:40px;padding:0 26px 0 10px;border:1px solid var(--page-line);border-radius:7px;background-color:var(--page-surface);color:var(--page-ink);font-size:12px;box-shadow:none;cursor:pointer;text-overflow:ellipsis}
.wh-create-mode-settings{padding-top:2px}
.wh-create-connection-art{border-top:1px solid var(--page-line);margin-top:8px;padding-top:4px}
.wh-create-routing{display:block;width:100%;height:auto;margin:4px 0 12px;overflow:visible;fill:none}
.wh-create-routing .route-track{stroke:var(--page-line);stroke-width:1.2}
.wh-create-routing .route-travel{stroke:var(--create-accent);stroke-width:1.2;stroke-dasharray:3 65;animation:wh-create-transit 9s linear infinite}
.wh-create-routing .route-orbit{stroke:var(--ws-purple);stroke-width:1.5;fill:var(--page-inset)}
.wh-create-routing .route-orbit.secondary{stroke:var(--ws-blue);fill:none}
.wh-create-routing .route-core{fill:var(--page-ink)}
.wh-create-routing :is(.route-input,.route-output){fill:var(--page-surface);stroke:var(--create-accent);stroke-width:1.5}
.wh-create-routing .out-1{stroke:var(--ws-purple)}
.wh-create-routing .out-2{stroke:var(--ws-green)}
.wh-create-connection-art>strong{font-weight:500;font-size:13px}
.wh-create-connection-art>p{font-size:12px;line-height:1.9;color:var(--page-muted);margin:8px 0 24px}
.wh-create-side-note{display:flex;align-items:flex-start;gap:8px;padding-top:16px;border-top:1px solid var(--page-line);color:var(--page-muted);margin-bottom:16px}
.wh-create-side-note svg{flex-shrink:0;margin-top:3px;color:var(--ws-green)}
.wh-create-side-note p{font-size:11px;line-height:1.8}
.wh-create-parameters{display:none;border:0;background:var(--page-inset);padding:7px 10px;border-radius:6px;color:var(--page-muted);font-size:12px;white-space:nowrap}
.wh-create-idle{padding:12px 0 6px;color:var(--page-muted)}
.wh-create-idle>span{font-size:13px;color:var(--page-ink)}
.wh-create-idle>p{font-size:12px;line-height:1.8;margin-top:8px}
.wh-create-error,.wh-create-notice{font-size:13px;line-height:1.8;padding:13px 15px;border-radius:8px;margin:16px 0;background:var(--page-inset);color:var(--page-ink);overflow-wrap:anywhere}
.wh-create-error{border:1px solid color-mix(in srgb,#bd4e59 45%,var(--page-line))}
.wh-create-error button,.wh-create-notice a{margin-left:10px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.wh-create-conversation{display:flex;flex-direction:column;gap:24px;border-top:1px solid var(--page-line);padding-top:24px}
.wh-create-message{min-width:0}
.wh-create-message-label{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--page-muted);margin-bottom:12px}
.wh-create-message.assistant .wh-create-message-label{color:var(--create-accent)}
.wh-create-message-body{font-size:14px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}
.wh-create-message.user{padding:16px 18px;background:var(--page-inset);border-radius:10px}
.wh-create-gallery{display:flex;flex-direction:column;gap:24px}
.wh-create-gallery figure{margin:0;border:1px solid var(--page-line);border-radius:12px;overflow:hidden;background:var(--page-inset)}
.wh-create-image-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));background:var(--page-inset)}
.wh-create-image-grid img{display:block;width:100%;max-height:600px;object-fit:contain}
.wh-create-gallery figcaption{padding:15px 18px;font-size:13px;line-height:1.8;overflow-wrap:anywhere}
.wh-create-gallery figcaption small{font-size:11px;color:var(--page-muted)}
.wh-create-video-result{padding:20px;border:1px solid var(--page-line);border-radius:12px;background:var(--page-inset)}
.wh-create-result-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}
.wh-create-result-heading strong{font-size:14px;font-weight:500}
.wh-create-result-heading code{font-size:11px;color:var(--page-muted);overflow-wrap:anywhere}
.wh-create-video-result video{display:block;width:100%;max-height:480px;background:#111;border-radius:8px;margin-bottom:16px}
.wh-create-video-wait{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:180px;border:1px dashed var(--page-line);border-radius:8px;margin-bottom:16px;color:var(--page-muted)}
.wh-create-video-wait p{font-size:12px}
.wh-create-video-result>p{font-size:13px;line-height:1.8}
.wh-create-text-button{display:flex;align-items:center;gap:8px;margin-top:16px;padding:8px 0;background:transparent;border:0;color:var(--create-accent);font-size:12px;cursor:pointer}
.wh-create-footnote{font-size:11px;line-height:1.8;color:var(--page-muted);margin-top:32px;padding-top:18px;border-top:1px solid var(--page-line)}
.wh-create-preview{font-size:12px;line-height:1.8;color:var(--page-muted);margin-bottom:24px}
.wh-creative-workspace button:disabled,.wh-creative-workspace select:disabled{cursor:default;opacity:.5}
@keyframes wh-create-transit{to{stroke-dashoffset:-136}}
body.wh-orbit-ui[data-orbit-paused=true] .wh-create-routing .route-travel{animation-play-state:paused}
@media(max-width:1200px){.wh-create-layout{grid-template-columns:minmax(0,1fr) 230px;gap:20px}.wh-create-settings{padding:16px}.wh-create-mode-tabs small{display:none}.wh-create-editor{padding:20px}.wh-create-editor h2{font-size:17px}}
@media(max-width:900px){.wh-create-layout{grid-template-columns:minmax(0,1fr)}.wh-create-settings{display:none;grid-row:1}.wh-create-settings.is-open{display:block}.wh-create-connection-art{display:none}.wh-create-parameters{display:block}.wh-create-settings-heading{margin-bottom:16px}.wh-create-intro{margin-bottom:24px}.wh-create-mode-tabs small{display:block}.wh-create-field{margin-bottom:18px}}
@media(max-width:520px){.wh-create-intro{align-items:flex-start;gap:12px}.wh-create-intro h1{font-size:23px;letter-spacing:-.7px}.wh-create-eyebrow{font-size:10px;letter-spacing:.5px}.wh-create-intro>div>p:last-child{font-size:12px;max-width:240px}.wh-create-intro>.wh-create-docs{font-size:11px;margin-top:5px;gap:5px}.wh-create-mode-tabs{gap:4px;margin-bottom:14px}.wh-create-mode-tabs button{padding:13px 10px;gap:8px}.wh-create-mode-tabs small{display:none}.wh-create-editor{padding:18px 16px;border-radius:10px}.wh-create-editor h2{font-size:15px}.wh-create-editor-title{align-items:flex-start;margin-bottom:20px;gap:8px}.wh-create-parameters{font-size:11px;padding:6px 8px}.wh-create-editor textarea{font-size:14px!important;min-height:180px}.wh-create-editor-bottom{align-items:flex-start;gap:8px}.wh-create-current-model{font-size:11px;line-height:1.7;max-width:52%;padding-top:10px}.wh-create-submit{gap:10px;padding:0 13px;font-size:13px;min-height:44px}.wh-create-editor-meta{font-size:10px}.wh-create-examples{margin-block:20px}.wh-create-examples>button{font-size:12px;line-height:1.7}.wh-create-footnote{font-size:11px}.wh-create-image-grid{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.wh-create-routing .route-travel{animation:none;stroke-dasharray:none;opacity:.3}.wh-creative-workspace *{transition:none!important}}

/* The hub launches the existing studios; histories retain their original store. */
.wh-creative-hub{max-width:1240px;margin:auto;color:var(--page-ink)}
.wh-hub-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:4px 0 30px}
.wh-hub-heading h1{font-size:27px;line-height:1.5;font-weight:550;letter-spacing:-.7px;margin:0 0 8px}
.wh-hub-heading>div>p:last-child{font-size:13px;line-height:1.8;color:var(--page-muted)}
/* At 1120px: (1120 - 20) * .58 + 20 + (1120 - 20) * .42 = 1120. */
.wh-hub-launches{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(0,.84fr);gap:20px}
.wh-hub-chat{position:relative;overflow:hidden;padding:26px 30px;background:var(--ws-blue-fill);border:1px solid var(--workspace-edge);border-radius:14px;display:flex;flex-direction:column;min-height:374px}
.wh-hub-index{font-size:11px;color:var(--page-muted);letter-spacing:.5px;position:relative;z-index:1}
.wh-hub-chat-copy{position:relative;z-index:1;margin-top:40px}
.wh-hub-chat h2{font-size:29px;font-weight:500;letter-spacing:-.7px;line-height:1.6;margin:0 0 16px;white-space:pre-line}
.wh-hub-chat p{font-size:13px;line-height:1.95;color:var(--page-muted);white-space:pre-line;margin:0}
.wh-hub-chat-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:auto;padding-top:30px;position:relative;z-index:1}
.wh-hub-chat-mark{position:absolute;right:20px;top:30px;font:240px/1 Georgia,serif;color:var(--ws-blue);opacity:.09;pointer-events:none}
.wh-hub-media{display:grid;grid-template-rows:1fr 1fr;gap:16px;min-width:0}
.wh-hub-media>a{position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:21px 24px;border:1px solid var(--workspace-edge);border-radius:12px;text-decoration:none;color:var(--page-ink);transition:border-color .2s}
.wh-hub-image{--hub-accent:var(--ws-purple);background:var(--ws-purple-fill)}
.wh-hub-video{--hub-accent:var(--ws-green);background:var(--ws-green-fill)}
.wh-hub-art{position:absolute;right:0;top:3px;width:205px;height:95px;opacity:.65;pointer-events:none;transition:transform .5s ease}
.hub-art-front{fill:var(--page-surface);stroke:var(--hub-accent);stroke-width:1.2}
.hub-art-back{fill:none;stroke:var(--hub-accent);stroke-opacity:.35}
.hub-art-line{stroke:var(--hub-accent);stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.hub-art-dot{fill:var(--hub-accent);opacity:.6}
.wh-hub-media>a:hover{border-color:var(--hub-accent)}
.wh-hub-media>a:hover .wh-hub-art{transform:translate(-6px,-2px)}
.wh-hub-media-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative;z-index:1;margin-top:45px}
.wh-hub-media-caption h2{font-size:19px;line-height:1.5;font-weight:500;margin:0 0 5px}
.wh-hub-media-caption p{font-size:12px;line-height:1.8;color:var(--page-muted);margin:0}
.wh-hub-media-caption>svg{flex-shrink:0}
.wh-hub-history{margin-top:32px}
.wh-hub-history>header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px}
.wh-hub-history h2{font-size:16px;font-weight:500;margin:0 0 6px}
.wh-hub-history>header p{font-size:11px;color:var(--page-muted);margin:0}
body.wh-orbit-ui .wh-shell .wh-hub-history input{width:220px;max-width:45%;min-height:38px;padding:8px 12px;border:1px solid var(--page-line);border-radius:7px;background:var(--page-surface);color:var(--page-ink);font-size:12px;box-shadow:none}
.wh-hub-history-list{display:grid;grid-template-columns:1fr 1fr;gap:0 26px}
.wh-hub-history-row{display:flex;align-items:center;gap:12px;min-width:0;min-height:72px;padding:13px 4px;border-bottom:1px solid var(--page-line);color:var(--page-ink);text-decoration:none;transition:background .2s}
.wh-hub-history-row:hover{background:var(--page-inset)}
.wh-hub-history-copy{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}
.wh-hub-history-copy strong{font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wh-hub-history-copy small,.wh-hub-history-row time{font-size:11px;color:var(--page-muted)}
.wh-hub-history-icon{color:var(--ws-blue);font-size:19px;width:20px;text-align:center;flex-shrink:0}
.wh-hub-history-row>svg{width:15px;flex-shrink:0;color:var(--page-muted)}
.wh-hub-all{margin-top:18px;min-height:32px}
.wh-hub-empty{padding:28px 18px;border:1px dashed var(--page-line);border-radius:9px;background:var(--page-inset);font-size:13px;line-height:1.8;color:var(--page-muted)}
.wh-hub-empty strong{font-weight:500;color:var(--page-ink)}
.wh-hub-empty p{margin-top:7px;font-size:12px}
.wh-studio-switcher{display:flex;align-items:center;gap:5px;padding-bottom:16px;margin-bottom:18px;border-bottom:1px solid var(--page-line);flex-shrink:0}
.wh-studio-switcher a{padding:8px 14px;border-radius:7px;color:var(--page-muted);font-size:12px;text-decoration:none;white-space:nowrap}
.wh-studio-switcher a.active{background:var(--page-soft);color:var(--page-ink)}
.wh-studio-switcher a:hover{background:var(--page-inset);color:var(--page-ink)}
.wh-content-studio>.wh-studio-switcher{height:56px;padding:8px 18px;margin:0;box-sizing:border-box}
.wh-content-studio>.wh-chat-workspace{height:calc(100dvh - 128px)}
@media(max-width:1000px){.wh-content-studio>.wh-chat-workspace{height:calc(100dvh - 124px)}}
.wh-creative-hub a:focus-visible,.wh-studio-switcher a:focus-visible{outline:2px solid var(--ws-blue);outline-offset:4px}
@media(max-width:1100px){.wh-hub-chat{padding:24px;min-height:390px}.wh-hub-chat h2{font-size:26px}.wh-hub-art{width:160px}.wh-hub-media>a{padding:20px}.wh-hub-media-caption p{max-width:185px}}
@media(max-width:760px){.wh-hub-heading{margin-bottom:24px;gap:14px}.wh-hub-heading h1{font-size:23px}.wh-hub-launches{grid-template-columns:minmax(0,1fr)}.wh-hub-chat{min-height:290px}.wh-hub-chat-copy{margin-top:28px}.wh-hub-chat h2{font-size:26px}.wh-hub-media{grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:12px}.wh-hub-media>a{min-height:185px;padding:18px}.wh-hub-art{width:145px;top:20px;opacity:.4}.wh-hub-media-caption{margin-top:65px}.wh-hub-media-caption h2{font-size:17px}.wh-hub-media-caption p{font-size:11px}.wh-hub-history-list{grid-template-columns:1fr}.wh-hub-history>header{gap:12px}.wh-hub-history input{max-width:46%}.wh-studio-switcher{gap:1px}.wh-studio-switcher a{padding:9px 11px}.wh-hub-heading>.wh-create-docs{font-size:11px}}
@media(max-width:400px){.wh-hub-heading{align-items:flex-start}.wh-hub-heading h1{font-size:21px}.wh-hub-heading>.wh-create-docs{margin-top:4px}.wh-hub-chat{padding:21px}.wh-hub-chat-actions{gap:15px}.wh-hub-media>a{padding:15px}.wh-hub-media-caption{gap:5px}.wh-hub-media-caption>svg{width:14px}}
@media(prefers-reduced-motion:reduce){.wh-creative-hub *{transition:none!important}}

/* Workstations: (226px session index) + (flexible canvas) + (238px inspector).
   Image: (260px parameters) + (flexible canvas) + (220px local outputs).
   Below 1240 the inspector folds; below 760 only the working pane remains. */
body.wh-orbit-ui .ws-studio{--ws-bg:#f2f4f5;--ws-paper:#fcfcfd;--ws-raised:#e9edef;--ws-line:#e0e5e8;--ws-control:#cbd3da;--ws-ink:#28313a;--ws-muted:#616d79;--ws-accent:#3d6984;--ws-tint:#e4edf2;--ws-primary:#252a2e;--ws-on-primary:#fafbfc;--ws-danger:#a63d47;--ws-gap:16px;color:var(--ws-ink);background:var(--ws-paper);font:14px/1.55 Inter,"Microsoft YaHei",system-ui,sans-serif;min-width:0;isolation:isolate}
.dark body.wh-orbit-ui .ws-studio{--ws-bg:#1e2124;--ws-paper:#25282c;--ws-raised:#30353a;--ws-line:#363c42;--ws-control:#505961;--ws-ink:#dce1e5;--ws-muted:#a9b2bb;--ws-accent:#a1c2d5;--ws-tint:#2c3b45;--ws-primary:#e1e5e8;--ws-on-primary:#22272b;--ws-danger:#ef9da6}
body.wh-orbit-ui .wh-content:has(.ws-studio){padding:0!important;margin:0 12px 12px 0!important;border:1px solid var(--workspace-edge)!important;border-radius:14px!important;overflow:hidden;min-height:calc(100dvh - 84px)!important;background:var(--page-surface)!important}
body.wh-orbit-ui .wh-content:has(.ws-studio)>.workspace-preview-label{margin:0;padding:6px 20px;background:var(--page-inset);font-size:11px}
body.wh-orbit-ui .wh-content:has(.ws-studio)>.wh-creative-nav{margin:0;padding:9px 20px;border:0;border-bottom:1px solid var(--workspace-edge);border-radius:0;background:var(--page-surface)}
body.wh-orbit-ui .ws-studio :is(h1,h2,h3,p,dl,dd){margin:0}
body.wh-orbit-ui .ws-studio :is(button,select,input,textarea){font:inherit;color:inherit;letter-spacing:0}
body.wh-orbit-ui .ws-studio button{cursor:pointer;transition:background .16s,color .16s,transform .16s,border-color .16s;box-shadow:none}
body.wh-orbit-ui .ws-studio button:active:not(:disabled){transform:translateY(1px)}
body.wh-orbit-ui .ws-studio :is(button,input,textarea,select):focus-visible{outline:2px solid var(--ws-accent);outline-offset:3px}
body.wh-orbit-ui .ws-studio button:disabled{cursor:not-allowed;opacity:.55}
body.wh-orbit-ui .ws-studio :is(h1,h2,h3){color:var(--ws-ink);letter-spacing:-.025em;line-height:1.4}
body.wh-orbit-ui .ws-studio h1{font-size:20px;font-weight:600;white-space:nowrap}
body.wh-orbit-ui .ws-studio h2{font-size:15px;font-weight:600}
body.wh-orbit-ui .ws-studio h3{font-size:12px;font-weight:550}
body.wh-orbit-ui .ws-studio :is(small,.ws-muted){font-size:12px;color:var(--ws-muted);line-height:1.7}
body.wh-orbit-ui .ws-titlebar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 24px;border-bottom:1px solid var(--ws-line);min-height:72px}
body.wh-orbit-ui .ws-title-copy{display:flex;align-items:center;gap:18px;min-width:0}
body.wh-orbit-ui .ws-title-copy>span{font-size:12px;color:var(--ws-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-left:1px solid var(--ws-control);padding-left:18px}
body.wh-orbit-ui .ws-title-actions{display:flex;align-items:center;gap:15px;flex-shrink:0}
body.wh-orbit-ui .ws-status{font-size:12px;color:var(--ws-muted);display:flex;align-items:center;gap:7px}
body.wh-orbit-ui .ws-status:before{content:'';width:5px;height:5px;border-radius:50%;background:var(--ws-accent)}
body.wh-orbit-ui .ws-control{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ws-line);border-radius:6px;background:var(--ws-paper);color:var(--ws-muted);padding:0;flex-shrink:0}
body.wh-orbit-ui .ws-control:hover,body.wh-orbit-ui .ws-control[aria-pressed=true]{background:var(--ws-tint);color:var(--ws-accent);border-color:var(--ws-control)}
body.wh-orbit-ui .ws-chat-grid{display:grid;grid-template-columns:226px minmax(0,1fr);min-height:660px;height:calc(100dvh - 206px);position:relative}
body.wh-orbit-ui .ws-chat.with-detail .ws-chat-grid{grid-template-columns:226px minmax(0,1fr) 238px}
body.wh-orbit-ui .ws-chat .wh-conversations{position:relative;display:flex;flex-direction:column;inset:auto;width:auto;height:100%;min-width:0;padding:20px 14px 12px;border:0;border-right:1px solid var(--ws-line);background:var(--ws-bg);overflow:hidden}
body.wh-orbit-ui .ws-chat .wh-conversation-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;padding:0 4px}
body.wh-orbit-ui .ws-chat .wh-conversation-heading small{display:block;margin-top:3px}
body.wh-orbit-ui .ws-chat .wh-search{background:var(--ws-paper);border:1px solid var(--ws-line);border-radius:6px;min-height:36px;margin-bottom:16px;display:flex;align-items:center;gap:7px;padding:0 10px}
body.wh-orbit-ui .ws-chat .wh-search input{font-size:12px;background:transparent;min-width:0;outline:0;border:0;padding:0;width:100%;color:var(--ws-ink)}
body.wh-orbit-ui .ws-chat .wh-conversation-list{flex:1;overflow:auto;display:flex;flex-direction:column;gap:4px}
body.wh-orbit-ui .ws-chat .wh-conversation-list>button{background:transparent;border:1px solid transparent;border-radius:6px;display:flex;align-items:flex-start;gap:9px;padding:12px 9px;text-align:left;width:100%;flex-shrink:0;color:var(--ws-ink)}
body.wh-orbit-ui .ws-chat .wh-conversation-list>button:hover{border-color:var(--ws-control)}
body.wh-orbit-ui .ws-chat .wh-conversation-list>button.selected{background:var(--ws-tint);border-color:transparent}
body.wh-orbit-ui .ws-chat .wh-conversation-list>button>svg{width:15px;height:15px;flex-shrink:0;margin-top:4px;color:var(--ws-accent)}
body.wh-orbit-ui .ws-chat .wh-conversation-list>button>span{min-width:0}
body.wh-orbit-ui .ws-chat .wh-conversation-list strong{display:block;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.wh-orbit-ui .ws-chat .wh-conversation-list small{display:block;margin-top:4px}
body.wh-orbit-ui .ws-chat .wh-conversation-footer{border:0;border-top:1px solid var(--ws-line);padding:12px 4px 0;margin-top:12px;display:flex;align-items:center;justify-content:space-between}
body.wh-orbit-ui .ws-chat-center{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;background:var(--ws-paper)}
body.wh-orbit-ui .ws-model-toolbar.wh-chat-toolbar{display:flex;align-items:center;gap:12px;min-height:58px;padding:10px 20px;background:var(--ws-paper);border:0;border-bottom:1px solid var(--ws-line);flex-wrap:wrap}
body.wh-orbit-ui .ws-chat .wh-studio-selectors{display:flex;align-items:center;gap:12px;min-width:0;flex:1}
body.wh-orbit-ui .ws-chat .wh-studio-selectors>label{display:flex;align-items:center;gap:6px;min-width:0;max-width:48%}
body.wh-orbit-ui .ws-chat .wh-studio-selectors select{background:transparent;border:0;max-width:220px;min-width:0;font-size:12px;padding:5px 20px 5px 0;text-overflow:ellipsis}
body.wh-orbit-ui .ws-chat .wh-studio-selectors svg{flex-shrink:0;color:var(--ws-muted)}
body.wh-orbit-ui .ws-chat .wh-reasoning-selector{margin:0;display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ws-muted)}
body.wh-orbit-ui .ws-chat .wh-reasoning-selector select{background:var(--ws-bg);border:1px solid var(--ws-line);border-radius:6px;height:30px;max-width:100px;font-size:12px}
body.wh-orbit-ui .ws-chat .wh-chat-scroll{flex:1;min-height:0;overflow:auto;background:var(--ws-paper);padding:0;scrollbar-width:thin}
body.wh-orbit-ui .ws-chat .wh-chat-settings{border:0;border-bottom:1px solid var(--ws-line);padding:14px 20px;background:var(--ws-bg)}
body.wh-orbit-ui .ws-chat .wh-chat-settings label{font-size:12px;display:grid;gap:8px}
body.wh-orbit-ui .ws-chat .wh-chat-settings textarea{width:100%;padding:10px;background:var(--ws-paper);border:1px solid var(--ws-control);border-radius:6px;color:var(--ws-ink)}
body.wh-orbit-ui .ws-chat-start{max-width:640px;margin:0 auto;padding:40px 36px 22px}
body.wh-orbit-ui .ws-start-symbol{display:flex;align-items:center;gap:10px;margin-bottom:23px;color:var(--ws-accent);font-size:15px;font-weight:550}
body.wh-orbit-ui .ws-chat-start h2{font-size:28px;line-height:1.4;font-weight:550;letter-spacing:-1px}
body.wh-orbit-ui .ws-chat-start>p{margin-top:10px;font-size:13px;color:var(--ws-muted)}
body.wh-orbit-ui .ws-prompt-tabs{display:flex;gap:22px;border-bottom:1px solid var(--ws-line);margin-top:27px}
body.wh-orbit-ui .ws-prompt-tabs button{padding:10px 0;border:0;border-bottom:2px solid transparent;background:transparent;font-size:12px;color:var(--ws-muted);border-radius:0;white-space:nowrap}
body.wh-orbit-ui .ws-prompt-tabs button.active{border-bottom-color:var(--ws-accent);color:var(--ws-ink)}
body.wh-orbit-ui .ws-prompt-list{margin-top:9px}
body.wh-orbit-ui .ws-prompt-row{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;text-align:left;padding:14px 2px;border:0;border-bottom:1px solid var(--ws-line);background:transparent;border-radius:0}
body.wh-orbit-ui .ws-prompt-row:last-child{border-bottom:0}
body.wh-orbit-ui .ws-prompt-row strong{font-weight:500;display:block;font-size:14px}
body.wh-orbit-ui .ws-prompt-row small{display:block;margin-top:3px;font-size:12px}
body.wh-orbit-ui .ws-prompt-row>svg{color:var(--ws-muted);transition:transform .18s}
body.wh-orbit-ui .ws-prompt-row:hover>svg{transform:translateX(4px);color:var(--ws-accent)}
body.wh-orbit-ui .ws-chat-start .ws-start-foot{margin-top:18px;font-size:12px}
body.wh-orbit-ui .ws-chat-composer-wrap{padding:14px 26px 12px;background:var(--ws-paper);flex-shrink:0}
body.wh-orbit-ui .ws-chat .wh-composer-container{padding:0;width:100%;max-width:840px;margin:auto;background:transparent;border:0}
body.wh-orbit-ui .ws-chat .wh-composer{border:1px solid var(--ws-control);border-radius:12px;background:var(--ws-bg);box-shadow:none;padding:14px 16px}
body.wh-orbit-ui .ws-chat .wh-composer:focus-within{border-color:var(--ws-accent)}
body.wh-orbit-ui .ws-chat .wh-composer textarea{background:transparent;border:0;box-shadow:none;outline:0;width:100%;resize:vertical;min-height:56px;max-height:200px;padding:0;color:var(--ws-ink);font-size:14px;line-height:1.7}
body.wh-orbit-ui .ws-chat .wh-composer-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:6px}
body.wh-orbit-ui .ws-chat .wh-composer-bottom>div{display:flex;align-items:center;gap:10px}
body.wh-orbit-ui .ws-chat .wh-send{width:34px;height:34px;border-radius:8px;background:var(--ws-primary);color:var(--ws-on-primary);border:0;display:grid;place-items:center}
body.wh-orbit-ui .ws-chat .wh-composer-note{font-size:11px;line-height:1.7;margin:8px 0 0;text-align:center;color:var(--ws-muted)}
body.wh-orbit-ui .ws-composer-meta{display:flex;justify-content:space-between;max-width:840px;margin:7px auto 0;color:var(--ws-muted);font-size:11px}
body.wh-orbit-ui .ws-detail-rail{display:none;border-left:1px solid var(--ws-line);background:var(--ws-bg);padding:20px 18px 14px;overflow:auto;min-height:0;flex-direction:column}
body.wh-orbit-ui .ws-detail-rail.is-open{display:flex}
body.wh-orbit-ui .ws-rail-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-shrink:0}
body.wh-orbit-ui .ws-current-model{display:flex;gap:12px;align-items:center;padding:17px 0 0}
body.wh-orbit-ui .ws-current-model>svg{flex-shrink:0;color:var(--ws-accent)}
body.wh-orbit-ui .ws-current-model>div{min-width:0}
body.wh-orbit-ui .ws-current-model small,body.wh-orbit-ui .ws-current-model strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.wh-orbit-ui .ws-current-model strong{font-size:13px;font-weight:550;margin-top:2px}
body.wh-orbit-ui .ws-rail-section{margin-top:24px;min-width:0}
body.wh-orbit-ui .ws-rail-section>h3{margin-bottom:10px}
body.wh-orbit-ui .ws-facts{display:grid;gap:10px;font-size:12px}
body.wh-orbit-ui .ws-facts>div{display:flex;justify-content:space-between;align-items:start;gap:8px}
body.wh-orbit-ui .ws-facts dt{color:var(--ws-muted);flex-shrink:0}
body.wh-orbit-ui .ws-facts dd{text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
body.wh-orbit-ui .ws-outline{display:grid;gap:5px;max-height:220px;overflow:auto}
body.wh-orbit-ui .ws-outline-item{display:flex;align-items:start;gap:9px;border:0;background:transparent;text-align:left;font-size:12px;padding:6px 0;border-radius:0}
body.wh-orbit-ui .ws-outline-item>svg{flex-shrink:0;margin-top:3px;color:var(--ws-muted)}
body.wh-orbit-ui .ws-outline-item:hover{color:var(--ws-accent)}
body.wh-orbit-ui .ws-tool-list{display:grid;gap:2px}
body.wh-orbit-ui .ws-tool{display:flex;align-items:center;gap:10px;background:transparent;border:0;border-radius:6px;min-height:34px;font-size:12px;text-align:left;padding:7px 5px}
body.wh-orbit-ui .ws-tool:hover{background:var(--ws-raised)}
body.wh-orbit-ui .ws-tool:last-child{color:var(--ws-danger)}
body.wh-orbit-ui .ws-rail-bottom{display:flex;gap:9px;margin-top:auto;padding-top:26px;color:var(--ws-muted);font-size:11px;line-height:1.8}
body.wh-orbit-ui .ws-rail-bottom>svg{flex-shrink:0;margin-top:3px}
body.wh-orbit-ui .ws-chat .wh-messages{max-width:860px;margin:auto;padding:28px 32px}
body.wh-orbit-ui .ws-chat .wh-message{padding:0 0 27px;margin-bottom:26px;border-bottom:1px solid var(--ws-line);scroll-margin-top:20px;font-size:14px}
body.wh-orbit-ui .ws-chat .wh-message-label{margin-bottom:10px;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:550;color:var(--ws-muted)}
body.wh-orbit-ui .ws-chat .wh-message-avatar{background:transparent;color:var(--ws-accent);width:auto;height:auto}
body.wh-orbit-ui .ws-chat .wh-user-text{background:var(--ws-tint);padding:13px 16px;border-radius:8px;white-space:pre-wrap;line-height:1.8;color:var(--ws-ink)}
body.wh-orbit-ui .ws-chat .wh-markdown{color:var(--ws-ink);line-height:1.9}
body.wh-orbit-ui .ws-chat .wh-markdown p{margin-bottom:14px}
body.wh-orbit-ui .ws-chat .wh-markdown pre{background:var(--ws-bg);border:1px solid var(--ws-line);border-radius:8px;padding:16px;overflow:auto}
body.wh-orbit-ui .ws-chat .wh-message-actions{display:flex;gap:4px;margin-top:10px}
body.wh-orbit-ui .ws-chat .wh-icon-button{background:transparent;border:0;color:var(--ws-muted);border-radius:6px;min-width:30px;min-height:30px;display:inline-flex;align-items:center;justify-content:center}
body.wh-orbit-ui .ws-chat .wh-icon-button:hover{background:var(--ws-raised)}
body.wh-orbit-ui .ws-chat .wh-history-toggle{display:none}
body.wh-orbit-ui .ws-image-composition{display:grid;grid-template-columns:260px minmax(0,1fr) 220px;min-height:700px;height:calc(100dvh - 206px);position:relative}
body.wh-orbit-ui .ws-image-parameters{background:var(--ws-bg);border-right:1px solid var(--ws-line);overflow:auto;padding:22px 18px;scrollbar-width:thin}
body.wh-orbit-ui .ws-image-parameters>.ws-rail-heading{margin-bottom:24px}
body.wh-orbit-ui .ws-parameter-group{display:grid;gap:17px}
body.wh-orbit-ui .ws-parameter-group>h3{font-size:12px;color:var(--ws-muted);margin-bottom:1px}
body.wh-orbit-ui .ws-image .wh-field{display:flex;flex-direction:column;gap:8px;color:var(--ws-muted);font-size:12px;min-width:0;margin:0}
body.wh-orbit-ui .ws-image :is(select,input:not([type=file]):not([type=checkbox]),textarea){width:100%;min-width:0;border:1px solid var(--ws-control);background:var(--ws-paper);border-radius:6px;padding:9px 10px;color:var(--ws-ink);box-shadow:none;font-size:12px}
body.wh-orbit-ui .ws-image select{height:38px;text-overflow:ellipsis;padding-right:24px}
body.wh-orbit-ui .ws-image .wh-two-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}
body.wh-orbit-ui .ws-image .wh-two-fields:last-of-type{grid-template-columns:1fr}
body.wh-orbit-ui .ws-image .wh-inline-field{display:flex;gap:4px;align-items:center;min-width:0}
body.wh-orbit-ui .ws-image .wh-inline-field select{flex:1}
body.wh-orbit-ui .ws-image .wh-icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:28px;min-height:32px;border:0;background:transparent;color:var(--ws-muted)}
body.wh-orbit-ui .ws-image .wh-toggle-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--ws-muted);gap:10px}
body.wh-orbit-ui .ws-image .wh-stepper{height:38px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--ws-control);border-radius:6px;background:var(--ws-paper);padding:0 6px;color:var(--ws-ink)}
body.wh-orbit-ui .ws-image .wh-stepper button{border:0;background:transparent;display:grid;place-items:center;width:28px;height:30px}
body.wh-orbit-ui .ws-image .wh-advanced{margin-top:22px;border:0;border-top:1px solid var(--ws-line);border-radius:0;padding-top:15px;font-size:12px}
body.wh-orbit-ui .ws-image .wh-advanced summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;list-style:none;padding:4px 0 12px}
body.wh-orbit-ui .ws-image .wh-advanced textarea{font-family:ui-monospace,monospace;margin-top:8px}
body.wh-orbit-ui .ws-image .wh-image-task-hint{font-size:11px;line-height:1.8;color:var(--ws-muted);margin-top:16px;padding:0;background:transparent;border:0}
body.wh-orbit-ui .ws-image-center{min-width:0;display:flex;flex-direction:column;min-height:0;background:var(--ws-bg)}
body.wh-orbit-ui .ws-canvas-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 18px;min-height:58px;background:var(--ws-paper);border-bottom:1px solid var(--ws-line)}
body.wh-orbit-ui .ws-canvas-label{display:flex;align-items:center;gap:9px;min-width:0;font-size:12px}
body.wh-orbit-ui .ws-canvas-label>strong{font-weight:500;white-space:nowrap}
body.wh-orbit-ui .ws-canvas-label>span{font-size:11px;color:var(--ws-muted);white-space:nowrap}
body.wh-orbit-ui .ws-canvas-actions{display:flex;gap:6px}
body.wh-orbit-ui .ws-canvas-stage{position:relative;flex:1;min-height:280px;overflow:hidden;padding:24px;display:flex;align-items:center;justify-content:center}
body.wh-orbit-ui .ws-image .wh-image-canvas{padding:0;border:0;background:transparent;border-radius:0;box-shadow:none;min-height:0;width:100%;max-height:100%;overflow:auto;display:flex;flex-direction:column;position:relative}
body.wh-orbit-ui .ws-image .wh-image-empty{min-height:0;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;background:transparent}
body.wh-orbit-ui .ws-reference-art{position:relative;width:100%;max-width:640px;aspect-ratio:1.65;max-height:360px;overflow:hidden;background:var(--ws-raised);border-radius:6px;flex-shrink:0}
body.wh-orbit-ui .ws-reference-art>img{width:100%;height:100%;max-height:none;object-fit:cover;display:block;transform:scale(var(--ws-zoom));transition:transform .25s}
body.wh-orbit-ui .ws-reference-art>span{position:absolute;left:12px;bottom:12px;background:#242a2dd9;color:#f4f7f8;padding:4px 8px;border-radius:3px;font-size:11px}
body.wh-orbit-ui .ws-reference-caption{align-self:flex-start;margin:17px 0 0;text-align:left}
body.wh-orbit-ui .ws-reference-caption h2{font-size:17px;font-weight:500}
body.wh-orbit-ui .ws-reference-caption p{font-size:12px;color:var(--ws-muted);margin-top:7px}
body.wh-orbit-ui .ws-canvas-guides{position:absolute;inset:24px;pointer-events:none;overflow:hidden;border:1px solid #ffffff70}
body.wh-orbit-ui .ws-canvas-guides i{position:absolute;background:#ffffff90}
body.wh-orbit-ui .ws-canvas-guides i:nth-child(1){top:33.33%;left:0;right:0;height:1px}
body.wh-orbit-ui .ws-canvas-guides i:nth-child(2){top:66.66%;left:0;right:0;height:1px}
body.wh-orbit-ui .ws-canvas-guides i:nth-child(3){left:33.33%;top:0;bottom:0;width:1px}
body.wh-orbit-ui .ws-canvas-guides i:nth-child(4){left:66.66%;top:0;bottom:0;width:1px}
body.wh-orbit-ui .ws-canvas-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 20px;background:var(--ws-bg);color:var(--ws-muted);font-size:11px;border-top:1px solid var(--ws-line)}
body.wh-orbit-ui .ws-zoom{display:flex;align-items:center;gap:5px;flex-shrink:0}
body.wh-orbit-ui .ws-zoom button{background:transparent;border:0;width:26px;height:26px;font-size:17px;border-radius:4px}
body.wh-orbit-ui .ws-zoom button:hover{background:var(--ws-raised)}
body.wh-orbit-ui .ws-zoom output{min-width:40px;text-align:center;font-variant-numeric:tabular-nums}
body.wh-orbit-ui .ws-image-prompt{background:var(--ws-paper);border-top:1px solid var(--ws-line);padding:17px 20px 16px;flex-shrink:0}
body.wh-orbit-ui .ws-prompt-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;gap:12px}
body.wh-orbit-ui .ws-prompt-heading h2{font-size:13px}
body.wh-orbit-ui .ws-prompt-heading>span{font-size:11px;color:var(--ws-muted);font-variant-numeric:tabular-nums}
body.wh-orbit-ui .ws-image-prompt>.wh-field{font-size:0;gap:0}
body.wh-orbit-ui .ws-image-prompt>.wh-field textarea{font-size:14px;line-height:1.8;resize:vertical;height:88px;min-height:72px;max-height:190px;padding:10px 12px;background:var(--ws-bg)}
body.wh-orbit-ui .ws-image .wh-prompt-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:9px}
body.wh-orbit-ui .ws-image .wh-prompt-chips button{border:0;background:var(--ws-tint);color:var(--ws-accent);padding:4px 9px;font-size:11px;border-radius:4px}
body.wh-orbit-ui .ws-image-submit{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}
body.wh-orbit-ui .ws-image-submit>span{font-size:11px;color:var(--ws-muted);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.wh-orbit-ui .ws-image .wh-generate-button{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--ws-primary);color:var(--ws-on-primary);padding:10px 15px;min-height:40px;width:auto;border:0;border-radius:6px;box-shadow:none;flex-shrink:0;font-size:13px}
body.wh-orbit-ui .ws-image .wh-image-reference-panel{margin-top:10px;border:0;padding:0;background:transparent}
body.wh-orbit-ui .ws-image .wh-image-reference-actions{gap:12px}
body.wh-orbit-ui .ws-image .wh-reference-input{padding:0;border:0;font-size:12px;background:transparent;color:var(--ws-muted);min-height:24px}
body.wh-orbit-ui .ws-image-records{background:var(--ws-paper);border-left:1px solid var(--ws-line);padding:22px 16px 14px;overflow:auto;display:flex;flex-direction:column;scrollbar-width:thin}
body.wh-orbit-ui .ws-text-button{padding:0;background:transparent;border:0;border-radius:0;font-size:11px;color:var(--ws-accent);white-space:nowrap}
body.wh-orbit-ui .ws-empty-records{padding:28px 4px 18px;border-bottom:1px solid var(--ws-line);color:var(--ws-muted)}
body.wh-orbit-ui .ws-empty-records>svg{margin-bottom:12px;color:var(--ws-accent)}
body.wh-orbit-ui .ws-empty-records h3{font-size:13px;color:var(--ws-ink)}
body.wh-orbit-ui .ws-empty-records p{font-size:12px;line-height:1.9;margin-top:9px}
body.wh-orbit-ui .ws-recent-images{display:grid;gap:20px;margin-top:18px}
body.wh-orbit-ui .ws-recent-images article{display:flex;flex-direction:column;gap:6px;min-width:0}
body.wh-orbit-ui .ws-recent-preview{display:block;aspect-ratio:1.6;overflow:hidden;padding:0;border:0;border-radius:4px;background:var(--ws-bg);font-size:12px;width:100%}
body.wh-orbit-ui .ws-recent-preview img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
body.wh-orbit-ui .ws-recent-preview:hover img{transform:scale(1.04)}
body.wh-orbit-ui .ws-recent-images strong{font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.wh-orbit-ui .ws-recent-images small{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.wh-orbit-ui .ws-recent-meta{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--ws-muted)}
body.wh-orbit-ui .ws-image .wh-segmented{display:flex;gap:4px;padding:3px;background:var(--ws-bg);border:1px solid var(--ws-line);border-radius:6px}
body.wh-orbit-ui .ws-image .wh-segmented button{background:transparent;border:0;border-radius:4px;padding:6px 15px;font-size:12px;white-space:nowrap}
body.wh-orbit-ui .ws-image .wh-segmented button.active{background:var(--ws-paper);color:var(--ws-ink);box-shadow:none}
body.wh-orbit-ui .ws-image .wh-image-history,body.wh-orbit-ui .ws-image .wh-request-preview{padding:24px;background:var(--ws-paper);border:0;border-radius:0;box-shadow:none;min-height:600px}
body.wh-orbit-ui .ws-image .wh-generated-grid{transform:scale(var(--ws-zoom));transform-origin:50% 0;margin:auto;width:100%}
body.wh-orbit-ui .ws-image .wh-generated-grid img{max-height:390px;width:100%;object-fit:contain}
body.wh-orbit-ui .ws-image .wh-image-caption{margin-top:12px;font-size:12px}
body.wh-orbit-ui .ws-image .wh-image-caption p{line-height:1.7}
body.wh-orbit-ui .ws-mobile-studio-tools{display:none}
body.wh-orbit-ui .ws-studio ::placeholder{color:var(--ws-muted);opacity:1}
body.wh-orbit-ui .ws-studio option{background:var(--ws-paper);color:var(--ws-ink)}
body.wh-orbit-ui .ws-studio .wh-alert{margin:10px 16px;font-size:12px}
@media(min-width:1700px){body.wh-orbit-ui .ws-chat.with-detail .ws-chat-grid{grid-template-columns:242px minmax(0,1fr) 260px}body.wh-orbit-ui .ws-image-composition{grid-template-columns:280px minmax(0,1fr) 240px}body.wh-orbit-ui .ws-chat-start{padding-top:48px}}
@media(max-width:1350px){body.wh-orbit-ui .ws-chat.with-detail .ws-chat-grid{grid-template-columns:206px minmax(0,1fr) 212px}body.wh-orbit-ui .ws-image-composition{grid-template-columns:238px minmax(0,1fr)}body.wh-orbit-ui .ws-image-records{display:none}body.wh-orbit-ui .ws-chat-start{padding:28px 24px 20px}body.wh-orbit-ui .ws-chat-start h2{font-size:25px}body.wh-orbit-ui .ws-title-copy>span{max-width:240px}body.wh-orbit-ui .ws-chat .wh-studio-selectors select{max-width:160px}body.wh-orbit-ui .ws-chat .wh-reasoning-selector>span{display:none}}
@media(max-width:1180px){body.wh-orbit-ui .ws-chat.with-detail .ws-chat-grid{grid-template-columns:206px minmax(0,1fr)}body.wh-orbit-ui .ws-detail-rail.is-open{position:absolute;right:0;top:0;bottom:0;width:250px;z-index:8;box-shadow:-12px 0 32px #00000014}body.wh-orbit-ui .ws-chat .wh-studio-selectors select{max-width:160px}body.wh-orbit-ui .ws-title-copy>span{display:none}}
@media(max-width:760px){body.wh-orbit-ui .wh-content:has(.ws-studio){margin:0!important;border:0!important;border-radius:0!important;min-height:calc(100dvh - 64px)!important}body.wh-orbit-ui .ws-titlebar{padding:14px 16px;min-height:66px;gap:10px}body.wh-orbit-ui .ws-studio h1{font-size:19px}body.wh-orbit-ui .ws-status{display:none}body.wh-orbit-ui .ws-chat-grid,body.wh-orbit-ui .ws-chat.with-detail .ws-chat-grid{display:grid;grid-template-columns:minmax(0,1fr);height:calc(100dvh - 170px);min-height:650px}body.wh-orbit-ui .ws-chat .wh-conversations{display:none;position:absolute;left:0;top:0;bottom:0;width:min(300px,85%);z-index:9;border-right:1px solid var(--ws-control)}body.wh-orbit-ui .ws-chat .wh-conversations.expanded{display:flex}body.wh-orbit-ui .ws-chat .wh-history-toggle{display:inline-flex}body.wh-orbit-ui .ws-chat .ws-model-toolbar{padding:8px 12px;gap:8px;min-height:60px}body.wh-orbit-ui .ws-chat .wh-studio-selectors{gap:6px;flex:1;min-width:0}body.wh-orbit-ui .ws-chat .wh-studio-selectors>label{max-width:45%}body.wh-orbit-ui .ws-chat .wh-studio-selectors select{max-width:118px;font-size:12px}body.wh-orbit-ui .ws-chat .wh-reasoning-selector{margin-left:auto}body.wh-orbit-ui .ws-chat .wh-reasoning-selector select{width:64px}body.wh-orbit-ui .ws-chat-start{padding:30px 22px 16px}body.wh-orbit-ui .ws-chat-start h2{font-size:24px}body.wh-orbit-ui .ws-start-symbol{margin-bottom:20px}body.wh-orbit-ui .ws-prompt-tabs{gap:0;justify-content:space-between;margin-top:22px}body.wh-orbit-ui .ws-prompt-tabs button{font-size:12px;min-height:44px}body.wh-orbit-ui .ws-prompt-row{padding:13px 0;min-height:68px}body.wh-orbit-ui .ws-chat-composer-wrap{padding:12px 16px}body.wh-orbit-ui .ws-keyboard-tip{display:none}body.wh-orbit-ui .ws-chat .wh-composer textarea{min-height:60px;font-size:16px}body.wh-orbit-ui .ws-chat .wh-messages{padding:24px 20px}body.wh-orbit-ui .ws-image .ws-titlebar{flex-wrap:wrap}body.wh-orbit-ui .ws-image .wh-segmented button{padding:6px 11px;min-height:34px}body.wh-orbit-ui .ws-image-composition{display:flex;flex-direction:column;height:auto;min-height:calc(100dvh - 200px)}body.wh-orbit-ui .ws-image-center{min-height:640px}body.wh-orbit-ui .ws-image-parameters{display:none;padding:20px;max-height:65dvh;overflow:auto;border-right:0;border-bottom:1px solid var(--ws-line)}body.wh-orbit-ui .ws-image-parameters.is-open{display:block}body.wh-orbit-ui .ws-image-records.is-open{display:flex;padding:20px;border:0;border-top:1px solid var(--ws-line)}body.wh-orbit-ui .ws-mobile-studio-tools{display:flex;gap:10px;padding:10px 16px;border-bottom:1px solid var(--ws-line);background:var(--ws-bg)}body.wh-orbit-ui .ws-mobile-studio-tools button{min-height:36px;font-size:12px;padding:6px 13px;background:var(--ws-paper);border:1px solid var(--ws-control);border-radius:6px}body.wh-orbit-ui .ws-mobile-studio-tools button[aria-expanded=true]{background:var(--ws-tint)}body.wh-orbit-ui .ws-canvas-stage{padding:16px;min-height:280px}body.wh-orbit-ui .ws-canvas-toolbar{padding:10px 16px}body.wh-orbit-ui .ws-canvas-label>span{display:none}body.wh-orbit-ui .ws-canvas-footer{padding:8px 16px}body.wh-orbit-ui .ws-canvas-footer>span{max-width:65%;line-height:1.6}body.wh-orbit-ui .ws-image-prompt{padding:16px}body.wh-orbit-ui .ws-image-prompt>.wh-field textarea{font-size:16px}body.wh-orbit-ui .ws-image-submit{gap:8px}body.wh-orbit-ui .ws-canvas-guides{inset:16px}body.wh-orbit-ui .ws-studio button.ws-control{width:36px;height:36px}body.wh-orbit-ui .ws-recent-images{grid-template-columns:1fr 1fr}body.wh-orbit-ui .ws-chat .wh-conversation-list>button{min-height:64px}}
@media(prefers-reduced-motion:reduce){body.wh-orbit-ui .ws-studio *,body.wh-orbit-ui .ws-studio *:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* All creation settings live in one focused panel. The working surface has
   one column; conversation history is an explicitly opened secondary pane. */
body.wh-orbit-ui .ws-chat .ws-chat-grid{grid-template-columns:minmax(0,1fr);height:calc(100dvh - 181px);min-height:0}
body.wh-orbit-ui .ws-chat .wh-conversations{display:none}
body.wh-orbit-ui .ws-chat.history-open .ws-chat-grid{grid-template-columns:226px minmax(0,1fr)}
body.wh-orbit-ui .ws-chat.history-open .wh-conversations{display:flex}
body.wh-orbit-ui .ws-chat-start{max-width:690px;padding-top:40px}
body.wh-orbit-ui .ws-chat .wh-messages{max-width:900px;padding-top:40px}
body.wh-orbit-ui .ws-chat-composer-wrap{padding-inline:40px}
body.wh-orbit-ui .ws-composer-context{display:flex;align-items:center;justify-content:space-between;max-width:840px;margin:0 auto 9px}
body.wh-orbit-ui .ws-settings-trigger{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:7px 11px;border:1px solid var(--ws-line);border-radius:6px;background:var(--ws-paper);font-size:12px;color:var(--ws-muted)}
body.wh-orbit-ui .ws-settings-trigger:hover{background:var(--ws-bg);border-color:var(--ws-control)}
body.wh-orbit-ui .ws-model-trigger{display:inline-flex;align-items:center;gap:7px;max-width:80%;padding:3px 0;background:transparent;border:0;color:var(--ws-accent);font-size:12px}
body.wh-orbit-ui .ws-model-trigger span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.wh-orbit-ui .ws-chat .wh-composer-bottom>div>span{display:none}
body.wh-orbit-ui .ws-image-composition{display:flex;height:calc(100dvh - 181px);min-height:0}
body.wh-orbit-ui .ws-image-composition>.ws-image-center{flex:1}
body.wh-orbit-ui .ws-image .wh-image-form.ws-image-composition{padding:0;margin:0;border:0;border-radius:0;box-shadow:none;background:var(--ws-bg);width:100%;max-width:none}
body.wh-orbit-ui .wh-content:has(>.wh-studio-switcher) .ws-chat-grid,body.wh-orbit-ui .wh-content:has(>.wh-studio-switcher) .ws-image-composition{height:calc(100dvh - 214px)}
body.wh-orbit-ui .ws-image .ws-canvas-stage{padding:20px 36px;min-height:150px}
body.wh-orbit-ui .ws-image .wh-image-canvas{height:100%}
body.wh-orbit-ui .ws-image .ws-reference-art{max-width:760px;max-height:340px;aspect-ratio:auto;flex:1;min-height:0}
body.wh-orbit-ui .ws-image .wh-image-empty{max-width:760px;margin:auto;height:100%}
body.wh-orbit-ui .ws-image .ws-reference-caption{position:absolute;left:14px;bottom:14px;right:14px;display:block;align-self:auto;padding:10px 12px;border-radius:4px;background:#20272acc;color:#f6f8fa;margin:0}
body.wh-orbit-ui .ws-image .ws-reference-caption h2{font-size:16px;color:inherit;margin-top:4px}
body.wh-orbit-ui .ws-image .ws-reference-caption>span{font-size:11px;color:#e0e5e9}
body.wh-orbit-ui .ws-image .ws-image-submit .wh-image-reference-panel{margin:0;min-width:0;flex:1}
body.wh-orbit-ui .wh-shell .ws-image .wh-generate-button{background:var(--ws-primary)!important;color:var(--ws-on-primary)!important}
body.wh-orbit-ui .ws-image-prompt{padding:17px max(24px,calc((100% - 900px)/2)) 20px}
body.wh-orbit-ui .ws-image .ws-image-prompt>.wh-field textarea{height:76px}
body.wh-orbit-ui .ws-settings-overlay{position:fixed;inset:0;z-index:1400;display:flex;align-items:center;justify-content:center;padding:28px;background:#14191f69;overscroll-behavior:contain}
body.wh-orbit-ui .ws-settings-overlay.ws-dialog-host{isolation:auto}
.dark body.wh-orbit-ui .ws-settings-overlay{background:#07090b91}
body.wh-orbit-ui .ws-settings-dialog{width:560px;max-width:100%;max-height:calc(100dvh - 56px);display:flex;flex-direction:column;background:var(--ws-paper);border:1px solid var(--ws-line);border-radius:14px;color:var(--ws-ink);box-shadow:0 18px 70px #00000025;outline:0;font:14px/1.6 Inter,"Microsoft YaHei",system-ui,sans-serif}
body.wh-orbit-ui .ws-settings-dialog>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px 26px 19px;border-bottom:1px solid var(--ws-line)}
body.wh-orbit-ui .ws-settings-dialog>header h2{font-size:18px;line-height:1.5;font-weight:600;margin:0}
body.wh-orbit-ui .ws-settings-dialog>header p{font-size:12px;color:var(--ws-muted);margin:5px 0 0}
body.wh-orbit-ui .ws-dialog-content{overflow:auto;overscroll-behavior:contain;padding:20px 26px 24px;min-height:0}
body.wh-orbit-ui .ws-settings-dialog>footer{border-top:1px solid var(--ws-line);padding:16px 26px;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:11px;color:var(--ws-muted)}
body.wh-orbit-ui .ws-studio .ws-dialog-done{padding:9px 22px;background:var(--ws-primary);color:var(--ws-on-primary);border:0;border-radius:6px;font-size:13px;min-height:38px}
body.wh-orbit-ui .ws-settings-tabs{display:flex;gap:24px;border-bottom:1px solid var(--ws-line);margin-bottom:22px}
body.wh-orbit-ui .ws-settings-tabs button{padding:0 0 12px;border:0;border-bottom:2px solid transparent;background:transparent;font-size:12px;color:var(--ws-muted);border-radius:0}
body.wh-orbit-ui .ws-settings-tabs button.active{color:var(--ws-ink);border-bottom-color:var(--ws-accent)}
body.wh-orbit-ui .ws-config-section+.ws-config-section{border-top:1px solid var(--ws-line);padding-top:20px;margin-top:22px}
body.wh-orbit-ui .ws-config-section>h3{font-size:13px;margin:0 0 9px}
body.wh-orbit-ui .ws-config-section>p{font-size:12px;line-height:1.8;color:var(--ws-muted);margin:7px 0 12px}
body.wh-orbit-ui .ws-chat-config .wh-studio-selectors{display:grid;grid-template-columns:1fr 32px;gap:12px;margin-top:14px}
body.wh-orbit-ui .ws-chat-config .wh-studio-selectors>label{max-width:none;display:flex;border:1px solid var(--ws-control);border-radius:6px;padding:3px 12px;min-height:40px;background:var(--ws-bg)}
body.wh-orbit-ui .ws-chat-config .wh-studio-selectors>label:first-child{grid-column:1/-1}
body.wh-orbit-ui .ws-chat-config .wh-studio-selectors>label:before{content:'模型';font-size:12px;color:var(--ws-muted);min-width:48px}
body.wh-orbit-ui .ws-chat-config .wh-studio-selectors>label:first-child:before{content:'密钥'}
body.wh-orbit-ui .ws-chat-config .wh-studio-selectors>label>svg{display:none}
body.wh-orbit-ui .ws-chat-config .wh-studio-selectors select{width:100%;max-width:none;padding:5px 18px 5px 0;background:transparent;color:var(--ws-ink)}
body.wh-orbit-ui .ws-chat-config .wh-studio-selectors>.wh-icon-button{align-self:center}
body.wh-orbit-ui .ws-chat-config .wh-reasoning-selector{display:flex;justify-content:space-between}
body.wh-orbit-ui .ws-chat-config .wh-reasoning-selector>span{display:block}
body.wh-orbit-ui .ws-chat-config .wh-reasoning-selector select{height:36px;min-width:140px;max-width:none}
body.wh-orbit-ui .ws-chat-config .wh-chat-settings{padding:0;border:0;background:transparent}
body.wh-orbit-ui .ws-chat-config .wh-chat-settings label{font-size:0}
body.wh-orbit-ui .ws-chat-config .wh-chat-settings textarea{min-height:100px;resize:vertical;font-size:13px;line-height:1.8;background:var(--ws-bg);padding:12px}
body.wh-orbit-ui .ws-settings-dialog .ws-tool-list{margin-top:20px}
body.wh-orbit-ui .ws-settings-dialog .ws-tool{min-height:42px;font-size:13px}
body.wh-orbit-ui .ws-settings-dialog .ws-outline{max-height:none;gap:8px}
body.wh-orbit-ui .ws-settings-dialog .ws-outline-item{padding:10px 0;font-size:13px}
body.wh-orbit-ui .ws-settings-dialog .ws-image-parameters{display:block!important;padding:0;background:transparent;border:0;overflow:visible;max-height:none}
body.wh-orbit-ui .ws-settings-dialog .ws-image-parameters>.ws-rail-heading{display:none}
body.wh-orbit-ui .ws-settings-dialog .ws-parameter-group{gap:17px}
body.wh-orbit-ui .ws-settings-dialog .ws-parameter-group>h3{display:none}
body.wh-orbit-ui .ws-settings-dialog .ws-image-parameters .wh-two-fields:last-of-type{grid-template-columns:1fr 1fr}
@media(min-width:761px) and (max-height:820px){body.wh-orbit-ui .ws-chat-start{padding:22px 34px 16px}body.wh-orbit-ui .ws-chat-start h2{font-size:24px}body.wh-orbit-ui .ws-chat-start>p{margin-top:6px}body.wh-orbit-ui .ws-prompt-tabs{margin-top:16px}body.wh-orbit-ui .ws-prompt-tabs button{padding:8px 0}body.wh-orbit-ui .ws-prompt-row{padding:12px 2px}body.wh-orbit-ui .ws-prompt-row small{display:none}body.wh-orbit-ui .ws-chat-start .ws-start-foot{display:none}}
@media(max-width:760px){body.wh-orbit-ui .ws-chat .ws-chat-grid{min-height:0}body.wh-orbit-ui .ws-canvas-actions .ws-settings-trigger>small{display:none}body.wh-orbit-ui .ws-title-actions>.ws-control{display:inline-flex}}
body.wh-orbit-ui .ws-preview-modal{position:fixed;inset:0;z-index:1500;background:#1117;display:grid;place-items:center;padding:24px}
body.wh-orbit-ui .ws-preview-modal>section{background:var(--page-surface);border:1px solid var(--page-line);border-radius:12px;padding:24px;width:min(680px,100%);max-height:90dvh;overflow:auto}
body.wh-orbit-ui .ws-preview-modal header,body.wh-orbit-ui .ws-preview-modal footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
body.wh-orbit-ui .ws-preview-modal img{max-width:100%;max-height:70dvh;margin:auto}
/* Multi-reference tools stay inside the reference dialog; the canvas stays clear. */
body.wh-orbit-ui .ws-web-tools{margin:0 0 10px}
body.wh-orbit-ui .ws-web-toggles{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
body.wh-orbit-ui .ws-web-toggle{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--ws-control);background:transparent;color:var(--ws-muted);border-radius:6px;min-height:32px;padding:5px 10px;font-size:12px}
body.wh-orbit-ui .ws-web-toggle[aria-pressed=true]{background:var(--ws-primary);color:var(--ws-on-primary);border-color:var(--ws-primary)}
body.wh-orbit-ui .ws-web-toggle:disabled{opacity:.5;cursor:default}
body.wh-orbit-ui .ws-web-capability{font-size:11px;color:var(--ws-muted)}
body.wh-orbit-ui .ws-web-links{display:grid;gap:6px;margin-top:12px;font-size:12px;color:var(--ws-muted)}
body.wh-orbit-ui .ws-web-links textarea{width:100%;min-height:60px;resize:vertical;padding:10px;border:1px solid var(--ws-control);border-radius:6px;background:var(--ws-paper);color:var(--ws-ink);font-size:13px;line-height:1.6}
body.wh-orbit-ui :is(.ws-web-note,.ws-web-notice,.ws-message-web-mode){font-size:12px;line-height:1.7;color:var(--ws-muted);margin:7px 0 0}
body.wh-orbit-ui .ws-web-result{margin-top:14px;max-width:100%;font-size:12px}
body.wh-orbit-ui .ws-web-status{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:0;color:var(--ws-muted);font-size:12px}
body.wh-orbit-ui .ws-web-status[data-status=working]{color:var(--ws-accent)}
body.wh-orbit-ui .ws-web-status small{font-size:11px}
body.wh-orbit-ui .ws-web-sources{margin-top:10px;color:var(--ws-muted)}
body.wh-orbit-ui .ws-web-sources summary{cursor:pointer;padding:4px 0}
body.wh-orbit-ui .ws-web-sources ol{padding-left:20px;margin:6px 0 0}
body.wh-orbit-ui .ws-web-sources li{padding:4px 0}
body.wh-orbit-ui .ws-web-sources a{display:inline-flex;flex-wrap:wrap;gap:4px 10px;color:var(--ws-ink);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
body.wh-orbit-ui .ws-web-sources a small{font-size:11px;color:var(--ws-muted)}
@media(max-width:760px){body.wh-orbit-ui .ws-web-toggle{min-height:40px}body.wh-orbit-ui .ws-web-capability{width:100%}body.wh-orbit-ui .ws-web-links textarea{font-size:16px}}
body.wh-orbit-ui .ws-reference-trigger{display:flex;align-items:center;gap:8px;min-height:42px;max-width:100%;padding:7px 10px;border:1px solid var(--ws-control);border-radius:6px;background:var(--ws-paper);font-size:12px}
body.wh-orbit-ui .ws-reference-trigger>span{min-width:0;white-space:nowrap}
body.wh-orbit-ui .ws-reference-trigger>img{width:26px;height:26px;object-fit:cover;border-radius:3px}
body.wh-orbit-ui .ws-dialog-content .wh-image-reference-panel{margin:0;padding:0;border:0;background:transparent}
body.wh-orbit-ui .ws-studio .wh-reference-intro{font-size:12px;line-height:1.8;color:var(--ws-muted)}
body.wh-orbit-ui .ws-studio .wh-reference-modes{display:flex;gap:5px;margin:18px 0 12px;background:var(--ws-bg);padding:4px;border-radius:6px}
body.wh-orbit-ui .ws-studio .wh-reference-modes>button{flex:1;min-height:40px;padding:7px 12px;background:transparent;border:0;border-radius:4px;font-size:13px;color:var(--ws-muted)}
body.wh-orbit-ui .ws-studio .wh-reference-modes>button[aria-pressed=true]{background:var(--ws-primary);color:var(--ws-on-primary)}
body.wh-orbit-ui .ws-studio .wh-reference-files{display:grid;gap:12px;margin-top:16px}
body.wh-orbit-ui .ws-studio .wh-reference-file{display:flex;align-items:flex-start;gap:12px;padding:12px;background:var(--ws-bg);border-radius:6px;min-width:0}
body.wh-orbit-ui .ws-studio .wh-reference-file>img{width:64px;height:64px;object-fit:cover;border-radius:4px}
body.wh-orbit-ui .ws-studio .wh-reference-file>div{flex:1;min-width:0}
body.wh-orbit-ui .ws-studio .wh-reference-file strong{font-size:12px;font-weight:600}
body.wh-orbit-ui .ws-studio .wh-reference-file span{display:block;font-size:12px;color:var(--ws-muted);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:3px 0 0}
body.wh-orbit-ui .ws-studio .wh-reference-file textarea{display:block;width:100%;min-height:64px;margin-top:9px;padding:8px;border:1px solid var(--ws-control);border-radius:4px;background:var(--ws-paper);font-size:12px;resize:vertical;line-height:1.6}
body.wh-orbit-ui .ws-studio .wh-reference-file>button{border:0;background:transparent;min-width:32px;min-height:32px;color:var(--ws-muted);font-size:18px}
body.wh-orbit-ui .ws-studio .wh-image-reference-actions{margin-top:18px;flex-wrap:wrap;gap:12px}
body.wh-orbit-ui .ws-studio .wh-image-reference-actions .wh-reference-input,body.wh-orbit-ui .ws-studio .wh-image-reference-actions>button{font-size:12px;min-height:40px;display:inline-flex;align-items:center}
body.wh-orbit-ui .ws-studio .wh-image-reference-note{font-size:12px;line-height:1.8;color:var(--ws-muted)}
body.wh-orbit-ui .ws-studio .wh-image-reference-error{font-size:12px;color:var(--ws-danger)}
body.wh-orbit-ui .ws-image .ws-canvas-stage.has-batch{display:block;overflow:auto;overscroll-behavior:contain}
body.wh-orbit-ui .ws-batch-results{width:100%;max-width:1050px;margin:auto;transform:scale(var(--ws-zoom));transform-origin:50% 0}
body.wh-orbit-ui .ws-batch-results>header{display:flex;align-items:center;justify-content:space-between;gap:16px}
body.wh-orbit-ui .ws-batch-results>header p{font-size:12px;color:var(--ws-muted);margin-top:5px}
body.wh-orbit-ui .ws-batch-results>progress{display:block;width:100%;height:4px;appearance:none;border:0;accent-color:var(--ws-accent);background:var(--ws-raised);margin:10px 0 14px}
body.wh-orbit-ui .ws-batch-results>progress::-webkit-progress-bar{background:var(--ws-raised)}
body.wh-orbit-ui .ws-batch-results>progress::-webkit-progress-value{background:var(--ws-accent)}
body.wh-orbit-ui .ws-batch-results>progress::-moz-progress-bar{background:var(--ws-accent)}
body.wh-orbit-ui .ws-batch-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
body.wh-orbit-ui .ws-batch-item{padding:12px;background:var(--ws-paper);border:1px solid var(--ws-line);border-radius:6px;min-width:0}
body.wh-orbit-ui .ws-batch-item-title{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px}
body.wh-orbit-ui .ws-batch-item-title>span{color:var(--ws-muted);font-size:12px}
body.wh-orbit-ui .ws-batch-item-title>span[data-status=processing]{color:var(--ws-accent)}
body.wh-orbit-ui .ws-batch-item-title>span:is([data-status=failed],[data-status=uncertain]){color:var(--ws-danger)}
body.wh-orbit-ui .ws-batch-input{font-size:12px;color:var(--ws-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:6px 0 12px!important}
body.wh-orbit-ui .ws-batch-preview{display:block;width:100%;padding:0;border:0;background:var(--ws-bg)}
body.wh-orbit-ui .ws-batch-preview>img{width:100%;aspect-ratio:1.7;object-fit:contain}
body.wh-orbit-ui .ws-batch-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}
body.wh-orbit-ui .ws-batch-wait{font-size:12px;line-height:1.8;min-height:80px;color:var(--ws-muted);padding-top:12px}
body.wh-orbit-ui .ws-image-composition:has(.ws-batch-results) .ws-image-prompt{padding-top:12px;padding-bottom:14px}
body.wh-orbit-ui .ws-image-composition:has(.ws-batch-results) .ws-image-prompt>.wh-field textarea{height:44px;min-height:44px}
body.wh-orbit-ui .ws-image-composition:has(.ws-batch-results) .ws-image-prompt>:is(.ws-prompt-heading,.wh-prompt-chips){display:none}
body.wh-orbit-ui .ws-image-composition:has(.ws-batch-results) .ws-image-submit{margin-top:8px}
@media(max-width:760px){body.wh-orbit-ui .ws-reference-trigger{min-height:44px;font-size:12px;gap:6px}body.wh-orbit-ui .ws-reference-trigger>img{width:22px;height:22px}body.wh-orbit-ui .ws-reference-trigger>img:nth-of-type(n+2){display:none}body.wh-orbit-ui .ws-studio .wh-reference-file{padding:10px;gap:8px}body.wh-orbit-ui .ws-studio .wh-reference-file>img{width:48px;height:48px}body.wh-orbit-ui .ws-studio .wh-reference-file>button{min-width:36px;min-height:44px}body.wh-orbit-ui .ws-studio .wh-reference-file textarea{font-size:16px}body.wh-orbit-ui .ws-studio .wh-reference-modes>button{min-height:44px}body.wh-orbit-ui .ws-batch-grid{grid-template-columns:1fr}body.wh-orbit-ui .ws-image-submit{flex-wrap:wrap;justify-content:space-between}body.wh-orbit-ui .ws-image .ws-canvas-stage.has-batch{max-height:440px;min-height:300px}body.wh-orbit-ui .ws-batch-actions button{min-height:44px}}
@media(max-width:760px){body.wh-orbit-ui .ws-chat.history-open .ws-chat-grid{grid-template-columns:1fr}body.wh-orbit-ui .ws-chat.history-open .wh-conversations{position:absolute;left:0;top:0;bottom:0}body.wh-orbit-ui .ws-chat .ws-chat-grid{height:calc(100dvh - 165px);min-height:640px}body.wh-orbit-ui .ws-title-copy{gap:9px}body.wh-orbit-ui .ws-title-actions{gap:8px}body.wh-orbit-ui .ws-title-actions>.ws-control{display:none}body.wh-orbit-ui .ws-settings-trigger{padding:7px 9px;min-height:36px}body.wh-orbit-ui .ws-chat-start{padding:30px 22px 20px}body.wh-orbit-ui .ws-chat-composer-wrap{padding:12px 16px}body.wh-orbit-ui .ws-image .ws-canvas-stage{padding:20px 16px;min-height:310px}body.wh-orbit-ui .ws-image-prompt{padding:17px 16px 20px}body.wh-orbit-ui .ws-settings-overlay{padding:14px}body.wh-orbit-ui .ws-settings-dialog{border-radius:12px;max-height:calc(100dvh - 28px)}body.wh-orbit-ui .ws-settings-dialog>header{padding:20px}body.wh-orbit-ui .ws-dialog-content{padding:18px 20px 22px}body.wh-orbit-ui .ws-settings-dialog>footer{padding:14px 20px}body.wh-orbit-ui .ws-settings-tabs{gap:22px}body.wh-orbit-ui .ws-image-composition{height:auto;min-height:700px}body.wh-orbit-ui .ws-image .ws-reference-art{aspect-ratio:1.45}body.wh-orbit-ui .ws-image .ws-canvas-label>svg{display:none}body.wh-orbit-ui .ws-canvas-actions{gap:4px}body.wh-orbit-ui .ws-image .ws-canvas-toolbar{padding-inline:12px}body.wh-orbit-ui .ws-canvas-toolbar .ws-settings-trigger{font-size:11px;padding-inline:7px}body.wh-orbit-ui .ws-image .ws-titlebar{gap:10px}body.wh-orbit-ui .ws-chat-config .wh-studio-selectors select{font-size:13px}body.wh-orbit-ui .ws-settings-dialog input,body.wh-orbit-ui .ws-settings-dialog textarea{font-size:16px}}