.gallery-hero{
  padding-block:var(--mw-space-5) var(--mw-space-7);
  overflow:hidden;
  background:var(--mw-paper);
  border-bottom:1px solid var(--mw-line)
}

.gallery-hero__layout{
  margin-top:var(--mw-space-4);
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  align-items:center;
  gap:var(--mw-space-5)
}

.gallery-hero__layout>*{
  min-width:0
}

.gallery-hero__copy .p-page-hero__title{
  max-width:760px;
  font-size:var(--mw-size-3xl)
}

.gallery-hero__copy .p-page-hero__copy{
  max-width:680px;
  margin-top:var(--mw-space-3);
  color:var(--mw-ink-soft);
  font-size:var(--mw-size-lg)
}

.gallery-hero__actions{
  margin-top:var(--mw-space-4);
  display:flex;
  flex-wrap:wrap;
  gap:var(--mw-space-2)
}

.gallery-hero__facts{
  margin-top:var(--mw-space-3);
  display:flex;
  flex-wrap:wrap;
  gap:var(--mw-space-2) var(--mw-space-3);
  color:var(--mw-muted);
  font-size:var(--mw-size-sm)
}

.gallery-hero__facts li{
  min-width:0;
  display:flex;
  align-items:center;
  gap:var(--mw-space-1)
}

.gallery-hero__facts .c-dot{
  color:var(--mw-primary)
}

.gallery-hero__visual{
  min-width:0
}

.gallery-window{
  max-width:100%;
  overflow:hidden;
  border:1px solid var(--mw-line-strong);
  border-radius:var(--mw-radius-lg);
  background:var(--mw-white);
  box-shadow:var(--mw-shadow)
}

.gallery-window__bar{
  min-height:52px;
  padding-inline:var(--mw-space-2);
  border-bottom:1px solid var(--mw-line);
  display:flex;
  align-items:center;
  gap:var(--mw-space-1);
  background:var(--mw-surface)
}

.gallery-window__bar>span{
  width:8px;
  height:8px;
  flex:0 0 auto;
  border:1px solid var(--mw-line-strong);
  border-radius:50%;
  background:var(--mw-white)
}

.gallery-window__bar>strong{
  min-width:0;
  margin-left:var(--mw-space-1);
  overflow:hidden;
  color:var(--mw-muted);
  font-family:var(--mw-mono);
  font-size:var(--mw-size-xs);
  text-overflow:ellipsis;
  white-space:nowrap
}

.gallery-window__bar>em{
  margin-left:auto;
  flex:0 0 auto;
  font-style:normal
}

.gallery-window__canvas{
  min-height:430px;
  padding:var(--mw-space-4);
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
  align-items:center;
  gap:var(--mw-space-3);
  background:var(--mw-paper)
}

.gallery-window__canvas>*{
  min-width:0
}

.gallery-window__rack{
  padding:var(--mw-space-3);
  border:1px solid var(--mw-line-strong);
  border-radius:var(--mw-radius-md);
  display:grid;
  gap:var(--mw-space-2);
  background:var(--mw-surface)
}

.gallery-mini{
  position:relative;
  min-height:84px;
  padding:var(--mw-space-2);
  border:1px solid var(--mw-line-strong);
  border-radius:var(--mw-radius-sm);
  display:flex;
  align-items:flex-end;
  background:var(--mw-white)
}

.gallery-mini--active{
  border-color:var(--mw-primary);
  box-shadow:inset 4px 0 0 var(--mw-primary)
}

.gallery-mini__slot{
  position:absolute;
  top:var(--mw-space-2);
  left:var(--mw-space-2);
  width:42%;
  height:4px;
  border-radius:999px;
  background:var(--mw-line-strong)
}

.gallery-mini__light{
  position:absolute;
  right:var(--mw-space-2);
  bottom:var(--mw-space-2);
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--mw-success)
}

.gallery-mini b{
  font-family:var(--mw-mono);
  font-size:var(--mw-size-xs)
}

.gallery-window__panel{
  padding:var(--mw-space-3);
  border:1px solid var(--mw-line-strong);
  border-radius:var(--mw-radius-md);
  background:var(--mw-white)
}

