.al-tools-app.al-tool-shell--lighting {
  --al-lighting-low: #6d8d7b;
  --al-lighting-medium: #2f7b56;
  --al-lighting-high: #b07820;
  --al-lighting-intensity: 0.42;
}

.al-tools-app.al-tool-shell--lighting .al-tool-hero {
  width: 100%;
  box-sizing: border-box;
  max-width: 1080px;
  margin-inline: auto;
  padding-inline: var(--al-tool-space-4);
}

.al-tools-app.al-tool-shell--lighting .al-tool-hero__copy {
  max-width: 820px;
}

.al-tools-app.al-tool-shell--lighting .al-tool-chip-list {
  max-width: 900px;
}

.al-tools-app.al-tool-shell--lighting .al-tool-workspace {
  grid-template-columns: minmax(0, 1fr);
  box-sizing: border-box;
  max-width: 1080px;
  margin-inline: auto;
  padding: var(--al-tool-space-4);
  border-radius: calc(var(--al-tool-radius-lg) + 10px);
  background:
    linear-gradient(135deg, rgba(104, 177, 151, 0.09), rgba(47, 111, 159, 0.045) 46%, rgba(255, 255, 255, 0.18)),
    rgba(242, 249, 246, 0.72);
  box-shadow: inset 0 0 0 1px rgba(44, 107, 74, 0.05);
}

.al-tools-app.al-tool-shell--lighting .al-tool-workspace::before {
  inset: 0;
  border-radius: inherit;
  background: none;
}

.al-tools-app.al-tool-shell--lighting .al-tool-workspace__primary {
  display: grid;
  gap: var(--al-tool-space-6);
  min-width: 0;
}

.al-tools-app.al-tool-shell--lighting .al-tool-workspace__secondary {
  display: none;
}

.al-tools-app.al-tool-shell--lighting .lighting-calc {
  overflow: visible;
}

.al-tools-app.al-tool-shell--lighting .lighting-calc,
.al-tools-app.al-tool-shell--lighting .al-lighting-result {
  width: 100%;
  min-width: 0;
  justify-self: stretch;
}

.al-tools-app.al-tool-shell--lighting .al-tool-field {
  position: relative;
}

.al-tools-app.al-tool-shell--lighting .al-lighting-topline,
.al-tools-app.al-tool-shell--lighting .al-lighting-mode-row,
.al-tools-app.al-tool-shell--lighting .al-lighting-preset-grid {
  display: grid;
  gap: var(--al-tool-gap-sm);
}

.al-tools-app.al-tool-shell--lighting .al-lighting-topline {
  grid-template-columns: minmax(0, 1fr);
  align-items: end;
}

.al-tools-app.al-tool-shell--lighting .al-lighting-topline > .al-tool-field {
  width: 100%;
}

.al-tools-app.al-tool-shell--lighting .al-lighting-topline .al-tool-segment {
  width: min(100%, 340px);
  min-height: var(--al-tool-control-height);
}

.al-tools-app.al-tool-shell--lighting .al-lighting-choice {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  width: min(100%, 340px);
  min-height: var(--al-tool-control-height);
  border: 1px solid var(--al-tool-control-border);
  border-radius: var(--al-tool-radius-lg);
  background: rgba(232, 238, 235, 0.82);
  padding: 5px;
}

.al-tools-app.al-tool-shell--lighting .al-lighting-choice__button {
  min-height: var(--al-tool-touch-target);
  border: 1px solid rgba(16, 32, 25, 0.08);
  border-radius: var(--al-tool-radius-lg);
  background: rgba(236, 240, 238, 0.9);
  color: rgba(16, 32, 25, 0.66);
  cursor: pointer;
  transition:
    transform var(--al-tool-transition-fast),
    border-color var(--al-tool-transition-fast),
    box-shadow var(--al-tool-transition-fast),
    background var(--al-tool-transition-fast);
}

.al-tools-app.al-tool-shell--lighting .al-lighting-choice__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 8px 12px;
  font-weight: 780;
  line-height: 1;
}

.al-tools-app.al-tool-shell--lighting .al-lighting-choice__button.is-active {
  color: var(--al-tool-color-primary-strong);
}

.al-tools-app.al-tool-shell--lighting .al-lighting-choice__button.is-active {
  border-color: rgba(44, 107, 74, 0.34);
  background: linear-gradient(180deg, rgba(236, 248, 242, 0.96), rgba(255, 255, 255, 0.95));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 10px 28px rgba(44, 107, 74, 0.1);
}

