#lily-consultation[hidden], #lily-consultation [hidden] { display: none !important; }
html.lily-consult-open { overflow: hidden; }
#lily-consultation {
  position: fixed; left: 20px; top: 20px; z-index: 10002; box-sizing: border-box;
  width: min(300px, max(200px, 23vw), calc((100vh - 120px) * .708));
  font-family: Pretendard, sans-serif; color: #fff;
}
#lily-consultation * { box-sizing: border-box; }
#lily-consultation .lily-consult-panel {
  width: 100%; overflow: hidden; background: #39224e;
  border-radius: 6px; box-shadow: 0 8px 32px rgba(0,0,0,.3);
}
#lily-consultation .lily-consult-slides { width: 100%; aspect-ratio: 1056 / 1490; background: #f2e9f6; }
#lily-consultation .lily-consult-slide { display: block; width: 100%; height: 100%; object-fit: contain; }
#lily-consultation button { appearance: none; border: 0; margin: 0; font: inherit; cursor: pointer; color: #fff; background: transparent; }
#lily-consultation button:focus-visible { outline: 2px solid #ffd691; outline-offset: -3px; }
#lily-consultation .lily-consult-languages { display: grid; grid-template-columns: repeat(5,1fr); }
#lily-consultation .lily-consult-languages button { min-height: 36px; padding: 5px 2px; font-size: 11px; white-space: nowrap; }
#lily-consultation .lily-consult-languages button[aria-pressed="true"] { color: #39224e; background: #e8d9f3; font-weight: 700; }
#lily-consultation .lily-consult-controls { display: flex; align-items: stretch; justify-content: space-between; border-top: 1px solid #796288; }
#lily-consultation .lily-consult-controls button { min-height: 38px; padding: 7px 8px; font-size: 11px; white-space: nowrap; }
#lily-consultation [data-lily-action="pause"] { min-width: 30px; }
@media (min-width: 769px) {
  #lily-consultation {
    left: var(--lily-consult-left, 20px);
    top: var(--lily-consult-top, 20px);
    width: var(--lily-consult-width, 300px);
  }
  #lily-consultation .lily-consult-panel { height: var(--lily-consult-height, auto); display: flex; flex-direction: column; }
  #lily-consultation .lily-consult-slides { flex: 1 1 0; min-height: 0; aspect-ratio: auto; }
  #lily-consultation .lily-consult-languages,
  #lily-consultation .lily-consult-controls { flex-shrink: 0; }
  html.lily-consult-open #popup_cover { box-sizing: border-box; padding-left: var(--lily-consult-reserved, 340px); padding-right: 20px; }
  html.lily-consult-open #popup_cover .popup_layer_wrap {
    flex-shrink: 0; transform: scale(var(--lily-event-scale, 1)); transform-origin: center;
  }
  html.lily-consult-open #popup_cover .popup_layer { max-height: none; }
}
@media (max-width: 768px) {
  #lily-consultation {
    inset: 0; width: 100%; height: 100%; height: 100dvh;
    padding: 16px; display: flex; align-items: center; justify-content: center;
    overflow-y: auto; background: rgba(0,0,0,.8);
  }
  #lily-consultation .lily-consult-panel { width: min(90vw, 420px, calc((100vh - 116px) * .708)); }
  @supports (height: 100dvh) {
    #lily-consultation .lily-consult-panel { width: min(90vw, 420px, calc((100dvh - 116px) * .708)); }
  }
  #lily-consultation .lily-consult-languages button { min-height: 40px; }
  #lily-consultation .lily-consult-controls button { min-height: 42px; }
  html.lily-consult-open #popup_cover { visibility: hidden; pointer-events: none; }
}