.gallery-window__panel dl{
  margin:var(--mw-space-3) 0 0;
  display:grid;
  gap:var(--mw-space-2)
}

.gallery-window__panel dl div{
  padding-bottom:var(--mw-space-1);
  border-bottom:1px solid var(--mw-line)
}

.gallery-window__panel dl div:last-child{
  padding-bottom:0;
  border-bottom:0
}

.gallery-window__panel dt{
  color:var(--mw-muted);
  font-size:var(--mw-size-xs)
}

.gallery-window__panel dd{
  margin:var(--mw-space-1) 0 0;
  font-family:var(--mw-mono);
  font-size:var(--mw-size-xs);
  overflow-wrap:anywhere
}

.gallery-status{
  color:var(--mw-success);
  font-family:var(--mw-mono);
  font-weight:700
}

.gallery-caption{
  margin:var(--mw-space-2) 0 0;
  color:var(--mw-muted);
  font-size:var(--mw-size-xs);
  text-align:center
}

.hardware-gallery{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--mw-space-3)
}

.hardware-gallery>*{
  min-width:0
}

.hardware-card--wide{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  align-items:center;
  gap:var(--mw-space-4)
}

.hardware-card__visual{
  min-height:340px;
  padding:var(--mw-space-4);
  border:1px solid var(--mw-line);
  border-radius:var(--mw-radius-md);
  display:grid;
  place-items:center;
  background:var(--mw-surface)
}

.hardware-outline{
  width:min(100%,360px);
  color:var(--mw-accent)
}

.hardware-outline__top{
  position:relative;
  min-height:190px;
  border:2px solid currentColor;
  border-radius:var(--mw-radius-lg);
  display:grid;
  place-items:center;
  background:var(--mw-white);
  transform:perspective(800px) rotateX(54deg) rotateZ(-18deg)
}

.hardware-outline__top svg{
  width:74px;
  height:74px
}

.hardware-outline__base{
  min-height:64px;
  margin-top:var(--mw-space-2);
  padding-inline:var(--mw-space-2);
  border:2px solid currentColor;
  border-radius:var(--mw-radius-md);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--mw-space-2);
  background:var(--mw-white);
  font-family:var(--mw-mono);
  font-size:var(--mw-size-xs)
}

.hardware-outline__base i{
  width:9px;
  height:9px;
  flex:0 0 auto;
  border-radius:50%;
  background:var(--mw-success)
}

.hardware-card__body p{
  margin-top:var(--mw-space-2);
  color:var(--mw-muted)
}

.gallery-checklist{
  margin-top:var(--mw-space-3);
  display:grid;
  gap:var(--mw-space-1)
}

.gallery-checklist li{
  position:relative;
  padding-left:var(--mw-space-3);
  color:var(--mw-ink-soft);
  font-size:var(--mw-size-sm)
}

.gallery-checklist li::before{
  position:absolute;
  top:.7em;
  left:0;
  width:10px;
  height:5px;
  border-left:1.5px solid var(--mw-primary);
  border-bottom:1.5px solid var(--mw-primary);
  content:"";
  transform:rotate(-45deg)
}

.node-label{
  margin-bottom:var(--mw-space-3);
  padding:var(--mw-space-3);
  border:1px solid var(--mw-ink);
  border-radius:var(--mw-radius-sm);
  background:var(--mw-paper);
  font-family:var(--mw-mono)
}

.node-label__head{
  display:flex;
  justify-content:space-between;
  gap:var(--mw-space-2);
  color:var(--mw-muted);
  font-size:var(--mw-size-xs)
}

.node-label>strong{
  margin-block:var(--mw-space-3);
  display:block;
  font-size:var(--mw-size-xl);
  letter-spacing:-.04em
}

.node-label dl{
  margin:0;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--mw-space-2)
}

.node-label dl div{
  min-width:0
}

.node-label dt{
  color:var(--mw-muted);
  font-size:var(--mw-size-xs)
}

.node-label dd{
  margin:var(--mw-space-1) 0 0;
  font-size:var(--mw-size-xs);
  overflow-wrap:anywhere
}