.al-tools-app.al-tool-shell--lighting .al-lighting-choice__button:hover {
  transform: translateY(-1px);
  border-color: rgba(44, 107, 74, 0.24);
}

.al-tools-app.al-tool-shell--lighting .al-lighting-choice__button:focus-visible {
  outline: none;
  box-shadow: var(--al-tool-shadow-focus);
}

.al-tools-app.al-tool-shell--lighting .al-lighting-presets,
.al-tools-app.al-tool-shell--lighting .al-lighting-measured {
  display: grid;
  gap: var(--al-tool-gap-sm);
  border: 1px solid rgba(44, 107, 74, 0.11);
  border-radius: var(--al-tool-radius-lg);
  background:
    radial-gradient(circle at 88% 8%, rgba(104, 177, 151, 0.16), rgba(104, 177, 151, 0) 32%),
    rgba(248, 252, 250, 0.86);
  padding: var(--al-tool-space-4);
}

.al-tools-app.al-tool-shell--lighting .al-lighting-preset {
  display: grid;
  gap: 4px;
  padding: var(--al-tool-space-4);
  text-align: left;
}

.al-tools-app.al-tool-shell--lighting .al-tool-input.input-autofill,
.al-tools-app.al-tool-shell--lighting .al-tool-select.input-autofill {
  border-color: rgba(47, 123, 86, 0.34);
  background: linear-gradient(180deg, rgba(240, 250, 245, 0.92), rgba(255, 255, 255, 0.98));
}

.al-tools-app.al-tool-shell--lighting .al-tool-input.input-error,
.al-tools-app.al-tool-shell--lighting .al-tool-select.input-error {
  border-color: rgba(156, 61, 51, 0.48);
  box-shadow: 0 0 0 4px rgba(156, 61, 51, 0.12);
}

.al-tools-app.al-tool-shell--lighting .al-lighting-badge-stack {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.al-tools-app.al-tool-shell--lighting .al-lighting-badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 30px;
  border: 1px solid transparent;
  border-radius: var(--al-tool-radius-pill);
  padding: 6px 10px;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.72),
    0 8px 18px rgba(16, 32, 25, 0.045);
  font-size: 0.78rem;
  font-weight: 820;
  line-height: 1.1;
}

.al-tools-app.al-tool-shell--lighting .al-lighting-badge::before {
  content: "";
  width: 8px;
  height: 8px;
  flex: 0 0 auto;
  border-radius: var(--al-tool-radius-pill);
  background: currentColor;
  box-shadow: 0 0 0 3px color-mix(in srgb, currentColor 14%, transparent);
}

.al-tools-app.al-tool-shell--lighting #lightBadge[data-level="low"] {
  color: #315f85;
  border-color: rgba(49, 95, 133, 0.18);
  background: linear-gradient(180deg, rgba(233, 244, 251, 0.96), rgba(248, 252, 254, 0.9));
}

.al-tools-app.al-tool-shell--lighting #lightBadge[data-level="medium"] {
  color: #2f7b56;
  border-color: rgba(47, 123, 86, 0.2);
  background: linear-gradient(180deg, rgba(231, 246, 238, 0.98), rgba(248, 253, 250, 0.9));
}

.al-tools-app.al-tool-shell--lighting #lightBadge[data-level="high"] {
  color: #704811;
  border-color: rgba(176, 120, 32, 0.22);
  background: linear-gradient(180deg, rgba(255, 244, 222, 0.98), rgba(255, 251, 244, 0.9));
}

.al-tools-app.al-tool-shell--lighting #carpetBadge[data-level="low"] {
  color: #8a3f35;
  border-color: rgba(138, 63, 53, 0.2);
  background: linear-gradient(180deg, rgba(255, 237, 234, 0.98), rgba(255, 249, 248, 0.92));
}

.al-tools-app.al-tool-shell--lighting #carpetBadge[data-level="medium"] {
  color: #7a5b18;
  border-color: rgba(161, 119, 31, 0.22);
  background: linear-gradient(180deg, rgba(255, 246, 221, 0.98), rgba(255, 252, 244, 0.92));
}

.al-tools-app.al-tool-shell--lighting #carpetBadge[data-level="high"] {
  color: #246d4d;
  border-color: rgba(36, 109, 77, 0.2);
  background: linear-gradient(180deg, rgba(226, 247, 236, 0.98), rgba(247, 253, 250, 0.92));
}

