.wm-page {
  --wm-blue: #77a7ff;
  --wm-violet: #a78bfa;
  --wm-cyan: #51c8d2;
  --wm-panel: #11151b;
  --wm-panel-2: #151a21;
  --wm-line: #27303b;
  padding: 3.5rem 0 1rem;
}

.wm-intro {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(280px, .75fr);
  gap: clamp(2rem, 6vw, 5rem);
  align-items: end;
  margin-bottom: 2.25rem;
}

.wm-intro h1 {
  max-width: 770px;
  font-size: clamp(2.4rem, 5vw, 4.7rem);
  line-height: .99;
  margin-bottom: 1rem;
}

.wm-intro-copy > p {
  max-width: 760px;
  margin: 0;
  color: #a3acb9;
  font-size: clamp(1rem, 1.5vw, 1.16rem);
}

.wm-privacy-note {
  display: flex;
  gap: .9rem;
  padding: 1.05rem 0 1.05rem 1.15rem;
  border-left: 2px solid var(--green);
}

.wm-privacy-mark {
  align-self: flex-start;
  color: var(--green);
  font: 600 .72rem/1 var(--mono);
  letter-spacing: .1em;
  padding-top: .3rem;
}

.wm-privacy-note strong { display: block; font-size: .96rem; }
.wm-privacy-note p { margin: .25rem 0 0; color: var(--muted); font-size: .84rem; line-height: 1.45; }

.wm-shell {
  max-width: 1320px;
}

.wm-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: .8rem 1rem;
  border: 1px solid var(--wm-line);
  border-bottom: 0;
  border-radius: 14px 14px 0 0;
  background: #0e1217;
}

.wm-toolbar,
.wm-workspace {
  --text: #e9edf2;
  --muted: #8a94a3;
  --border: #27303b;
  --card: #14181e;
  --card-top: #181d25;
  --bg2: #111419;
  color: var(--text);
  color-scheme: dark;
}

.wm-toolbar .btn,
.wm-workspace .btn {
  border-color: #34404d;
  background: #171d24;
  color: #edf1f5;
  box-shadow: none;
}

.wm-toolbar .btn:hover,
.wm-workspace .btn:hover {
  border-color: var(--accent);
  background: #1d242d;
}

.wm-workspace .btn-primary {
  border-color: #c2401c;
  background: linear-gradient(180deg, var(--accent2), var(--accent));
  color: #fff;
}