.rack-abstract{
  margin-bottom:var(--mw-space-3);
  padding:var(--mw-space-3);
  border:1px solid var(--mw-line-strong);
  border-radius:var(--mw-radius-md);
  display:grid;
  gap:var(--mw-space-1);
  background:var(--mw-surface)
}

.rack-abstract div{
  min-width:0;
  min-height:58px;
  padding-inline:var(--mw-space-2);
  border:1px solid var(--mw-line);
  border-radius:var(--mw-radius-sm);
  display:grid;
  grid-template-columns:minmax(0,1fr) 10px auto;
  align-items:center;
  gap:var(--mw-space-2);
  background:var(--mw-white);
  font-family:var(--mw-mono);
  font-size:var(--mw-size-xs)
}

.rack-abstract i{
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--mw-success)
}

.rack-abstract b{
  color:var(--mw-success);
  font-size:var(--mw-size-xs)
}

.portal-frame{
  max-width:100%;
  overflow:hidden;
  border:1px solid var(--mw-line-strong);
  border-radius:var(--mw-radius-lg);
  background:var(--mw-white);
  box-shadow:var(--mw-shadow)
}

.portal-frame__top{
  min-height:64px;
  padding-inline:var(--mw-space-3);
  border-bottom:1px solid var(--mw-line);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--mw-space-2);
  background:var(--mw-paper)
}

.portal-frame__brand{
  min-width:0;
  display:flex;
  align-items:center;
  gap:var(--mw-space-2)
}

.portal-frame__mark{
  width:36px;
  height:36px;
  flex:0 0 auto;
  border-radius:var(--mw-radius-sm);
  display:grid;
  place-items:center;
  background:var(--mw-primary);
  color:var(--mw-white);
  font-family:var(--mw-heading);
  font-size:var(--mw-size-xs);
  font-weight:700
}

.portal-frame__layout{
  display:grid;
  grid-template-columns:minmax(200px,.28fr) minmax(0,.72fr)
}

.portal-frame__layout>*{
  min-width:0
}

.portal-frame__steps{
  padding:var(--mw-space-3);
  border-right:1px solid var(--mw-line);
  background:var(--mw-surface)
}

.portal-frame__steps ol{
  display:grid;
  gap:var(--mw-space-1)
}

.portal-frame__steps li{
  min-width:0;
  padding:var(--mw-space-2);
  border:1px solid transparent;
  border-radius:var(--mw-radius-sm);
  display:flex;
  align-items:center;
  gap:var(--mw-space-2)
}

.portal-frame__steps li.is-current{
  border-color:var(--mw-primary);
  background:var(--mw-white)
}

.portal-frame__steps li>span{
  width:28px;
  height:28px;
  flex:0 0 auto;
  border:1px solid var(--mw-line-strong);
  border-radius:50%;
  display:grid;
  place-items:center;
  font-family:var(--mw-mono);
  font-size:var(--mw-size-xs)
}

.portal-frame__steps li.is-current>span{
  border-color:var(--mw-primary);
  background:var(--mw-primary);
  color:var(--mw-white)
}

.portal-frame__steps li div{
  min-width:0;
  display:grid
}

.portal-frame__steps strong{
  font-size:var(--mw-size-sm)
}

.portal-frame__steps small{
  color:var(--mw-muted);
  font-size:var(--mw-size-xs)
}

.portal-frame__content{
  min-width:0;
  padding:var(--mw-space-4)
}

.portal-frame__heading{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--mw-space-3)
}

.portal-frame__heading small,
.portal-frame__heading>span{
  color:var(--mw-muted);
  font-family:var(--mw-mono);
  font-size:var(--mw-size-xs)
}

.portal-frame__heading h3{
  margin-top:var(--mw-space-1)
}

.portal-models{
  margin-top:var(--mw-space-3);
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--mw-space-2)
}

.portal-model{
  min-width:0;
  padding:var(--mw-space-2);
  border:1px solid var(--mw-line-strong);
  border-radius:var(--mw-radius-sm)
}