.al-tools-app.al-tool-shell--lighting .al-lighting-result {
  gap: var(--al-tool-space-6);
  row-gap: var(--al-tool-space-6);
}

.al-tools-app.al-tool-shell--lighting .al-lighting-result .al-tool-result-summary,
.al-tools-app.al-tool-shell--lighting .al-lighting-result .al-tool-metric-grid,
.al-tools-app.al-tool-shell--lighting .al-lighting-result .al-tool-insight,
.al-tools-app.al-tool-shell--lighting .al-lighting-result .al-lighting-affiliate,
.al-tools-app.al-tool-shell--lighting .al-lighting-result .al-tool-actions {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
}

.al-tools-app.al-tool-shell--lighting .al-lighting-result .al-tool-result-summary {
  margin: 0;
}

.al-tools-app.al-tool-shell--lighting .al-lighting-result .al-tool-metric-grid {
  gap: var(--al-tool-space-4);
}

.al-tools-app.al-tool-shell--lighting .al-lighting-result .al-tool-insight,
.al-tools-app.al-tool-shell--lighting .al-lighting-result .al-tool-actions {
  padding: var(--al-tool-space-5);
}

.al-tools-app.al-tool-shell--lighting .al-lighting-result .al-tool-actions {
  grid-template-columns: 1fr;
  align-items: stretch;
}

.al-tools-app.al-tool-shell--lighting .al-lighting-reco-list {
  display: grid;
  gap: 8px;
  margin-top: var(--al-tool-space-3);
  padding-left: 1.1rem;
  color: var(--al-tool-color-text);
}

.al-tools-app.al-tool-shell--lighting .al-lighting-reco-list li {
  padding-left: 2px;
}

.al-tools-app.al-tool-shell--lighting .al-lighting-detail-grid {
  display: grid;
  gap: var(--al-tool-gap-sm);
}

.al-tools-app.al-tool-shell--lighting .al-lighting-detail-grid div {
  display: grid;
  gap: 3px;
  min-width: 0;
  border: 1px solid rgba(16, 32, 25, 0.07);
  border-radius: var(--al-tool-radius-lg);
  background: rgba(255, 255, 255, 0.72);
  padding: var(--al-tool-space-3);
}

.al-tools-app.al-tool-shell--lighting .al-lighting-detail-grid dt {
  color: var(--al-tool-color-muted);
  font-size: 0.78rem;
  font-weight: 760;
}

.al-tools-app.al-tool-shell--lighting .al-lighting-detail-grid dd {
  color: var(--al-tool-color-ink);
  font-weight: 760;
}

.al-tools-app.al-tool-shell--lighting .al-lighting-chart-card {
  gap: var(--al-tool-space-4);
}

.al-tools-app.al-tool-shell--lighting .al-lighting-chart-card__copy {
  color: var(--al-tool-color-muted);
  font-size: 0.9rem;
}

.al-tools-app.al-tool-shell--lighting .al-lighting-affiliate {
  display: none;
  gap: var(--al-tool-gap-md);
  border: 1px solid rgba(16, 32, 25, 0.08);
  border-radius: var(--al-tool-radius-lg);
  background: rgba(255, 255, 255, 0.86);
  padding: var(--al-tool-space-5);
}

.al-tools-app.al-tool-shell--lighting .al-lighting-affiliate.is-visible {
  display: grid;
}

.al-tools-app.al-tool-shell--lighting .al-lighting-affiliate__head h2 {
  margin: 0;
  color: var(--al-tool-color-ink);
  font-size: 1.08rem;
  font-weight: 820;
}

.al-tools-app.al-tool-shell--lighting .al-lighting-affiliate__sub {
  margin-top: 3px;
  color: var(--al-tool-color-muted);
}

.al-tools-app.al-tool-shell--lighting .al-lighting-affiliate__grid {
  display: grid;
  gap: var(--al-tool-gap-sm);
}

.al-tools-app.al-tool-shell--lighting .al-lighting-product-card {
  display: grid;
  grid-template-columns: 88px minmax(0, 1fr);
  gap: var(--al-tool-gap-sm);
  min-width: 0;
  border: 1px solid rgba(16, 32, 25, 0.08);
  border-radius: var(--al-tool-radius-lg);
  background: rgba(250, 252, 251, 0.95);
  padding: var(--al-tool-space-3);
}

