/* ThoxBeam product bindings to generated TXF semantics. */
:root {
  --black:var(--thox-color-bg-canvas);--desktop:var(--thox-color-bg-canvas);--window:var(--thox-color-core-mesh-surface);
  --surface:var(--thox-color-bg-surface);--surface-2:var(--thox-color-bg-elevated);--surface-3:var(--thox-color-brand-soft);--surface-green:var(--thox-color-brand-soft);
  --line:var(--thox-color-border-default);--line-strong:var(--thox-color-border-default);--line-green:color-mix(in srgb,var(--thox-color-brand-primary) 45%,transparent);
  --text:var(--thox-color-text-primary);--text-soft:var(--thox-color-text-secondary);--muted:var(--thox-color-text-muted);--dim:var(--thox-color-text-muted);
  --emerald:var(--thox-color-brand-primary);--emerald-bright:var(--thox-color-text-accent);--emerald-ink:var(--thox-color-text-on-accent);--led:var(--thox-color-brand-neon);--amber:var(--thox-color-state-warning);--red:var(--thox-color-state-danger);
  --font-ui:var(--thox-type-family-sans);--font-mono:var(--thox-type-family-mono);--radius:var(--thox-radius-sm);--radius-lg:var(--thox-radius-md);
}
[hidden]{display:none!important}
body{padding-top:64px;background:var(--black)}
.system-bar{height:64px;background:var(--window);gap:16px}
.fabric-breadcrumb{display:flex;align-items:center;gap:12px;margin-right:auto;min-width:0;font-size:.875rem}
.fabric-breadcrumb>span{color:var(--muted);border-left:1px solid var(--line);padding-left:16px;font-family:var(--font-mono)}
.fabric-breadcrumb strong{font-weight:400;color:var(--text-soft)}
#open-commands{gap:12px}kbd{font:.75rem var(--font-mono);color:var(--muted)}
.desktop-shell{display:grid;grid-template-columns:164px minmax(0,1fr);gap:16px;max-width:1780px;margin:auto;height:calc(100dvh - 170px);padding:16px 24px}
.fabric-rail{min-width:0;padding-top:12px}
.fabric-rail>.eyebrow{padding-left:12px;font-size:.75rem;letter-spacing:.08em}
.fabric-rail .txf-plane-nav{width:100%;padding:0;border:0;background:transparent;gap:8px}
.fabric-rail .txf-plane-nav__item{width:100%;min-height:48px;font-size:.875rem;gap:12px;text-align:left}
.fabric-rail .txf-plane-nav__item--active{background:var(--surface-green);box-shadow:inset 2px 0 var(--emerald)}
.fabric-rail-note{padding:24px 12px;color:var(--muted);font:.75rem/1.8 var(--font-mono)}
.app-window{min-width:0;background:var(--window);border-radius:var(--radius-lg)}
.app-grid,.app-window[data-current-view="overview"] .app-grid{grid-template-columns:1fr}
.sidebar{display:none}.content-shell{background:var(--window)}
.eyebrow{color:var(--emerald-bright)}
.setup-card,.system-panel,.fabric-card{background:linear-gradient(145deg,var(--surface),var(--window));border-color:var(--line);border-radius:var(--radius)}
.setup-steps,.browser-details,.thoxkey-lineup{background:var(--window);border-color:var(--line)}
.setup-steps li>span{color:var(--muted);border-color:var(--line);background:var(--surface)}
.setup-steps li:not(:last-child)::after{background:var(--line)}
.setup-card li::before{border-color:var(--muted)}
.setup-action-band{border-color:var(--line-green);background:linear-gradient(100deg,var(--surface-green),transparent)}
.button-primary{color:var(--emerald-ink);background:var(--thox-color-brand-primary);box-shadow:0 0 18px color-mix(in srgb,var(--emerald) 16%,transparent)}
.button-primary:hover{background:var(--thox-color-brand-hover)}
.button-primary:active{background:var(--thox-color-brand-active)}
.button-secondary,.compute-model-option,.composer,.composer textarea,.message,.profile-options{background:var(--surface)}
.compute-model-option.is-selected{border-color:var(--emerald);background:var(--surface-green);box-shadow:inset 2px 0 var(--emerald)}
.message-user{border-color:var(--line-green)}
.profile-options button[aria-pressed="true"],.profile-options button:hover{background:var(--surface-green);border-color:var(--line-green)}
.app-dock{background:linear-gradient(150deg,var(--surface-2),var(--window));border-color:var(--line-green)}
.dock-tile{background:linear-gradient(145deg,var(--surface-2),var(--window));border-color:var(--line)}
.dock-item.is-active .dock-tile{background:var(--surface-green);border-color:var(--emerald)}
.session-pipeline{margin-top:24px;padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--window)}
.session-pipeline .section-heading{margin-bottom:20px}.session-pipeline h3{margin:4px 0 0;font-size:1.125rem}
.session-pipeline ol{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;list-style:none;margin:0;padding:0}
.session-pipeline li{position:relative;padding:16px 12px;border-top:1px solid var(--line-green);background:var(--surface)}
.session-pipeline li>span{display:block;color:var(--emerald-bright);font:.75rem var(--font-mono);margin-bottom:12px}
.session-pipeline strong,.session-pipeline small{display:block;font-size:.875rem}.session-pipeline small{margin-top:6px;color:var(--muted)}
.session-pipeline>p{margin:16px 0 0;color:var(--muted);font-size:.875rem}
.hardware-dimensions{margin-top:8px!important}
.model-personas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 24px}
.model-personas button{display:grid;grid-template-columns:24px 1fr;gap:8px 12px;align-content:start;padding:20px;text-align:left;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(150deg,var(--surface-2),var(--window));cursor:pointer;min-height:112px}
.model-personas button>span{grid-row:span 2;color:var(--emerald-bright);font:.875rem var(--font-mono)}
.model-personas strong{font-size:1rem;color:var(--text)}.model-personas small{font-size:.875rem;color:var(--muted)}
.model-personas button[aria-pressed="true"]{border-color:var(--emerald);background:var(--surface-green);box-shadow:inset 0 2px var(--emerald)}
.platform-map{margin-top:24px;padding:24px;border:1px solid var(--line);border-radius:var(--radius)}
.platform-map>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}
.platform-map article{padding:16px;border:1px solid var(--line-green);border-radius:var(--radius);background:var(--surface)}
.platform-map h4{font-size:1.25rem;margin:0 0 8px;color:var(--text)}.platform-map p{font-size:.875rem;color:var(--muted);margin-bottom:8px}.platform-map article>span{font-size:.75rem;color:var(--amber)}
.fabric-coverage{margin-top:24px;border:1px solid var(--line);border-radius:var(--radius);padding:20px;background:var(--window)}
.fabric-coverage summary{display:flex;gap:16px;justify-content:space-between;cursor:pointer;font-size:1rem;color:var(--text)}.fabric-coverage summary span{color:var(--emerald-bright);font-size:.875rem}.fabric-coverage>p{margin:16px 0;color:var(--muted);font-size:.875rem}
.coverage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.coverage-grid article{border-top:1px solid var(--line);padding-top:16px}.coverage-grid h4{margin:0 0 8px;color:var(--text)}.coverage-grid span{font:.75rem var(--font-mono);color:var(--emerald-bright)}.coverage-grid p{color:var(--muted);font-size:.875rem;margin:8px 0}
.fabric-panel{min-width:0;height:100%;overflow:auto;padding:32px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--window)}
.fabric-panel>h2{font-size:clamp(1.75rem,3vw,2.5rem);line-height:1.15;margin-bottom:16px}.fabric-panel>p{max-width:75ch;color:var(--muted)}
.fabric-card{border:1px solid var(--line);padding:24px;margin:20px 0}.fabric-card h3{font-size:1.25rem;margin:12px 0}.fabric-card p{color:var(--muted);font-size:1rem}.fabric-card dl{font-size:.875rem;margin:24px 0}.fabric-card dl>div{display:flex;justify-content:space-between;gap:16px;padding:8px 0;border-bottom:1px solid var(--line)}.fabric-card dd{margin:0;text-align:right}
.fabric-status{display:inline-block;color:var(--muted);font:.875rem var(--font-mono);border:1px solid var(--line);padding:8px 12px;border-radius:var(--radius)}
.fabric-device-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.fabric-device-grid .fabric-card{margin-top:0}.fabric-device-image{width:100%;height:auto;aspect-ratio:2.7;object-fit:cover;object-position:center 52%}.fabric-device-grid thox-runtime-panel{display:block;margin-bottom:24px}
.memory-tiers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:24px}.memory-tiers article{padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.memory-tiers span{color:var(--emerald-bright);font:.875rem var(--font-mono)}.memory-tiers h3{font-size:1rem;margin:16px 0 8px}.memory-tiers p{color:var(--muted);font-size:.875rem;margin:0}
.plane-command-result{padding:12px 16px;border-left:2px solid var(--line-green);background:var(--surface);font-size:.875rem}
thox-app-grid{display:block;margin-top:24px}.txf-app__title,.txf-launcher__heading{font-size:1rem}.txf-app__desc,.txf-app__reason,.txf-card__meta,.txf-card__body{font-size:.875rem;line-height:1.6}
#command-palette{width:min(560px,calc(100vw - 32px));max-height:80dvh;margin:auto;padding:24px;color:var(--text);background:var(--surface);border:1px solid var(--line-green);border-radius:var(--radius-lg);box-shadow:0 24px 100px color-mix(in srgb,var(--black) 85%,transparent)}
#command-palette::backdrop{background:color-mix(in srgb,var(--black) 80%,transparent);backdrop-filter:blur(8px)}
.command-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.command-header h2{font-size:1.25rem;margin:0}.command-header button{width:44px;height:44px;border:1px solid var(--line);border-radius:var(--radius);background:var(--window);font-size:1.5rem;cursor:pointer}
#command-search{width:100%;min-height:48px;padding:12px;border:1px solid var(--line);border-radius:var(--radius);color:var(--text);background:var(--window);font:1rem var(--font-ui)}
#command-count,.command-hint{margin:12px 0;color:var(--muted);font:.75rem/1.6 var(--font-mono)}
#command-results{display:grid;gap:4px;max-height:48dvh;overflow:auto}
.command-result{display:flex;justify-content:space-between;align-items:center;min-height:48px;text-align:left;padding:12px;border:1px solid transparent;border-radius:var(--radius);background:transparent;cursor:pointer;font-size:.875rem}.command-result small{color:var(--muted)}.command-result:hover,.command-result:focus-visible{background:var(--surface-green);border-color:var(--emerald)}
.thoxy-visit{animation-duration:var(--thox-motion-duration-slow)}
.view-enter{animation-duration:var(--thox-motion-duration-fast)}
@media(max-width:1100px){.system-bar{gap:12px;padding:0 20px}.header-check{display:none}.profile-name{display:none}.desktop-shell{grid-template-columns:140px minmax(0,1fr);gap:12px;padding:16px}.fabric-rail .txf-plane-nav__item{padding-left:8px;padding-right:8px}.setup-intro{gap:12px}.device-peek{width:210px}.session-pipeline ol{gap:8px}.session-pipeline li{padding:12px 8px}.coverage-grid{grid-template-columns:1fr 1fr}.memory-tiers{grid-template-columns:1fr 1fr}}
@media(min-width:768px) and (max-width:900px){body{padding-top:64px;padding-bottom:116px}.system-bar{height:64px;flex-wrap:nowrap;align-content:normal}.desktop-shell{height:auto;min-height:calc(100dvh - 180px)}.fabric-panel{height:auto;overflow:visible}.fabric-rail{position:sticky;top:80px;align-self:start}.view{min-height:500px}}
@media(max-width:767px){body{padding-top:64px;padding-bottom:calc(92px + env(safe-area-inset-bottom));overflow:auto}.system-bar{height:64px;flex-wrap:nowrap;padding:0 16px;gap:10px;align-content:normal}.system-brand strong{font-size:1.2rem}.system-brand img{display:none}.fabric-breadcrumb{margin:0 auto 0 0}.fabric-breadcrumb>span{border:0;padding:0}.fabric-breadcrumb strong{display:none}.preview-state{display:none}#open-commands{padding:0 10px}#open-commands kbd{display:none}.desktop-shell{height:auto;min-height:0;display:flex;flex-direction:column;gap:12px;padding:12px}.fabric-rail{position:fixed;z-index:200;bottom:0;left:0;right:0;padding:0 8px env(safe-area-inset-bottom);background:var(--window);border-top:1px solid var(--line)}.fabric-rail>.eyebrow,.fabric-rail-note{display:none}.fabric-rail .txf-plane-nav{flex-direction:row;justify-content:space-between;gap:0;padding:8px 0;min-height:76px;overflow:visible}.fabric-rail .txf-plane-nav__item{width:auto;min-width:44px;min-height:52px;padding:4px;gap:6px;font-size:.875rem}.fabric-rail .txf-plane-nav__item--active{box-shadow:inset 0 -2px var(--emerald)}.fabric-rail .txf-plane-nav__label{font-size:.875rem}.fabric-rail .txf-plane-nav__overflow{display:flex}.fabric-rail .txf-plane-nav__menu{min-width:160px;background:var(--surface);z-index:5}.app-window{height:auto;min-height:0}.app-dock{position:static;transform:none;order:-1;margin:0;width:100%;max-width:none;align-self:stretch;border-radius:var(--radius);padding:4px;box-shadow:none}.dock-track{justify-content:flex-start;width:100%;overflow-x:auto}.dock-item{min-width:74px;flex:1}.dock-tile{width:36px;height:36px}.dock-tile .app-glyph{width:23px;height:23px}.dock-name{font-size:.875rem}.dock-marker{display:none}.dock-item:hover{transform:none}.fabric-panel{height:auto;overflow:visible;padding:24px 16px;min-height:60dvh}.fabric-device-grid{grid-template-columns:1fr;gap:0}.session-pipeline{padding:16px}.session-pipeline ol{grid-template-columns:1fr 1fr;gap:12px}.session-pipeline li:last-child{grid-column:1/-1}.model-personas{gap:8px}.model-personas button{padding:16px 12px;grid-template-columns:1fr}.model-personas button>span{grid-row:auto}.model-personas strong{font-size:.875rem}.model-personas small{font-size:.75rem}.platform-map{padding:16px}.platform-map>div{grid-template-columns:1fr;gap:12px}.fabric-card{padding:20px}.workspace-footer small{display:none}.thoxy-visit[data-corner^="bottom"]{bottom:calc(96px + env(safe-area-inset-bottom))}}
@media(max-width:390px){.fabric-rail{padding-left:4px;padding-right:4px}.fabric-rail .txf-plane-nav__item{padding:2px;min-width:44px}.fabric-rail .txf-plane-nav__label{font-size:.875rem}.model-personas{grid-template-columns:1fr}.model-personas button{grid-template-columns:24px 1fr;min-height:88px}.model-personas small{font-size:.875rem;grid-column:2}.coverage-grid,.memory-tiers{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition-duration:0ms!important;scroll-behavior:auto!important}}