.portal-model.is-selected{
  border-color:var(--mw-primary);
  background:var(--mw-primary-soft)
}

.portal-model>div{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--mw-space-1)
}

.portal-model strong{
  font-family:var(--mw-heading)
}

.portal-model p{
  margin:var(--mw-space-1) 0 0;
  color:var(--mw-muted);
  font-family:var(--mw-mono);
  font-size:var(--mw-size-xs)
}

.portal-summary{
  margin-top:var(--mw-space-3);
  padding:var(--mw-space-3);
  border:1px solid var(--mw-line);
  border-radius:var(--mw-radius-md);
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--mw-space-3);
  background:var(--mw-paper)
}

.portal-summary>div{
  min-width:0;
  display:grid
}

.portal-summary span{
  color:var(--mw-muted);
  font-size:var(--mw-size-xs)
}

.portal-summary strong{
  margin-top:var(--mw-space-1);
  font-family:var(--mw-mono);
  font-size:var(--mw-size-sm)
}

.portal-summary small{
  margin-top:var(--mw-space-1);
  color:var(--mw-muted);
  font-size:var(--mw-size-xs)
}

.portal-frame__footer{
  margin-top:var(--mw-space-3);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--mw-space-3)
}

.portal-frame__footer p{
  margin:0;
  color:var(--mw-muted);
  font-size:var(--mw-size-xs)
}

.portal-button{
  min-height:44px;
  padding:.65rem 1.125rem;
  border:1px solid var(--mw-primary);
  border-radius:var(--mw-radius-sm);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:var(--mw-primary);
  color:var(--mw-white);
  font-size:var(--mw-size-sm);
  font-weight:600;
  text-align:center
}

.desktop-scene{
  max-width:100%;
  overflow:hidden;
  border:1px solid var(--mw-line-strong);
  border-radius:var(--mw-radius-lg);
  background:var(--mw-white);
  box-shadow:var(--mw-shadow)
}

.desktop-scene__menu{
  min-height:54px;
  padding-inline:var(--mw-space-2);
  border-bottom:1px solid var(--mw-line);
  display:flex;
  align-items:center;
  gap:var(--mw-space-2);
  background:var(--mw-paper)
}

.desktop-scene__dots{
  display:flex;
  gap:var(--mw-space-1)
}

.desktop-scene__dots span{
  width:8px;
  height:8px;
  border:1px solid var(--mw-line-strong);
  border-radius:50%
}

.desktop-scene__menu strong{
  min-width:0;
  overflow:hidden;
  font-family:var(--mw-mono);
  font-size:var(--mw-size-xs);
  text-overflow:ellipsis;
  white-space:nowrap
}

.desktop-scene__metrics{
  margin-left:auto;
  display:flex;
  gap:var(--mw-space-2);
  color:var(--mw-muted);
  font-family:var(--mw-mono);
  font-size:var(--mw-size-xs)
}

.desktop-scene__grid{
  display:grid;
  grid-template-columns:minmax(150px,.2fr) minmax(0,.55fr) minmax(180px,.25fr);
  grid-template-rows:minmax(390px,auto) minmax(180px,auto)
}

.desktop-scene__grid>*{
  min-width:0
}

.desktop-panel__title{
  min-height:38px;
  padding-inline:var(--mw-space-2);
  border-bottom:1px solid var(--mw-line);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--mw-space-2);
  color:var(--mw-muted);
  font-family:var(--mw-mono);
  font-size:var(--mw-size-xs)
}

.project-panel{
  grid-row:1/3;
  border-right:1px solid var(--mw-line);
  background:var(--mw-paper)
}

.project-panel ul{
  padding:var(--mw-space-2)
}

.project-panel li{
  min-width:0;
  padding:.45rem;
  display:flex;
  align-items:center;
  gap:var(--mw-space-1);
  color:var(--mw-muted);
  font-family:var(--mw-mono);
  font-size:var(--mw-size-xs);
  overflow-wrap:anywhere
}

.project-panel li.is-open{
  color:var(--mw-ink)
}

.editor-panel{
  border-right:1px solid var(--mw-line);
  background:var(--mw-white)
}

