/* Compact input and an adaptive result surface, scoped to dream interpretation. */
html body.tianji-mystic.orchid-tool-page[data-orchid-tool="dream"] .dream-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-content: start;
  gap: 18px 16px;
}
html body.tianji-mystic.orchid-tool-page[data-orchid-tool="dream"] .dream-form > :is(.card-heading, .field-primary, .dream-extra-details, .form-actions, .form-error) { grid-column: 1 / -1; }
html body.tianji-mystic.orchid-tool-page[data-orchid-tool="dream"] .dream-form > .card-heading { margin-bottom: 0; }
html body.tianji-mystic.orchid-tool-page[data-orchid-tool="dream"] .dream-form .field { min-width: 0; margin: 0; gap: 6px; align-content: start; }
html body.tianji-mystic.orchid-tool-page[data-orchid-tool="dream"] #dreamText { height: 164px; min-height: 140px; }
html body.tianji-mystic.orchid-tool-page[data-orchid-tool="dream"] #focusQuestion { height: 112px; min-height: 88px; }
html body.tianji-mystic.orchid-tool-page[data-orchid-tool="dream"] .emotion-field > legend { margin-bottom: 8px; padding: 0; }
html body.tianji-mystic.orchid-tool-page[data-orchid-tool="dream"] .emotion-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 6px; }
html body.tianji-mystic.orchid-tool-page[data-orchid-tool="dream"] .emotion-grid label { min-width: 0; }
html body.tianji-mystic.orchid-tool-page[data-orchid-tool="dream"] .emotion-grid label > span { width: 100%; min-height: 40px; padding: 7px 2px; font-size: 12px; white-space: nowrap; }
html body.tianji-mystic.orchid-tool-page[data-orchid-tool="dream"] .dream-extra-details > summary { min-height: 50px; padding-block: 11px; }
html body.tianji-mystic.orchid-tool-page[data-orchid-tool="dream"] .dream-form .form-actions { margin-top: 0; }
html body.tianji-mystic.orchid-tool-page[data-orchid-tool="dream"] .dream-form .form-error { margin: 0; }

html body.tianji-mystic.orchid-tool-page[data-orchid-tool="dream"] #resultCard {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  align-self: start;
  position: sticky;
  top: 104px;
  scroll-margin-top: 104px;
}
html body.tianji-mystic.orchid-tool-page[data-orchid-tool="dream"] .dream-workspace:not(:has(.dream-extra-details[open])):has(#resultLive[hidden]) #resultCard { align-self: stretch; position: static; }
html body.tianji-mystic.orchid-tool-page[data-orchid-tool="dream"] #resultEmpty:not([hidden]) { flex: 1; min-height: 0; padding: 20px 0; }
html body.tianji-mystic.orchid-tool-page[data-orchid-tool="dream"] #resultEmpty .mystic-empty-object { width: 120px; height: 120px; margin-bottom: 18px; }
html body.tianji-mystic.orchid-tool-page[data-orchid-tool="dream"] :is(#resultLive, #resultText) { min-height: 0; }
html body.tianji-mystic.orchid-tool-page[data-orchid-tool="dream"] #resultCard:has(#resultLive:not([hidden])) { position: static; }

@media (min-width: 981px) and (min-height: 820px) {
  html body.tianji-mystic.orchid-tool-page[data-orchid-tool="dream"] .dream-workspace:has(#resultLive:not([hidden])) .dream-form:not(:has(.dream-extra-details[open])) { position: sticky; top: 104px; }
}
@media (max-width: 980px) {
  html body.tianji-mystic.orchid-tool-page[data-orchid-tool="dream"] .dream-workspace #resultCard { position: static; align-self: start; scroll-margin-top: 82px; }
  html body.tianji-mystic.orchid-tool-page[data-orchid-tool="dream"] #resultEmpty:not([hidden]) { padding: 8px 0; }
}
@media (max-width: 620px) {
  html body.tianji-mystic.orchid-tool-page[data-orchid-tool="dream"] .dream-form { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  html body.tianji-mystic.orchid-tool-page[data-orchid-tool="dream"] #dreamText { height: 176px; }
  html body.tianji-mystic.orchid-tool-page[data-orchid-tool="dream"] #focusQuestion { height: 88px; }
  html body.tianji-mystic.orchid-tool-page[data-orchid-tool="dream"] .emotion-grid label > span { min-height: 44px; }
  html body.tianji-mystic.orchid-tool-page[data-orchid-tool="dream"] .dream-extra-details > summary { flex-direction: row; align-items: center; }
  html body.tianji-mystic.orchid-tool-page[data-orchid-tool="dream"] #resultEmpty .mystic-empty-object { width: 96px; height: 96px; margin-bottom: 12px; }
}