html.desktop-shell {
  background: #edf5f3;
}

html.desktop-shell body {
  min-height: 100vh;
  overflow-x: hidden;
}

html.desktop-shell .app {
  padding-top: 18px;
}

html.desktop-shell .panel,
html.desktop-shell .feature-card,
html.desktop-shell .task-row,
html.desktop-shell .upload-drop,
html.desktop-shell .output-row,
html.desktop-shell .field-card,
html.desktop-shell .settings-card,
html.desktop-shell .subpanel {
  border-radius: 12px;
  box-shadow: 0 12px 30px rgba(21, 69, 64, 0.08);
}

html.desktop-shell .panel {
  border-color: rgba(139, 176, 170, 0.55);
}

html.desktop-shell .btn,
html.desktop-shell button,
html.desktop-shell .feature-card,
html.desktop-shell .subtitle-tile,
html.desktop-shell .subtitle-size-btn {
  transition:
    transform 160ms ease,
    box-shadow 160ms ease,
    border-color 160ms ease,
    background-color 160ms ease,
    color 160ms ease;
}

html.desktop-shell .btn:not(:disabled):not(.disabled):hover,
html.desktop-shell button:not(:disabled):hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 18px rgba(13, 148, 136, 0.14);
}

html.desktop-shell .btn:not(:disabled):not(.disabled):active,
html.desktop-shell button:not(:disabled):active {
  transform: translateY(0);
  box-shadow: 0 4px 10px rgba(13, 148, 136, 0.12);
}

html.desktop-shell .btn.primary {
  border-color: #0d9488;
  background: #0d9488;
}

html.desktop-shell .btn.primary:hover {
  background: #0f766e;
}

html.desktop-shell .btn i,
html.desktop-shell .panel-head i,
html.desktop-shell .feature-card i,
html.desktop-shell .subpanel-title i,
html.desktop-shell h1 i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  line-height: 1;
}

html.desktop-shell h1 i {
  margin-right: 8px;
  color: #0d9488;
  font-size: 24px;
}

html.desktop-shell .panel-head > span,
html.desktop-shell .subpanel-title {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

html.desktop-shell .feature-card strong {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

html.desktop-shell .feature-card strong i {
  color: #0d9488;
  font-size: 19px;
}

html.desktop-shell .feature-card.selected {
  box-shadow: 0 14px 32px rgba(13, 148, 136, 0.15);
}

html.desktop-shell .task-row {
  background: rgba(255, 255, 255, 0.92);
}

html.desktop-shell .result-title {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}