.desktop-tabs{
  min-height:38px;
  border-bottom:1px solid var(--mw-line);
  display:flex;
  overflow-x:auto
}

.desktop-tabs span{
  padding:.55rem var(--mw-space-2);
  border-right:1px solid var(--mw-line);
  color:var(--mw-muted);
  font-family:var(--mw-mono);
  font-size:var(--mw-size-xs);
  white-space:nowrap
}

.desktop-tabs span.is-active{
  border-top:2px solid var(--mw-primary);
  background:var(--mw-paper);
  color:var(--mw-ink)
}

.code-lines{
  padding:var(--mw-space-3) var(--mw-space-3) var(--mw-space-3) var(--mw-space-5);
  counter-reset:code-line;
  overflow-x:auto;
  color:var(--mw-ink-soft);
  font-family:var(--mw-mono);
  font-size:var(--mw-size-sm);
  line-height:1.9;
  white-space:nowrap
}

.code-lines li{
  list-style:decimal;
  padding-left:var(--mw-space-1)
}

.code-lines span{
  color:var(--mw-primary)
}

.code-lines em{
  color:var(--mw-success);
  font-style:normal
}

.code-lines strong{
  color:var(--mw-accent);
  font-weight:500
}

.monitor-panel{
  background:var(--mw-paper)
}

.monitor-stat{
  padding:var(--mw-space-2);
  border-bottom:1px solid var(--mw-line)
}

.monitor-stat>div{
  display:flex;
  justify-content:space-between;
  gap:var(--mw-space-2);
  font-family:var(--mw-mono);
  font-size:var(--mw-size-xs)
}

.monitor-stat>i{
  height:6px;
  margin-top:var(--mw-space-1);
  border-radius:999px;
  display:block;
  overflow:hidden;
  background:var(--mw-line)
}

.monitor-bar{
  height:100%;
  display:block;
  border-radius:inherit;
  background:var(--mw-primary)
}

.monitor-bar--cpu{
  width:38%
}

.monitor-bar--memory{
  width:60%;
  background:var(--mw-accent)
}

.monitor-bar--disk{
  width:47%;
  background:var(--mw-teal)
}

.monitor-chart{
  padding:var(--mw-space-3);
  color:var(--mw-primary)
}

.monitor-chart svg path:first-child{
  color:var(--mw-line)
}

.terminal-panel{
  grid-column:2/4;
  border-top:1px solid var(--mw-line);
  background:var(--mw-ink)
}

.terminal-panel .desktop-panel__title{
  border-color:var(--mw-ink-soft);
  color:var(--mw-paper)
}

.terminal-panel pre{
  border:0;
  border-radius:0;
  color:var(--mw-paper);
  font-size:var(--mw-size-xs);
  line-height:1.8
}

.desktop-notes{
  margin-top:var(--mw-space-4);
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--mw-space-3)
}

.desktop-notes>*{
  min-width:0
}

.desktop-notes article{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--mw-space-2)
}

.desktop-notes article>span{
  color:var(--mw-primary);
  font-family:var(--mw-mono);
  font-size:var(--mw-size-sm)
}

.desktop-notes p{
  margin-top:var(--mw-space-1);
  color:var(--mw-muted);
  font-size:var(--mw-size-sm)
}

.pipeline-flow{
  position:relative;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:var(--mw-space-2)
}

.pipeline-flow::before{
  position:absolute;
  top:43px;
  right:8%;
  left:8%;
  height:1px;
  background:var(--mw-line-strong);
  content:""
}

.pipeline-step{
  position:relative;
  min-width:0;
  padding:var(--mw-space-3);
  border:1px solid var(--mw-line-strong);
  border-radius:var(--mw-radius-md);
  background:var(--mw-white)
}

.pipeline-step--active{
  border-color:var(--mw-primary);
  box-shadow:inset 0 4px 0 var(--mw-primary)
}

.pipeline-step__index{
  position:absolute;
  top:var(--mw-space-2);
  right:var(--mw-space-2);
  color:var(--mw-muted);
  font-family:var(--mw-mono);
  font-size:var(--mw-size-xs)
}