.wm-workspace .btn-primary:hover {
  border-color: #c2401c;
  background: linear-gradient(180deg, #ff8a58, #f0602f);
}

.wm-toolbar-copy { display: flex; align-items: baseline; gap: .75rem; min-width: 0; }
.wm-toolbar-copy strong { font-size: .92rem; }
.wm-toolbar-copy span { color: var(--muted); font: .75rem/1.3 var(--mono); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wm-toolbar-actions { display: flex; gap: .5rem; flex-wrap: wrap; }
.wm-toolbar .btn { padding: .42rem .75rem; font-size: .82rem; }
.wm-file-input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }

.wm-workspace {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(420px, 1.08fr);
  border: 1px solid var(--wm-line);
  border-radius: 0 0 14px 14px;
  background: #0d1014;
  overflow: hidden;
  min-height: 730px;
  box-shadow: 0 25px 70px -42px rgba(0, 0, 0, .95);
}

.wm-input-column { border-right: 1px solid var(--wm-line); }
.wm-panel { padding: 1.35rem; }
.wm-input-column .wm-panel + .wm-panel { border-top: 1px solid var(--wm-line); }
.wm-analysis-panel { min-height: 100%; background: linear-gradient(150deg, rgba(119, 167, 255, .025), transparent 40%); }

.wm-panel-heading { display: flex; gap: .9rem; align-items: flex-start; margin-bottom: 1.1rem; }
.wm-step { color: var(--accent2); font: 600 .74rem/1 var(--mono); padding-top: .4rem; }
.wm-panel-heading h2 { font-size: 1.13rem; margin: 0 0 .18rem; letter-spacing: -.015em; }
.wm-panel-heading p { margin: 0; color: var(--muted); font-size: .82rem; line-height: 1.45; }
.wm-fixture-kit {
  display: grid;
  grid-template-columns: 1fr;
  gap: .85rem;
  align-items: start;
  margin: 0 0 1rem;
  padding: .85rem;
  border: 1px solid var(--wm-line);
  border-radius: 9px;
  background: #0e1217;
}
.wm-fixture-kit strong { display: block; color: #f1f4f7; font-size: .82rem; }
.wm-fixture-kit span { display: block; margin-top: .18rem; color: var(--muted); font-size: .72rem; line-height: 1.4; }
.wm-fixture-controls { display: flex; gap: .45rem; align-items: center; flex-wrap: wrap; justify-content: stretch; }
.wm-fixture-controls select {
  min-width: 180px;
  height: 2.05rem;
  color: var(--text);
  border: 1px solid #34404d;
  border-radius: 6px;
  background: #111a24;
  padding: 0 .55rem;
  font-size: .75rem;
}
.wm-fixture-controls .btn { padding: .4rem .62rem; font-size: .75rem; }
.wm-fixture-controls select { flex: 1 1 180px; }
.wm-fixture-controls .btn { flex: 1 1 126px; }

#wm-input,
.wm-filter-input {
  display: block;
  width: 100%;
  resize: vertical;
  color: var(--text);
  border: 1px solid var(--wm-line);
  border-radius: 9px;
  outline: 0;
  background: #0b0e12;
  font: .8rem/1.58 var(--mono);
  transition: border-color .15s, box-shadow .15s;
}

#wm-input { min-height: 280px; padding: 1rem; }
.wm-filter-input { min-height: 98px; padding: .75rem; }
#wm-input:focus, .wm-filter-input:focus { border-color: var(--accent); box-shadow: 0 0 0 3px rgba(232, 84, 42, .14); }

.wm-input-meta,
.wm-filter-actions,
.wm-preview-heading,
.wm-section-heading,
.wm-export-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.wm-input-meta { margin-top: .6rem; color: var(--muted); font: .7rem/1.4 var(--mono); }
.wm-readiness-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .8rem;
  margin: .85rem 0 .8rem;
}
.wm-readiness-actions .btn { padding: .42rem .7rem; font-size: .78rem; }
.wm-readiness-actions span { color: var(--muted); font: .7rem/1.35 var(--mono); text-align: right; }
.wm-readiness {
  margin: .8rem 0 1rem;
  border: 1px solid var(--wm-line);
  border-radius: 9px;
  overflow: hidden;
  background: #0b0e12;
}
.wm-readiness-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding: .75rem .85rem;
  border-bottom: 1px solid var(--wm-line);
  background: #10161d;
}
.wm-readiness-head strong { display: block; color: #f1f4f7; font-size: .86rem; }
.wm-readiness-head span { display: block; margin-top: .18rem; color: var(--muted); font: .68rem/1.35 var(--mono); }
#wm-readiness-score { color: var(--wm-cyan); font: 700 .78rem/1.3 var(--mono); white-space: nowrap; }
.wm-readiness-metrics {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-bottom: 1px solid var(--wm-line);
}
.wm-readiness-metrics div { padding: .65rem .75rem; background: #0d1116; }
.wm-readiness-metrics div + div { border-left: 1px solid var(--wm-line); }
.wm-readiness-metrics strong { display: block; color: #fff; font: 700 1rem/1.1 var(--font-display); }
.wm-readiness-metrics span { display: block; margin-top: .22rem; color: var(--muted); font: .62rem/1.3 var(--mono); text-transform: uppercase; letter-spacing: .06em; }
.wm-readiness-notes {
  display: grid;
  gap: .38rem;
  margin: 0;
  padding: .72rem .85rem .78rem 1.95rem;
  color: #b5beca;
  font-size: .72rem;
  line-height: 1.45;
}
.wm-readiness-notes li::marker { color: var(--green); }
.wm-source-map {
  margin: -.2rem 0 1rem;
  border: 1px solid var(--wm-line);
  border-radius: 9px;
  overflow: hidden;
  background: #0b0e12;
}
.wm-source-map-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
  padding: .7rem .85rem;
  border-bottom: 1px solid var(--wm-line);
  background: #10161d;
}
.wm-source-map-head strong { color: #f1f4f7; font-size: .82rem; }
.wm-source-map-head span { color: var(--muted); font: .66rem/1.35 var(--mono); text-align: right; }
.wm-source-map-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.wm-source-map-grid section { min-width: 0; padding: .72rem .75rem .78rem; }
.wm-source-map-grid section + section { border-left: 1px solid var(--wm-line); }
.wm-source-map-grid h3 {
  margin: 0 0 .55rem;
  color: #cfd7e1;
  font: 600 .62rem/1 var(--mono);
  letter-spacing: .06em;
  text-transform: uppercase;
}
.wm-source-map-list {
  display: grid;
  gap: .34rem;
}
.wm-source-map-list div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .55rem;
  min-width: 0;
  color: #d9e1eb;
  font-size: .7rem;
}
.wm-source-map-list span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wm-source-map-list strong {
  color: var(--wm-cyan);
  font: 700 .68rem/1 var(--mono);
  font-variant-numeric: tabular-nums;
}
.wm-source-map-empty { color: var(--muted)!important; font-style: italic; }
.wm-filter-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .85rem; }
.wm-filter-grid label { display: block; margin-bottom: .42rem; font-size: .82rem; font-weight: 600; }
.wm-filter-grid small { display: block; color: var(--muted); font-size: .71rem; line-height: 1.4; margin-top: .4rem; }
.wm-filter-grid code { font-family: var(--mono); color: #c8d2df; }
.wm-filter-actions { margin-top: 1rem; }
.wm-filter-actions .btn { padding: .4rem .7rem; font-size: .8rem; }
.wm-filter-actions span { color: var(--muted); font: .7rem/1.3 var(--mono); text-align: right; }

.wm-preview { margin-top: 1rem; border: 1px solid var(--wm-line); border-radius: 9px; overflow: hidden; }
.wm-preview-heading { padding: .6rem .75rem; background: var(--wm-panel-2); font-size: .78rem; }
.wm-preview-heading span { color: var(--muted); font: .7rem/1 var(--mono); }
.wm-preview pre { margin: 0; max-height: 230px; overflow: auto; padding: .85rem; background: #090c0f; color: #aeb8c5; font: .72rem/1.55 var(--mono); white-space: pre-wrap; word-break: break-word; }

.wm-analyze { display: block; width: 100%; padding: .72rem 1rem; }
.wm-empty { max-width: 370px; margin: 5rem auto 2rem; text-align: center; }
.wm-empty-orbit { position: relative; width: 76px; height: 76px; margin: 0 auto 1.5rem; border: 1px solid #303944; border-radius: 50%; }
.wm-empty-orbit::before, .wm-empty-orbit::after { content: ""; position: absolute; inset: 12px; border: 1px solid #27313c; border-radius: 50%; }
.wm-empty-orbit::after { inset: 27px; background: var(--accent); border: 0; box-shadow: 0 0 22px var(--glow); }
.wm-empty-orbit span { position: absolute; width: 7px; height: 7px; top: 9px; left: 12px; border-radius: 50%; background: var(--wm-blue); box-shadow: 0 0 10px rgba(119, 167, 255, .8); }
.wm-empty h3 { margin: 0 0 .45rem; font-size: 1rem; }
.wm-empty p { margin: 0; color: var(--muted); font-size: .84rem; }

.wm-results { padding-top: 1.2rem; }
.wm-summary { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid var(--wm-line); border-radius: 10px; overflow: hidden; }
.wm-metric { padding: .8rem; background: #0d1116; }
.wm-metric + .wm-metric { border-left: 1px solid var(--wm-line); }
.wm-metric strong { display: block; font: 700 1.3rem/1.1 var(--font-display); color: #f4f6f8; font-variant-numeric: tabular-nums; }
.wm-metric span { display: block; color: var(--muted); font: .65rem/1.35 var(--mono); text-transform: uppercase; letter-spacing: .07em; margin-top: .28rem; }

.wm-result-section { margin-top: 1.5rem; }
.wm-section-heading { margin-bottom: .7rem; }
.wm-section-heading h3 { margin: 0; font-size: .98rem; }
.wm-section-heading p { margin: .12rem 0 0; color: var(--muted); font-size: .75rem; }
.wm-section-heading > span { color: var(--muted); font: .7rem/1 var(--mono); }

.wm-signal-list { border: 1px solid var(--wm-line); border-radius: 10px; overflow: hidden; }
.wm-signal { display: grid; grid-template-columns: 44px 1fr auto; gap: .75rem; padding: .72rem .85rem; align-items: center; background: #0e1217; }
.wm-signal + .wm-signal { border-top: 1px solid var(--wm-line); }
.wm-signal-index { color: var(--muted); font: .67rem/1 var(--mono); }
.wm-signal strong { display: block; font-size: .83rem; font-weight: 600; }
.wm-signal p { margin: .12rem 0 0; color: var(--muted); font-size: .72rem; line-height: 1.4; }
.wm-signal-count { color: var(--wm-cyan); font: 600 .72rem/1 var(--mono); white-space: nowrap; }

.wm-rec-list { display: grid; gap: .65rem; }
.wm-rec { position: relative; padding: .9rem 1rem .9rem 1.15rem; border: 1px solid var(--wm-line); border-radius: 10px; background: var(--wm-panel); overflow: hidden; }
.wm-rec::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 3px; background: var(--wm-blue); }
.wm-rec[data-type="skill"]::before { background: var(--wm-violet); }
.wm-rec[data-type="automation"]::before { background: var(--green); }
.wm-rec[data-type="connector"]::before { background: var(--accent2); }
.wm-rec-top { display: flex; align-items: center; justify-content: space-between; gap: .75rem; }
.wm-rec-type { color: var(--wm-blue); font: 600 .66rem/1 var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.wm-rec[data-type="skill"] .wm-rec-type { color: var(--wm-violet); }
.wm-rec[data-type="automation"] .wm-rec-type { color: var(--green); }
.wm-rec[data-type="connector"] .wm-rec-type { color: var(--accent2); }
.wm-rec-score { color: var(--muted); font: .65rem/1 var(--mono); }
.wm-rec h4 { margin: .45rem 0 .25rem; font-size: .92rem; }
.wm-rec > p { margin: 0; color: #a0aab7; font-size: .76rem; line-height: 1.45; }
.wm-rec details { margin-top: .65rem; }
.wm-rec summary { cursor: pointer; color: #cbd3dd; font-size: .73rem; font-weight: 600; }
.wm-rec-evidence { margin: .5rem 0 0; padding-left: 1rem; color: var(--muted); font: .69rem/1.5 var(--mono); }
.wm-rec-actions { display: flex; flex-wrap: wrap; gap: .45rem; margin-top: .75rem; }
.wm-rec-actions .btn { padding: .38rem .6rem; font-size: .72rem; }

.wm-backlog-list { display: grid; gap: .65rem; }
.wm-backlog-item {
  display: grid;
  grid-template-columns: 64px 1fr;
  gap: .9rem;
  padding: .9rem;
  border: 1px solid var(--wm-line);
  border-radius: 10px;
  background: #0e1217;
}
.wm-backlog-rank { display: grid; align-content: start; gap: .3rem; padding-top: .1rem; color: var(--muted); font: .68rem/1.2 var(--mono); }
.wm-backlog-rank strong { color: #fff; font: 700 1.4rem/1 var(--font-display); }
.wm-backlog-top { display: flex; align-items: flex-start; justify-content: space-between; gap: .75rem; }
.wm-backlog-top h4 { margin: 0; color: #f1f4f7; font-size: .92rem; line-height: 1.3; }
.wm-backlog-badges { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .35rem; }
.wm-backlog-badges span { padding: .22rem .42rem; border: 1px solid #34404d; border-radius: 999px; color: #cbd3dd; font: .62rem/1 var(--mono); white-space: nowrap; }
.wm-backlog-body > p { margin: .42rem 0 0; color: #a0aab7; font-size: .75rem; line-height: 1.45; }
.wm-backlog-body dl { display: grid; gap: .45rem; margin: .75rem 0 0; }
.wm-backlog-body dl div { display: grid; grid-template-columns: 84px 1fr; gap: .65rem; }
.wm-backlog-body dt { color: var(--wm-cyan); font: 600 .64rem/1.35 var(--mono); text-transform: uppercase; letter-spacing: .06em; }
.wm-backlog-body dd { margin: 0; color: #c3ccd7; font-size: .72rem; line-height: 1.45; }
.wm-backlog-empty { padding: .85rem; border: 1px solid var(--wm-line); border-radius: 10px; color: var(--muted); background: #0e1217; font-size: .78rem; }

.wm-sprint-card { padding: 1rem; border: 1px solid rgba(85, 217, 155, .34); border-radius: 10px; background: linear-gradient(150deg, rgba(85, 217, 155, .08), rgba(15, 23, 32, .96) 34%); }
.wm-sprint-top { display: flex; justify-content: space-between; gap: 1rem; align-items: flex-start; }
.wm-sprint-label { display: block; margin-bottom: .35rem; color: var(--wm-cyan); font: 600 .65rem/1 var(--mono); text-transform: uppercase; letter-spacing: .08em; }
.wm-sprint-card h4 { margin: 0; color: #f1f4f7; font-size: 1rem; line-height: 1.28; }
.wm-sprint-card > p { margin: .65rem 0 0; color: #aeb8c5; font-size: .78rem; line-height: 1.5; }
.wm-sprint-score { display: grid; justify-items: end; gap: .18rem; min-width: 72px; color: var(--muted); font: .64rem/1.2 var(--mono); text-align: right; }
.wm-sprint-score strong { color: #fff; font: 700 1.55rem/1 var(--font-display); }
.wm-sprint-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .75rem; margin-top: .9rem; }
.wm-sprint-grid > div { padding: .8rem; border: 1px solid var(--wm-line); border-radius: 8px; background: rgba(8, 13, 18, .62); }
.wm-sprint-grid strong { display: block; margin-bottom: .45rem; color: #f1f4f7; font-size: .78rem; }
.wm-sprint-card ul { margin: 0; padding-left: 1rem; color: #b8c2ce; font-size: .72rem; line-height: 1.5; }
.wm-sprint-card li + li { margin-top: .3rem; }
.wm-sprint-card dl { display: grid; gap: .48rem; margin: .85rem 0 0; }
.wm-sprint-card dl div { display: grid; grid-template-columns: 84px 1fr; gap: .65rem; }
.wm-sprint-card dt { color: var(--wm-cyan); font: 600 .64rem/1.35 var(--mono); text-transform: uppercase; letter-spacing: .06em; }
.wm-sprint-card dd { margin: 0; color: #c3ccd7; font-size: .72rem; line-height: 1.45; }

.wm-export-bar { margin-top: 1.5rem; padding: 1rem; border: 1px solid rgba(63, 179, 127, .3); border-radius: 10px; background: rgba(63, 179, 127, .055); }
.wm-export-bar strong { display: block; font-size: .82rem; }
.wm-export-bar span { display: block; color: var(--muted); font-size: .7rem; margin-top: .15rem; }
.wm-export-actions { display: flex; gap: .45rem; flex-wrap: wrap; justify-content: flex-end; }
.wm-export-actions .btn { padding: .4rem .65rem; font-size: .75rem; }

.wm-how { padding-top: 4rem; padding-bottom: 2rem; }
.wm-how > h2 { max-width: 620px; font-size: clamp(1.7rem, 3vw, 2.6rem); }
.wm-how-flow { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 1.5rem; border-top: 1px solid var(--wm-line); }
.wm-how-flow > div { padding: 1.25rem 1.25rem 0 0; }
.wm-how-flow > div + div { padding-left: 1.25rem; border-left: 1px solid var(--wm-line); }
.wm-how-flow span { display: block; margin-bottom: 1.2rem; color: var(--accent2); font: 600 .72rem/1 var(--mono); }
.wm-how-flow strong { display: block; font-size: .9rem; }
.wm-how-flow p { margin: .35rem 0 0; color: var(--muted); font-size: .78rem; line-height: 1.5; }

.wm-toast { position: fixed; z-index: 100; right: 1.25rem; bottom: 1.25rem; padding: .7rem .9rem; border: 1px solid var(--wm-line); border-radius: 8px; background: #171d24; color: var(--text); box-shadow: 0 12px 35px rgba(0, 0, 0, .45); font-size: .8rem; animation: wm-in .2s ease both; }
@keyframes wm-in { from { opacity: 0; transform: translateY(6px); } }

@media (max-width: 1000px) {
  .wm-intro { grid-template-columns: 1fr; gap: 1rem; align-items: start; }
  .wm-privacy-note { max-width: 620px; }
  .wm-workspace { grid-template-columns: 1fr; }
  .wm-input-column { border-right: 0; border-bottom: 1px solid var(--wm-line); }
  .wm-readiness-metrics { grid-template-columns: repeat(2, 1fr); }
  .wm-summary { grid-template-columns: repeat(2, 1fr); }
  .wm-metric:nth-child(3) { border-left: 0; border-top: 1px solid var(--wm-line); }
  .wm-metric:nth-child(4) { border-top: 1px solid var(--wm-line); }
  .wm-how-flow { grid-template-columns: repeat(2, 1fr); }
  .wm-how-flow > div:nth-child(3) { padding-left: 0; border-left: 0; border-top: 1px solid var(--wm-line); }
  .wm-how-flow > div:nth-child(4) { border-top: 1px solid var(--wm-line); }
}

@media (max-width: 680px) {
  .wm-page { padding-top: 2.25rem; }
  .wm-intro h1 { font-size: 2.55rem; }
  .wm-toolbar { align-items: flex-start; flex-direction: column; }
  .wm-toolbar-actions { width: 100%; }
  .wm-toolbar-actions .btn { flex: 1; }
  .wm-filter-grid { grid-template-columns: 1fr; }
  .wm-panel { padding: 1rem; }
  #wm-input { min-height: 230px; }
  .wm-readiness-actions, .wm-readiness-head { align-items: flex-start; flex-direction: column; }
  .wm-readiness-actions span { text-align: left; }
  .wm-readiness-metrics { grid-template-columns: 1fr; }
  .wm-readiness-metrics div + div { border-left: 0; border-top: 1px solid var(--wm-line); }
  .wm-export-bar { align-items: flex-start; flex-direction: column; }
  .wm-export-actions { width: 100%; justify-content: stretch; }
  .wm-export-actions .btn { flex: 1 1 30%; }
  .wm-rec-actions .btn { flex: 1 1 45%; }
  .wm-backlog-item { grid-template-columns: 1fr; }
  .wm-backlog-top { flex-direction: column; }
  .wm-backlog-badges { justify-content: flex-start; }
  .wm-backlog-body dl div, .wm-sprint-card dl div { grid-template-columns: 1fr; gap: .25rem; }
  .wm-sprint-top { flex-direction: column; }
  .wm-sprint-score { justify-items: start; text-align: left; }
  .wm-sprint-grid { grid-template-columns: 1fr; }
  .wm-signal { grid-template-columns: 28px 1fr; }
  .wm-signal-count { grid-column: 2; }
  .wm-how-flow { grid-template-columns: 1fr; }
  .wm-how-flow > div + div, .wm-how-flow > div:nth-child(3) { padding: 1.25rem 0 0; border-left: 0; border-top: 1px solid var(--wm-line); }
}

@media (prefers-reduced-motion: reduce) {
  .wm-toast { animation: none; }
}

/* Editorial control-plane alignment. */
.wm-page { --wm-blue:#f2552c; --wm-violet:#ff895f; --wm-cyan:#55d99b; --wm-panel:#0b1118; --wm-panel-2:#101923; --wm-line:#293544; padding:0 0 4rem; background:#fff; color:#0b1119; color-scheme:light; }
.wm-page .container { max-width:1220px; }
.wm-intro { grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr); gap:clamp(3rem,7vw,7rem); align-items:center; margin-bottom:0; padding-top:clamp(4.5rem,8vw,7.5rem); padding-bottom:clamp(4rem,7vw,6.5rem); border-bottom:1px solid #d9e0e7; }
.wm-intro h1 { max-width:820px; margin-bottom:1.5rem; color:#0b1119; font-size:clamp(3.2rem,6vw,5.9rem); line-height:.96; letter-spacing:-.06em; }
.wm-intro-copy>p { max-width:760px; color:#465366; font-size:1.12rem; line-height:1.62; }
.wm-privacy-note { padding:1.35rem 0 1.35rem 1.35rem; border-left:2px solid #55d99b; }
.wm-privacy-mark { color:#137b55; }
.wm-privacy-note strong { color:#0b1119; }
.wm-privacy-note p { color:#5d6878; }
.wm-shell { max-width:1220px; padding-top:5rem; }
.wm-toolbar { border-radius:8px 8px 0 0; background:#101923; }
.wm-toolbar,.wm-workspace { --text:#e8edf3; --muted:#8f9baa; --border:#293544; --card:#0f1720; --card-top:#141e29; --bg2:#0b1118; }
.wm-toolbar .btn,.wm-workspace .btn { border-radius:4px; }
.wm-toolbar .btn-ghost,.wm-workspace .btn-ghost { border-color:#384555!important; background:#111a24!important; color:#e7edf4!important; }
.wm-toolbar .btn:hover,.wm-workspace .btn:hover { border-color:#f2552c!important; background:#17222e!important; }
.wm-workspace .btn-primary { border-color:#f2552c; background:#f2552c; }
.wm-workspace .btn-primary:hover { border-color:#dc4722; background:#dc4722!important; }
.wm-workspace { border-radius:0 0 8px 8px; background:#0b1118; box-shadow:0 24px 60px -42px rgba(11,17,25,.7); }
.wm-analysis-panel { background:#0b1118; }
.wm-panel-heading h2 { color:#fff; }
.wm-step { color:#ff895f; }
#wm-input,.wm-filter-input { border-radius:4px; background:#080d12; }
.wm-workspace textarea { background:#080d12!important; color:#e8edf3!important; border-color:#293544!important; border-radius:4px!important; font-family:var(--mono)!important; }
#wm-input:focus,.wm-filter-input:focus { border-color:#f2552c; box-shadow:0 0 0 2px rgba(242,85,44,.16); }
.wm-fixture-kit { border-radius:4px; background:#0f1720; }
.wm-fixture-controls select { border-radius:4px; }
.wm-filter-grid code { color:#c8d2df; }
.wm-preview,.wm-summary,.wm-readiness,.wm-source-map,.wm-signal-list,.wm-rec,.wm-backlog-item,.wm-backlog-empty,.wm-export-bar { border-radius:4px; }
.wm-empty-orbit { border-color:#344253; }
.wm-empty-orbit::before { border-color:#293544; }
.wm-empty-orbit::after { background:#f2552c; box-shadow:none; }
.wm-empty-orbit span { background:#55d99b; box-shadow:none; }
.wm-metric strong { color:#fff; }
.wm-signal-count { color:#55d99b; }
.wm-rec::before { background:#f2552c; }
.wm-rec[data-type="skill"]::before { background:#ff895f; }
.wm-rec[data-type="automation"]::before { background:#55d99b; }
.wm-rec[data-type="connector"]::before { background:#f2552c; }
.wm-rec-type,.wm-rec[data-type="connector"] .wm-rec-type { color:#ff895f; }
.wm-rec[data-type="skill"] .wm-rec-type { color:#ffab8d; }
.wm-rec[data-type="automation"] .wm-rec-type { color:#55d99b; }
.wm-export-bar { border-color:rgba(85,217,155,.35); background:rgba(85,217,155,.055); }
.wm-backlog-item,.wm-backlog-empty,.wm-readiness,.wm-source-map { background:#0f1720; }
.wm-backlog-badges span { border-color:#384555; border-radius:4px; }
.wm-backlog-body dt { color:#55d99b; }
.wm-how { padding-top:6rem; padding-bottom:2rem; }
.wm-how>h2 { max-width:720px; color:#0b1119; font-size:clamp(2.3rem,4vw,4rem); line-height:1; }
.wm-how-flow { border-top-color:#bcc7d2; }
.wm-how-flow>div+div { border-left-color:#bcc7d2; }
.wm-how-flow span { color:#f2552c; }
.wm-how-flow strong { color:#0b1119; }
.wm-how-flow p { color:#5d6878; font-size:.84rem; }
.wm-toast { border-radius:4px; }
@media (max-width:1000px) { .wm-intro { grid-template-columns:1fr; gap:2rem; } .wm-privacy-note { max-width:680px; } }
@media (max-width:680px) { .wm-page { padding-top:0; } .wm-intro { padding-top:3.5rem; padding-bottom:3.5rem; } .wm-intro h1 { font-size:clamp(2.8rem,14vw,4rem); } .wm-shell { padding-top:3rem; } .wm-fixture-kit { grid-template-columns:1fr; } .wm-fixture-controls { justify-content:stretch; } .wm-fixture-controls select,.wm-fixture-controls .btn { flex:1 1 100%; } .wm-readiness-actions,.wm-readiness-head,.wm-source-map-head { align-items:flex-start; flex-direction:column; } .wm-readiness-actions span,.wm-source-map-head span { text-align:left; } .wm-readiness-metrics,.wm-source-map-grid { grid-template-columns:1fr; } .wm-readiness-metrics div + div,.wm-source-map-grid section + section { border-left:0; border-top:1px solid var(--wm-line); } .wm-how { padding-top:4rem; } }