.al-tools-app.al-tool-shell--lighting .al-lighting-product-card__image {
  display: grid;
  place-items: center;
  overflow: hidden;
  min-height: 86px;
  border-radius: var(--al-tool-radius-lg);
  background: transparent;
}

.al-tools-app.al-tool-shell--lighting .al-lighting-product-card__image img {
  display: block;
  width: 100%;
  height: 100%;
  max-height: 104px;
  object-fit: contain;
}

.al-tools-app.al-tool-shell--lighting .al-lighting-product-card__body {
  display: grid;
  gap: 7px;
  min-width: 0;
}

.al-tools-app.al-tool-shell--lighting .al-lighting-product-card__badge {
  justify-self: start;
  border-radius: var(--al-tool-radius-pill);
  background: rgba(44, 107, 74, 0.11);
  color: var(--al-tool-color-primary-strong);
  padding: 4px 8px;
  font-size: 0.72rem;
  font-weight: 800;
}

.al-tools-app.al-tool-shell--lighting .al-lighting-product-card__title {
  color: var(--al-tool-color-ink);
  font-weight: 820;
  line-height: 1.22;
}

.al-tools-app.al-tool-shell--lighting .al-lighting-product-card__teaser,
.al-tools-app.al-tool-shell--lighting .al-lighting-product-card__meta {
  color: var(--al-tool-color-muted);
  font-size: 0.84rem;
  line-height: 1.35;
}

.al-tools-app.al-tool-shell--lighting .al-lighting-product-card__cta {
  justify-self: start;
  color: var(--al-tool-color-primary-strong);
  font-size: 0.86rem;
  font-weight: 820;
  text-decoration: none;
}

.al-tools-app.al-tool-shell--lighting .al-lighting-chart {
  display: none;
  min-height: 300px;
  max-height: 360px;
  overflow: hidden;
  border: 1px solid rgba(16, 32, 25, 0.08);
  border-radius: var(--al-tool-radius-lg);
  background: rgba(255, 255, 255, 0.92);
  padding: var(--al-tool-space-3);
}

.al-tools-app.al-tool-shell--lighting .al-lighting-chart.is-open {
  display: block;
}

.al-tools-app.al-tool-shell--lighting .al-lighting-chart canvas {
  display: block;
  width: 100% !important;
  min-height: 270px;
  max-height: 330px;
}

.al-tools-app.al-tool-shell--lighting .al-lighting-legend span {
  background: var(--al-lighting-low);
}

.al-tools-app.al-tool-shell--lighting .al-lighting-legend span[data-level="medium"] {
  background: var(--al-lighting-medium);
}

.al-tools-app.al-tool-shell--lighting .al-lighting-legend span[data-level="high"] {
  background: var(--al-lighting-high);
}

.al-tools-app.al-tool-shell--lighting .al-lighting-actions {
  display: grid;
  gap: var(--al-tool-gap-sm);
  min-width: 0;
}

.al-tools-app.al-tool-shell--lighting .al-tool-actions__copy {
  display: grid;
  gap: var(--al-tool-space-2);
}

.al-tools-app.al-tool-shell--lighting .al-tool-actions__copy p:last-child {
  margin-bottom: 0;
}

.al-tools-app.al-tool-shell--lighting .al-tool-actions__copy + .al-lighting-actions {
  margin-top: var(--al-tool-space-4);
}

.al-tools-app.al-tool-shell--lighting .al-lighting-actions__primary,
.al-tools-app.al-tool-shell--lighting .al-lighting-actions__secondary,
.al-tools-app.al-tool-shell--lighting .al-lighting-actions__tertiary {
  display: grid;
  gap: var(--al-tool-space-2);
  min-width: 0;
}

.al-tools-app.al-tool-shell--lighting .al-lighting-actions__primary .al-tool-button,
.al-tools-app.al-tool-shell--lighting .al-lighting-actions__secondary .al-tool-button,
.al-tools-app.al-tool-shell--lighting .al-lighting-actions__tertiary .al-tool-button {
  width: 100%;
  justify-content: center;
}

.al-tools-app.al-tool-shell--lighting .al-lighting-actions__tertiary .al-tool-button {
  color: var(--al-tool-color-muted);
}