.pipeline-step h3{
  margin-top:var(--mw-space-3)
}

.pipeline-step p{
  margin-top:var(--mw-space-2);
  color:var(--mw-muted);
  font-size:var(--mw-size-sm)
}

.pipeline-step dl{
  margin:var(--mw-space-3) 0 0;
  padding-top:var(--mw-space-2);
  border-top:1px solid var(--mw-line);
  display:grid;
  gap:var(--mw-space-1);
  font-family:var(--mw-mono);
  font-size:var(--mw-size-xs)
}

.pipeline-step dl div{
  display:flex;
  justify-content:space-between;
  gap:var(--mw-space-2)
}

.pipeline-step dt{
  color:var(--mw-muted)
}

.pipeline-step dd{
  margin:0;
  text-align:right;
  overflow-wrap:anywhere
}

.pipeline-evidence{
  margin-top:var(--mw-space-4);
  padding:var(--mw-space-3);
  border:1px solid var(--mw-line-strong);
  border-radius:var(--mw-radius-md);
  display:grid;
  grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);
  align-items:center;
  gap:var(--mw-space-4);
  background:var(--mw-paper)
}

.pipeline-evidence>div{
  min-width:0;
  display:grid;
  gap:var(--mw-space-2)
}

.pipeline-evidence>div .c-badge{
  width:max-content;
  max-width:100%
}

.pipeline-evidence ul{
  min-width:0;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--mw-space-1)
}

.pipeline-evidence li{
  padding:var(--mw-space-1);
  border:1px solid var(--mw-line);
  border-radius:var(--mw-radius-sm);
  background:var(--mw-white);
  color:var(--mw-ink-soft);
  font-family:var(--mw-mono);
  font-size:var(--mw-size-xs);
  text-align:center
}

.ai-workspace{
  max-width:100%;
  overflow:hidden;
  border:1px solid var(--mw-line-strong);
  border-radius:var(--mw-radius-lg);
  display:grid;
  grid-template-columns:minmax(180px,.24fr) minmax(0,.46fr) minmax(220px,.3fr);
  grid-template-rows:minmax(320px,auto) minmax(210px,auto);
  background:var(--mw-white);
  box-shadow:var(--mw-shadow)
}

.ai-workspace>*{
  min-width:0
}

.ai-panel__head{
  min-height:42px;
  padding-inline:var(--mw-space-2);
  border-bottom:1px solid var(--mw-line);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--mw-space-2);
  color:var(--mw-muted);
  font-family:var(--mw-mono);
  font-size:var(--mw-size-xs)
}

.ai-panel__head span{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}

.ai-files{
  grid-row:1/3;
  border-right:1px solid var(--mw-line);
  background:var(--mw-paper)
}

.ai-files ul{
  padding:var(--mw-space-2)
}

.ai-files li{
  min-width:0;
  padding:.45rem;
  display:flex;
  align-items:center;
  gap:var(--mw-space-1);
  color:var(--mw-muted);
  font-family:var(--mw-mono);
  font-size:var(--mw-size-xs);
  overflow-wrap:anywhere
}

.ai-files li.is-folder{
  color:var(--mw-ink)
}

.ai-terminal{
  border-right:1px solid var(--mw-line);
  background:var(--mw-ink)
}

.ai-terminal .ai-panel__head{
  border-color:var(--mw-ink-soft);
  color:var(--mw-paper)
}

.ai-terminal pre{
  border:0;
  border-radius:0;
  font-size:var(--mw-size-xs);
  line-height:1.9
}

.ai-observer{
  background:var(--mw-white)
}

.ai-observer__stats{
  padding:var(--mw-space-2);
  display:grid;
  gap:var(--mw-space-1)
}

.ai-observer__stats div{
  padding:var(--mw-space-1);
  border:1px solid var(--mw-line);
  border-radius:var(--mw-radius-sm);
  display:flex;
  justify-content:space-between;
  gap:var(--mw-space-2);
  font-family:var(--mw-mono);
  font-size:var(--mw-size-xs)
}

.ai-observer__stats span{
  color:var(--mw-muted)
}

