/* ============================================================================
   /lightcraft/ — тёмная комната и янтарь LightCraft.
   Фон почти чёрный нарочно: так обрабатывают фото — нейтральное тёмное
   окружение не врёт глазу о цвете снимка. Текст на янтарных кнопках тёмный:
   белый на #f2a516 читается вдвое хуже нормы.
   ========================================================================= */

.pb-landing.lp-lightcraft {
  --lp-primary:   #f2a516;
  --lp-secondary: #ffd166;
  --lp-accent:    #4dabf7;
  --lp-glow:      rgba(242, 165, 22, .35);
  --lp-glow2:     rgba(77, 171, 247, .18);
  --lp-bg:        #100d09;
  --lp-surface:   rgba(255, 255, 255, .05);
  --lp-border:    rgba(242, 165, 22, .18);
  --lp-text:      #fff4e0;
  --lp-muted:     rgba(255, 244, 224, .7);
  --lp-text-dim:  rgba(255, 244, 224, .7);
  --lp-wave:      #17130c;
}
.pb-landing.lp-lightcraft .lp-btn-primary,
.pb-landing.lp-lightcraft .lp-btn-launch,
.pb-landing.lp-lightcraft .lpd-btn--run,
.pb-landing.lp-lightcraft .lp-suite-btn { color: #1a1306; }

/* ── Стенд ──────────────────────────────────────────────────────────────── */
.lcd { display: grid; grid-template-columns: minmax(0, 1fr) 280px; gap: 16px; align-items: start; }
.lcd > .lpd-status { grid-column: 1 / -1; margin: 0; }
@media (max-width: 860px) { .lcd { grid-template-columns: 1fr; } }

.lcd__view {
  position: relative; border-radius: 12px; overflow: hidden; touch-action: none; cursor: ew-resize;
  background: #1a1a1a; border: 1px solid rgba(255, 255, 255, .08); user-select: none;
}
.lcd__cv { display: block; width: 100%; height: auto; }
.lcd__cv--after { position: absolute; inset: 0; }
.lcd__tag {
  position: absolute; top: 10px; padding: 3px 9px; border-radius: 6px; font-size: .75rem; font-weight: 700;
  color: #fff; background: rgba(0, 0, 0, .55); transition: opacity .2s;
}
.lcd__tag--b { left: 10px; }
.lcd__tag--a { right: 10px; }
.lcd__knob {
  position: absolute; top: 0; bottom: 0; width: 44px; margin-left: -22px; display: grid; place-items: center; cursor: ew-resize;
}
.lcd__knob::before { content: ''; position: absolute; top: 0; bottom: 0; left: 21px; width: 2px; background: #fff; box-shadow: 0 0 6px rgba(0, 0, 0, .6); }
.lcd__grip { position: relative; width: 30px; height: 30px; border-radius: 50%; background: #fff; box-shadow: 0 2px 8px rgba(0, 0, 0, .5); }
.lcd__grip::before, .lcd__grip::after {
  content: ''; position: absolute; top: 10px; border: 5px solid transparent;
}
.lcd__grip::before { left: 3px; border-right-color: #333; }
.lcd__grip::after { right: 3px; border-left-color: #333; }
.lcd__knob:focus-visible { outline: none; }
.lcd__knob:focus-visible .lcd__grip { box-shadow: 0 0 0 3px var(--lp-primary), 0 2px 8px rgba(0, 0, 0, .5); }

/* Правая панель — как Edit в самой программе: плотная, тёмная. */
.lcd__side { padding: 12px 14px; border-radius: 12px; background: #1f1d1a; border: 1px solid rgba(255, 255, 255, .07); }
.lcd__h { margin: 12px 0 6px; font-size: .78rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--lp-muted); }
.lcd__h:first-child { margin-top: 0; }
.lcd__histo { display: block; width: 100%; height: 64px; border-radius: 6px; background: #121110; }
.lcd__row { display: flex; gap: 8px; margin-top: 10px; }
.lcd__btn {
  flex: 1; min-height: 38px; border-radius: 8px; cursor: pointer; font: inherit; font-size: .88rem; font-weight: 700;
  color: #1a1306; background: var(--lp-primary); border: 0;
}
.lcd__btn--ghost { color: var(--lp-text); background: transparent; box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .2); }
.lcd__sl { display: grid; grid-template-columns: 1fr auto; gap: 2px 8px; align-items: baseline; margin-bottom: 6px; }
.lcd__sl input { grid-column: 1 / -1; width: 100%; accent-color: var(--lp-primary); }
.lcd__sl input.is-temp { accent-color: #e5a50a; }
.lcd__sl-n { display: flex; gap: 6px; align-items: baseline; font-size: .86rem; }
.lcd__sl-en { font-weight: 600; }
.lcd__sl-ru { font-size: .76rem; color: var(--lp-muted); }
.lcd__sl-v { font-size: .82rem; font-variant-numeric: tabular-nums; color: var(--lp-muted); }
.lcd__presets { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.lcd__preset {
  display: grid; gap: 1px; padding: 7px 8px; border-radius: 8px; cursor: pointer; text-align: left;
  font: inherit; color: var(--lp-text); background: rgba(255, 255, 255, .04); border: 1.5px solid rgba(255, 255, 255, .1);
}
.lcd__preset b { font-size: .84rem; }
.lcd__preset span { font-size: .7rem; color: var(--lp-muted); }
.lcd__preset[aria-pressed="true"] { border-color: var(--lp-primary); background: rgba(242, 165, 22, .14); }
.lcd__amount { margin-top: 8px; }
.lcd__amount input[disabled] { opacity: .4; }