@media (min-width: 700px) {
  .al-tools-app.al-tool-shell--lighting .al-lighting-topline {
    grid-template-columns: minmax(260px, 360px) minmax(190px, 250px);
    justify-content: start;
    column-gap: var(--al-tool-space-5);
  }

  .al-tools-app.al-tool-shell--lighting .al-lighting-topline .al-tool-segment {
    width: min(100%, 250px);
  }

  .al-tools-app.al-tool-shell--lighting .al-lighting-mode-row,
  .al-tools-app.al-tool-shell--lighting .al-lighting-preset-grid,
  .al-tools-app.al-tool-shell--lighting .al-lighting-detail-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .al-tools-app.al-tool-shell--lighting .al-lighting-actions__secondary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 980px) {
  .al-tools-app.al-tool-shell--lighting .al-lighting-preset-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .al-tools-app.al-tool-shell--lighting .al-lighting-affiliate__grid.is-2up {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .al-tools-app.al-tool-shell--lighting .al-lighting-actions {
    grid-template-columns: minmax(190px, 0.8fr) minmax(0, 1.4fr) minmax(120px, 0.5fr);
    align-items: start;
  }

  .al-tools-app.al-tool-shell--lighting .al-lighting-actions__secondary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 639px) {
  .al-tools-app.al-tool-shell--lighting .al-tool-container {
    width: min(var(--al-tool-container-width), calc(100% - 32px));
    padding-block: var(--al-tool-space-4) var(--al-tool-space-7);
  }

  .al-tools-app.al-tool-shell--lighting .al-tool-hero {
    padding-inline: 0;
  }

  .al-tools-app.al-tool-shell--lighting .al-tool-workspace {
    max-width: none;
    padding: 0;
    border-radius: calc(var(--al-tool-radius-lg) + 8px);
    background: transparent;
    box-shadow: none;
  }

  .al-tools-app.al-tool-shell--lighting .al-tool-workspace::before {
    inset: calc(var(--al-tool-space-2) * -1);
    border-radius: calc(var(--al-tool-radius-lg) + 8px);
    background:
      linear-gradient(135deg, rgba(104, 177, 151, 0.08), rgba(47, 111, 159, 0.045) 44%, rgba(255, 255, 255, 0));
  }

  .al-tools-app.al-tool-shell--lighting .al-tool-workspace__primary {
    gap: var(--al-tool-space-5);
  }

  .al-tools-app.al-tool-shell--lighting .lighting-calc,
  .al-tools-app.al-tool-shell--lighting .al-lighting-result .al-tool-result-summary {
    padding: var(--al-tool-space-5);
  }

  .al-tools-app.al-tool-shell--lighting .al-lighting-result {
    gap: var(--al-tool-space-5);
    row-gap: var(--al-tool-space-5);
  }

  .al-tools-app.al-tool-shell--lighting .al-lighting-result .al-tool-insight,
  .al-tools-app.al-tool-shell--lighting .al-lighting-result .al-tool-actions,
  .al-tools-app.al-tool-shell--lighting .al-lighting-result .al-lighting-affiliate {
    padding: var(--al-tool-space-4);
  }

  .al-tools-app.al-tool-shell--lighting .al-lighting-choice,
  .al-tools-app.al-tool-shell--lighting .al-lighting-topline .al-tool-segment {
    width: 100%;
  }

  .al-tools-app.al-tool-shell--lighting .al-lighting-badge-stack {
    justify-content: flex-start;
  }

  .al-tools-app.al-tool-shell--lighting .al-lighting-product-card {
    grid-template-columns: 72px minmax(0, 1fr);
  }

  .al-tools-app.al-tool-shell--lighting .al-lighting-chart {
    min-height: 230px;
    max-height: 280px;
  }

  .al-tools-app.al-tool-shell--lighting .al-lighting-chart canvas {
    min-height: 205px;
    max-height: 250px;
  }

}

@media (prefers-reduced-motion: reduce) {
  .al-tools-app.al-tool-shell--lighting .al-lighting-choice__button,
  .al-tools-app.al-tool-shell--lighting .al-lighting-mode-card,
  .al-tools-app.al-tool-shell--lighting .al-lighting-preset {
    transition: none;
  }

  .al-tools-app.al-tool-shell--lighting .al-lighting-choice__button:hover,
  .al-tools-app.al-tool-shell--lighting .al-lighting-mode-card:hover,
  .al-tools-app.al-tool-shell--lighting .al-lighting-preset:hover {
    transform: none;
  }
}