.ai-observer__chart{
  padding:var(--mw-space-2);
  color:var(--mw-primary)
}

.ai-observer__chart path:first-child{
  color:var(--mw-line)
}

.ai-archive{
  grid-column:2/4;
  border-top:1px solid var(--mw-line);
  background:var(--mw-surface)
}

.ai-archive dl{
  margin:0;
  padding:var(--mw-space-3);
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:var(--mw-space-2)
}

.ai-archive dl div{
  min-width:0;
  padding:var(--mw-space-2);
  border:1px solid var(--mw-line);
  border-radius:var(--mw-radius-sm);
  background:var(--mw-white)
}

.ai-archive dt{
  color:var(--mw-muted);
  font-size:var(--mw-size-xs)
}

.ai-archive dd{
  margin:var(--mw-space-1) 0 0;
  font-family:var(--mw-mono);
  font-size:var(--mw-size-xs);
  overflow-wrap:anywhere
}

.visual-note{
  padding:var(--mw-space-5);
  border:1px solid var(--mw-line-strong);
  border-radius:var(--mw-radius-lg);
  background:var(--mw-surface)
}

.visual-note__heading{
  display:flex;
  align-items:center;
  gap:var(--mw-space-3)
}

.visual-note__heading .mw-kicker{
  margin-bottom:var(--mw-space-1)
}

.visual-note__grid{
  margin-top:var(--mw-space-4);
  padding-top:var(--mw-space-4);
  border-top:1px solid var(--mw-line-strong);
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--mw-space-4)
}

.visual-note__grid>*{
  min-width:0
}

.visual-note__grid p{
  margin-top:var(--mw-space-2);
  color:var(--mw-muted);
  font-size:var(--mw-size-sm)
}

.gallery-final{
  background:var(--mw-white)
}

.gallery-final__card{
  padding:var(--mw-space-5);
  border:1px solid var(--mw-line-strong);
  border-radius:var(--mw-radius-lg);
  display:grid;
  grid-template-columns:minmax(0,1.5fr) minmax(260px,.5fr);
  align-items:center;
  gap:var(--mw-space-5);
  background:var(--mw-paper)
}

.gallery-final__card>*{
  min-width:0
}

.gallery-final__card p{
  max-width:720px;
  margin-top:var(--mw-space-2);
  color:var(--mw-muted)
}

.gallery-final__actions{
  display:grid;
  gap:var(--mw-space-2)
}

@media (min-width:1440px){
  .gallery-window__canvas{
    min-height:470px
  }

  .desktop-scene__grid{
    grid-template-rows:minmax(430px,auto) minmax(190px,auto)
  }
}

@media (max-width:980px){
  .gallery-hero__layout{
    grid-template-columns:1fr
  }

  .gallery-hero__visual{
    max-width:760px
  }

  .portal-models{
    grid-template-columns:1fr
  }

  .desktop-scene__grid{
    grid-template-columns:minmax(140px,.24fr) minmax(0,.76fr);
    grid-template-rows:auto auto auto
  }

  .project-panel{
    grid-row:1/4
  }

  .editor-panel{
    border-right:0
  }

  .monitor-panel{
    border-top:1px solid var(--mw-line)
  }

  .terminal-panel{
    grid-column:2;
    border-top:1px solid var(--mw-line)
  }

  .desktop-notes{
    grid-template-columns:1fr
  }

  .pipeline-flow{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }

  .pipeline-flow::before{
    display:none
  }

  .ai-workspace{
    grid-template-columns:minmax(180px,.3fr) minmax(0,.7fr);
    grid-template-rows:auto auto auto
  }

  .ai-files{
    grid-row:1/4
  }

  .ai-terminal{
    border-right:0
  }

  .ai-observer{
    border-top:1px solid var(--mw-line)
  }

  .ai-archive{
    grid-column:2;
    border-top:1px solid var(--mw-line)
  }

  .ai-archive dl{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }

  .visual-note__grid{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }

  .visual-note__grid article:last-child{
    grid-column:1/-1
  }
}

