.cosmos-shell__content--tool {
  width: 100%;
  height: calc(100vh - var(--cosmos-header-height));
  padding: 0;
  overflow: hidden
}
.nebulos-tool-embed {
  display: grid;
  height: 100%;
  grid-template-rows: auto minmax(0,1fr)
}
.nebulos-tool-embed__bar {
  display: flex;
  min-height: 54px;
  align-items: center;
  justify-content: space-between;
  gap: var(--cosmos-space-4);
  padding: 8px clamp(16px,3vw,32px);
  border-bottom: 1px solid var(--cosmos-border);
  background: rgba(18,21,28,.92)
}
.nebulos-tool-embed__bar > div {
  display: grid;
  gap: 2px
}
.nebulos-tool-embed__bar strong {
  font-size: 12px
}
.nebulos-tool-embed__bar span {
  color: var(--cosmos-text-soft);
  font-size: 10px
}
.nebulos-tool-embed__fallback {
  color: var(--cosmos-text-muted);
  font-size: 10px;
  text-decoration: none
}
.nebulos-tool-embed__fallback:hover {
  color: var(--cosmos-text)
}
.nebulos-tool-embed__frame-wrap {
  position: relative;
  min-height: 0;
  background: #11151a
}
.nebulos-tool-embed__loading {
  position: absolute;
  inset: 0;
  display: none;
  margin: 0;
  place-items: center;
  color: var(--cosmos-text-muted);
  font-size: 12px
}
.nebulos-tool-embed__frame-wrap[data-loading=true] .nebulos-tool-embed__loading {
  display: grid
}
.nebulos-tool-embed__frame {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  background: #11151a
}
.nebulos-tool-state {
  display: grid;
  min-height: min(640px,calc(100vh - 128px));
  grid-template-columns: minmax(0,1.5fr) minmax(250px,0.7fr);
  gap: var(--cosmos-space-4)
}
.nebulos-tool-state__card,
.nebulos-tool-state__facts {
  border: 1px solid var(--cosmos-border);
  border-radius: var(--cosmos-radius-lg);
  background: linear-gradient(145deg,rgba(24,28,37,.92),rgba(13,16,22,.96))
}
.nebulos-tool-state__card {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  padding: clamp(28px,7vw,84px)
}
.nebulos-tool-state__mark {
  display: grid;
  width: 56px;
  height: 56px;
  margin-bottom: var(--cosmos-space-6);
  place-items: center;
  border-radius: 16px;
  background: var(--cosmos-accent-soft);
  color: #a8bcff;
  font-size: 20px;
  font-weight: 760
}
.nebulos-tool-state__kicker {
  margin: 0 0 var(--cosmos-space-3);
  color: #84a3ff;
  font-size: 10px;
  font-weight: 750;
  letter-spacing: .12em;
  text-transform: uppercase
}
.nebulos-tool-state__title {
  max-width: 620px;
  margin: 0;
  font-size: clamp(30px, 5vw, 54px);
  letter-spacing: -.045em;
  line-height: 1.04
}
.nebulos-tool-state__message {
  max-width: 620px;
  margin: var(--cosmos-space-5) 0 var(--cosmos-space-6);
  color: var(--cosmos-text-muted);
  font-size: 14px;
  line-height: 1.7
}
.nebulos-tool-state__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--cosmos-space-3)
}
.nebulos-tool-state__action {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  padding: 0 var(--cosmos-space-5);
  border: 1px solid var(--cosmos-border-strong);
  border-radius: 10px;
  color: var(--cosmos-text);
  font-size: 12px;
  font-weight: 700;
  text-decoration: none
}
.nebulos-tool-state__action--primary {
  border-color: var(--cosmos-accent-strong);
  background: var(--cosmos-accent-strong)
}
.nebulos-tool-state__facts {
  display: grid;
  align-content: center;
  gap: 0;
  padding: var(--cosmos-space-5)
}
.nebulos-tool-state__facts div {
  display: grid;
  gap: 6px;
  padding: var(--cosmos-space-5) 0;
  border-bottom: 1px solid var(--cosmos-border)
}
.nebulos-tool-state__facts div:last-child {
  border-bottom: 0
}
.nebulos-tool-state__facts strong {
  font-size: 12px
}
.nebulos-tool-state__facts span {
  color: var(--cosmos-text-muted);
  font-size: 11px;
  line-height: 1.55
}
@media (max-width:840px) {
  .nebulos-tool-state {
    min-height: auto;
    grid-template-columns: 1fr
  }
  .nebulos-tool-state__facts {
    grid-template-columns: repeat(3,minmax(0,1fr))
  }
  .nebulos-tool-state__facts div {
    padding: var(--cosmos-space-3);
    border-right: 1px solid var(--cosmos-border);
    border-bottom: 0
  }
  .nebulos-tool-state__facts div:last-child {
    border-right: 0
  }
}
@media (max-width:560px) {
  .nebulos-tool-embed__bar span,
  .nebulos-tool-embed__fallback {
    display: none
  }
  .nebulos-tool-state__card {
    padding: var(--cosmos-space-6)
  }
  .nebulos-tool-state__facts {
    grid-template-columns: 1fr
  }
  .nebulos-tool-state__facts div {
    border-right: 0;
    border-bottom: 1px solid var(--cosmos-border)
  }
  .nebulos-tool-state__action,
  .nebulos-tool-state__actions {
    width: 100%
  }
}
.nebulos-tool-embed--vector-editor {
  grid-template-rows: minmax(0,1fr)
}
.nebulos-tool-embed--vector-editor > .nebulos-tool-embed__bar {
  display: none
}