@media (max-width:768px){
  .gallery-hero{
    padding-block:var(--mw-space-4) var(--mw-space-6)
  }

  .gallery-hero__layout{
    margin-top:var(--mw-space-4);
    gap:var(--mw-space-4)
  }

  .gallery-window__canvas{
    min-height:0;
    grid-template-columns:1fr
  }

  .hardware-card--wide{
    grid-template-columns:1fr
  }

  .portal-frame__layout{
    grid-template-columns:1fr
  }

  .portal-frame__steps{
    border-right:0;
    border-bottom:1px solid var(--mw-line)
  }

  .portal-frame__steps ol{
    grid-template-columns:repeat(4,minmax(0,1fr))
  }

  .portal-frame__steps li{
    padding:var(--mw-space-1);
    align-items:flex-start;
    flex-direction:column
  }

  .portal-frame__steps small{
    display:none
  }

  .portal-frame__content{
    padding:var(--mw-space-3)
  }

  .portal-frame__footer{
    align-items:stretch;
    flex-direction:column
  }

  .portal-button{
    width:100%
  }

  .pipeline-evidence{
    grid-template-columns:1fr
  }

  .gallery-final__card{
    grid-template-columns:1fr;
    gap:var(--mw-space-4)
  }
}

@media (max-width:640px){
  .gallery-hero__copy .p-page-hero__title{
    font-size:var(--mw-size-2xl)
  }

  .gallery-hero__copy .p-page-hero__copy{
    font-size:var(--mw-size-base)
  }

  .gallery-hero__actions{
    align-items:stretch;
    flex-direction:column
  }

  .gallery-hero__actions .c-btn{
    width:100%;
    white-space:normal
  }

  .gallery-window__bar>strong{
    display:none
  }

  .gallery-window__canvas{
    padding:var(--mw-space-2)
  }

  .hardware-gallery{
    grid-template-columns:1fr
  }

  .hardware-card--wide{
    grid-column:auto
  }

  .hardware-card__visual{
    min-height:260px;
    padding:var(--mw-space-2)
  }

  .hardware-outline__top{
    min-height:150px
  }

  .node-label dl{
    grid-template-columns:1fr
  }

  .portal-summary{
    grid-template-columns:1fr
  }

  .desktop-scene__metrics{
    display:none
  }

  .desktop-scene__grid{
    display:block
  }

  .project-panel{
    border-right:0;
    border-bottom:1px solid var(--mw-line)
  }

  .project-panel ul{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr))
  }

  .editor-panel{
    border-bottom:1px solid var(--mw-line)
  }

  .code-lines{
    padding-left:var(--mw-space-4);
    font-size:var(--mw-size-xs)
  }

  .terminal-panel{
    border-top:0
  }

  .pipeline-flow{
    grid-template-columns:1fr
  }

  .pipeline-evidence ul{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }

  .ai-workspace{
    display:block
  }

  .ai-files,
  .ai-terminal,
  .ai-observer,
  .ai-archive{
    border-right:0;
    border-bottom:1px solid var(--mw-line)
  }

  .ai-archive dl{
    grid-template-columns:1fr
  }

  .visual-note{
    padding:var(--mw-space-3)
  }

  .visual-note__heading{
    align-items:flex-start
  }

  .visual-note__grid{
    grid-template-columns:1fr;
    gap:var(--mw-space-3)
  }

  .visual-note__grid article:last-child{
    grid-column:auto
  }

  .gallery-final__card{
    padding:var(--mw-space-3)
  }
}

@media (max-width:390px){
  .gallery-window__bar{
    padding-inline:var(--mw-space-1)
  }

  .gallery-window__bar>em{
    padding:.25rem .4rem
  }

  .portal-frame__top{
    padding-inline:var(--mw-space-2)
  }

  .portal-frame__steps{
    overflow-x:auto
  }

  .portal-frame__steps ol{
    min-width:360px
  }

  .portal-frame__heading{
    align-items:flex-start;
    flex-direction:column
  }

  .project-panel ul{
    grid-template-columns:1fr
  }

  .pipeline-evidence ul{
    grid-template-columns:1fr
  }

  .node-label>strong{
    font-size:var(--mw-size-lg)
  }
}