/* ============================================================
   MISSION CONTROL — Live Preview owner composition
   Approved concept: landing-output/previews/live-preview-owner-concept.html
   Quiet-intelligence dark canvas built on the existing ONEAI HQ design
   tokens (--bg-*, --text-*, --acc-nova, --line-*, --r-*) from hq.css.
   Presentation only — no data/contract logic lives here.
   ============================================================ */
body[data-oneai-route="live-preview"] .lpmc-root{display:flex;flex-direction:column;gap:0;}

body[data-oneai-route="live-preview"] .lpmc-hero-grid{display:grid;grid-template-columns:1fr 336px;gap:18px;align-items:stretch;margin-bottom:22px;}

body[data-oneai-route="live-preview"] .lpmc-hero{position:relative;background:linear-gradient(155deg,rgba(139,124,246,0.07),rgba(15,20,34,0.25) 45%,rgba(10,14,26,0.45));border:1px solid var(--line-1);border-radius:var(--r-xl,20px);padding:26px 28px 22px;overflow:hidden;}
body[data-oneai-route="live-preview"] .lpmc-hero::before{content:"";position:absolute;top:-40%;right:-12%;width:420px;height:420px;background:radial-gradient(circle,rgba(139,124,246,0.14),rgba(139,124,246,0) 65%);pointer-events:none;}
body[data-oneai-route="live-preview"] .lpmc-hero-eyebrow{position:relative;display:flex;align-items:center;gap:9px;font-family:var(--mono,monospace);font-size:11px;letter-spacing:0.14em;color:var(--acc-nova);text-transform:uppercase;font-weight:700;margin-bottom:12px;}
body[data-oneai-route="live-preview"] .lpmc-live-dot{width:6px;height:6px;border-radius:50%;background:var(--acc-nova);box-shadow:0 0 0 3px rgba(139,124,246,0.18);}
body[data-oneai-route="live-preview"] .lpmc-divider{color:var(--text-3);font-weight:400;}
body[data-oneai-route="live-preview"] .lpmc-when{color:var(--text-2);letter-spacing:0.06em;text-transform:none;font-weight:600;}
body[data-oneai-route="live-preview"] .lpmc-hero-title{position:relative;font-size:clamp(22px,2.6vw,34px);font-weight:800;letter-spacing:-0.02em;line-height:1.15;color:var(--text-0);max-width:620px;margin:0 0 16px;}
body[data-oneai-route="live-preview"] .lpmc-hero-status-row{position:relative;display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px;}
body[data-oneai-route="live-preview"] .lpmc-status-chip{display:inline-flex;align-items:center;gap:7px;padding:6px 13px 6px 10px;border-radius:999px;background:rgba(251,191,36,0.1);border:1px solid rgba(251,191,36,0.32);color:#ffd889;font-size:11.5px;font-weight:700;letter-spacing:0.03em;}
body[data-oneai-route="live-preview"] .lpmc-status-chip .dot{width:6px;height:6px;border-radius:50%;background:var(--warn);box-shadow:0 0 8px rgba(251,191,36,0.7);animation:lpmcPulse 2.1s ease-in-out infinite;}
body[data-oneai-route="live-preview"] .lpmc-status-chip.ready{background:rgba(45,212,167,0.1);border-color:rgba(45,212,167,0.32);color:#8bf0d3;}
body[data-oneai-route="live-preview"] .lpmc-status-chip.ready .dot{background:var(--acc-sales,#2dd4a7);box-shadow:0 0 8px rgba(45,212,167,0.7);}
body[data-oneai-route="live-preview"] .lpmc-status-chip.live{background:rgba(248,113,113,0.12);border-color:rgba(248,113,113,0.35);color:#ffb4b4;}
body[data-oneai-route="live-preview"] .lpmc-status-chip.live .dot{background:var(--danger,#f87171);box-shadow:0 0 8px rgba(248,113,113,0.8);}
@keyframes lpmcPulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.55;transform:scale(.82);}}
body[data-oneai-route="live-preview"] .lpmc-status-detail{font-size:12.5px;color:var(--text-2);}
body[data-oneai-route="live-preview"] .lpmc-hero-meta{position:relative;display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding-top:14px;border-top:1px solid var(--line-0);}
body[data-oneai-route="live-preview"] .lpmc-meta-item{display:flex;flex-direction:column;gap:2px;}
body[data-oneai-route="live-preview"] .lpmc-meta-item span{font-size:10px;color:var(--text-3);}
body[data-oneai-route="live-preview"] .lpmc-meta-item strong{font-size:12.5px;color:var(--text-1);font-weight:600;}

body[data-oneai-route="live-preview"] .lpmc-nova-panel{position:relative;background:linear-gradient(165deg,rgba(139,124,246,0.11),rgba(10,14,26,0.7) 55%);border:1px solid rgba(139,124,246,0.28);border-radius:var(--r-xl,20px);padding:20px 18px 18px;box-shadow:0 0 0 1px rgba(139,124,246,0.22),0 18px 46px -18px rgba(139,124,246,0.4);display:flex;flex-direction:column;}
body[data-oneai-route="live-preview"] .lpmc-nova-head{display:flex;align-items:center;gap:9px;margin-bottom:13px;}
body[data-oneai-route="live-preview"] .lpmc-nova-orb{width:26px;height:26px;border-radius:50%;flex:none;background:radial-gradient(circle at 32% 30%,#c9befa,var(--acc-nova) 55%,#4a32c4 100%);box-shadow:0 0 16px rgba(139,124,246,0.5);}
body[data-oneai-route="live-preview"] .lpmc-nova-head b{font-size:13px;color:var(--text-0);font-weight:700;}
body[data-oneai-route="live-preview"] .lpmc-nova-head small{display:block;font-size:10.5px;color:var(--text-3);margin-top:1px;}
body[data-oneai-route="live-preview"] .lpmc-nova-headline{font-size:13.5px;font-weight:600;color:var(--text-0);margin:0 0 14px;line-height:1.4;}
body[data-oneai-route="live-preview"] .lpmc-nova-headline .n{color:var(--acc-nova);}
body[data-oneai-route="live-preview"] .lpmc-nova-checklist{display:flex;flex-direction:column;gap:1px;margin-bottom:16px;}
body[data-oneai-route="live-preview"] .lpmc-nova-row{display:flex;align-items:center;gap:9px;padding:8px 7px;border-radius:9px;}
body[data-oneai-route="live-preview"] .lpmc-nova-row.actionable{cursor:pointer;border:none;background:none;width:100%;text-align:left;font:inherit;}
body[data-oneai-route="live-preview"] .lpmc-nova-row.actionable:hover{background:rgba(255,255,255,0.035);}
body[data-oneai-route="live-preview"] .lpmc-nova-row .mark{width:18px;height:18px;border-radius:50%;flex:none;display:inline-flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:700;}
body[data-oneai-route="live-preview"] .lpmc-nova-row.done .mark{background:rgba(45,212,167,0.16);color:var(--acc-sales,#2dd4a7);}
body[data-oneai-route="live-preview"] .lpmc-nova-row.pending .mark{background:rgba(251,191,36,0.14);color:var(--warn);}
body[data-oneai-route="live-preview"] .lpmc-nova-row .label{font-size:12.5px;color:var(--text-1);font-weight:500;}
body[data-oneai-route="live-preview"] .lpmc-nova-row.done .label{color:var(--text-2);}
body[data-oneai-route="live-preview"] .lpmc-nova-row .go{margin-left:auto;font-size:10.5px;color:var(--text-3);opacity:0;transition:opacity .15s ease;}
body[data-oneai-route="live-preview"] .lpmc-nova-row.actionable:hover .go{opacity:1;color:var(--acc-nova);}
body[data-oneai-route="live-preview"] .lpmc-nova-cta{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 14px;border-radius:12px;border:none;cursor:pointer;background:linear-gradient(135deg,var(--acc-nova),#4a32c4);color:#fff;font-size:13px;font-weight:700;letter-spacing:0.01em;box-shadow:0 10px 24px -10px rgba(139,124,246,0.65);text-decoration:none;text-align:center;font-family:var(--font,inherit);transition:transform .15s ease,box-shadow .15s ease;}
body[data-oneai-route="live-preview"] .lpmc-nova-cta:hover{transform:translateY(-1px);box-shadow:0 14px 30px -10px rgba(139,124,246,0.8);color:#fff;}

body[data-oneai-route="live-preview"] .lpmc-section-label{display:flex;align-items:center;justify-content:space-between;margin:0 2px 10px;}
body[data-oneai-route="live-preview"] .lpmc-section-label h2{font-size:14px;font-weight:700;color:var(--text-0);margin:0;letter-spacing:-0.01em;}
body[data-oneai-route="live-preview"] .lpmc-section-label .hint{font-size:11px;color:var(--text-3);}

body[data-oneai-route="live-preview"] .lpmc-stage{position:relative;background:var(--bg-2);border:1px solid var(--line-1);border-radius:var(--r-xl,20px);padding:18px;margin-bottom:14px;box-shadow:var(--shadow-1);}
body[data-oneai-route="live-preview"] .lpmc-stage-layout{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:18px;align-items:start;}
body[data-oneai-route="live-preview"] .lpmc-stage-view-col{min-width:0;display:flex;flex-direction:column;}
body[data-oneai-route="live-preview"] .lpmc-stage-mock{width:100%;max-width:580px;height:auto;min-height:0;aspect-ratio:16 / 9;max-height:250px;margin:0 0 8px;border-radius:12px;overflow:hidden;background:#080b12;box-sizing:border-box;}
body[data-oneai-route="live-preview"] .lpmc-preview-note{font-size:11px;color:var(--text-3);margin:0;}

body[data-oneai-route="live-preview"] .lpmc-stage-side-col{min-width:0;display:flex;flex-direction:column;gap:12px;}
body[data-oneai-route="live-preview"] .lpmc-stage-rail-group{display:flex;flex-direction:column;gap:6px;}
body[data-oneai-route="live-preview"] .lpmc-rail-label{font-family:var(--mono,monospace);font-size:9.5px;letter-spacing:0.1em;text-transform:uppercase;color:var(--text-3);font-weight:700;margin-bottom:2px;}

body[data-oneai-route="live-preview"] .lp-stage-roadmap.is-vertical{display:flex;flex-direction:column;gap:6px;width:100%;padding:0;margin:0;border:none;}
body[data-oneai-route="live-preview"] .lp-stage-roadmap.is-vertical .lp-stage-node{display:flex;align-items:center;gap:8px;width:100%;height:38px;padding:0 10px;border-radius:8px;background:rgba(255,255,255,0.02);border:1px solid var(--line-1);color:var(--text-2);cursor:pointer;box-sizing:border-box;transition:all .15s ease;}
body[data-oneai-route="live-preview"] .lp-stage-roadmap.is-vertical .lp-stage-node:hover{background:rgba(255,255,255,0.05);border-color:var(--line-2);color:var(--text-0);}
body[data-oneai-route="live-preview"] .lp-stage-roadmap.is-vertical .lp-stage-node.is-active{background:rgba(139,124,246,0.12);border-color:rgba(139,124,246,0.45);color:var(--text-0);box-shadow:0 0 12px -3px rgba(139,124,246,0.35);}
body[data-oneai-route="live-preview"] .lp-stage-roadmap.is-vertical .lp-stage-node.is-active .lp-stage-node-icon svg{color:var(--acc-nova);}
body[data-oneai-route="live-preview"] .lp-stage-roadmap.is-vertical .lp-stage-node-label{font-size:12px;font-weight:600;flex:1;text-align:left;}
body[data-oneai-route="live-preview"] .lp-stage-roadmap.is-vertical .lp-stage-node-offset{font-family:var(--mono,monospace);font-size:10px;color:var(--text-3);}
body[data-oneai-route="live-preview"] .lp-stage-roadmap.is-vertical .lp-stage-node.is-active .lp-stage-node-offset{color:var(--acc-nova);font-weight:700;}

body[data-oneai-route="live-preview"] .lpmc-stage-actions{display:flex;align-items:center;justify-content:flex-start;gap:6px;width:100%;flex-wrap:wrap;}
body[data-oneai-route="live-preview"] .lpmc-stage-action-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:32px;border-radius:6px;background:rgba(255,255,255,0.02);border:1px solid var(--line-1);color:var(--text-2);cursor:pointer;padding:0;transition:all .15s ease;}
body[data-oneai-route="live-preview"] .lpmc-stage-action-btn:hover{background:rgba(255,255,255,0.06);border-color:var(--line-2);color:var(--text-0);}
body[data-oneai-route="live-preview"] .lpmc-stage-action-btn svg{width:14px;height:14px;}

body[data-oneai-route="live-preview"] .guest-golive-view{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;height:100%;color:#fff;}
body[data-oneai-route="live-preview"] .guest-golive-icon{color:var(--acc-sales,#2dd4a7);opacity:.9;}
body[data-oneai-route="live-preview"] .guest-golive-lead{font-size:15px;font-weight:700;}
body[data-oneai-route="live-preview"] .guest-golive-facts{display:flex;gap:22px;margin:4px 0;}
body[data-oneai-route="live-preview"] .guest-golive-facts div{display:flex;flex-direction:column;align-items:center;gap:2px;}
body[data-oneai-route="live-preview"] .guest-golive-facts span{font-size:9.5px;color:var(--text-3,#8892aa);text-transform:uppercase;letter-spacing:.06em;}
body[data-oneai-route="live-preview"] .guest-golive-facts strong{font-family:var(--mono,monospace);font-size:18px;}
body[data-oneai-route="live-preview"] .guest-golive-sub{font-size:11px;color:#aeb5ba;}

body[data-oneai-route="live-preview"] .lpmc-entry-links{display:flex;gap:8px;}
body[data-oneai-route="live-preview"] .lpmc-pill-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,0.02);border:1px solid var(--line-1);color:var(--text-1);font-size:11px;font-weight:600;cursor:pointer;text-decoration:none;transition:all .15s ease;}
body[data-oneai-route="live-preview"] .lpmc-pill-btn:hover{background:var(--bg-hover,#1c2540);border-color:var(--line-2);color:var(--text-0);}

/* Progressive-disclosure drawer */
body[data-oneai-route="live-preview"] .lpmc-backdrop{position:fixed;inset:0;background:rgba(4,6,12,0.6);opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:400;}
body[data-oneai-route="live-preview"] .lpmc-backdrop.open{opacity:1;pointer-events:auto;}
body[data-oneai-route="live-preview"] .lpmc-drawer{position:fixed;top:0;right:0;height:100%;width:460px;max-width:92vw;background:var(--bg-1);border-left:1px solid var(--line-2);box-shadow:-30px 0 60px -20px rgba(0,0,0,0.7);transform:translateX(100%);transition:transform .3s cubic-bezier(.2,.8,.25,1);z-index:401;display:flex;flex-direction:column;}
body[data-oneai-route="live-preview"] .lpmc-drawer.open{transform:translateX(0);}
body[data-oneai-route="live-preview"] .lpmc-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid var(--line-1);flex:none;}
body[data-oneai-route="live-preview"] .lpmc-drawer-head span{display:block;font-family:var(--mono,monospace);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--acc-nova);margin-bottom:3px;}
body[data-oneai-route="live-preview"] .lpmc-drawer-head strong{font-size:15px;color:var(--text-0);font-weight:700;}
body[data-oneai-route="live-preview"] .lpmc-drawer-close{width:28px;height:28px;border-radius:8px;border:1px solid var(--line-1);background:rgba(255,255,255,0.02);color:var(--text-2);cursor:pointer;flex:none;}
body[data-oneai-route="live-preview"] .lpmc-drawer-close:hover{color:var(--text-0);border-color:var(--line-2);}
body[data-oneai-route="live-preview"] .lpmc-drawer-body{padding:18px 20px 26px;overflow-y:auto;flex:1;}
body[data-oneai-route="live-preview"] .lpmc-drawer-section{display:none;}
body[data-oneai-route="live-preview"] .lpmc-drawer-section.active{display:block;}
body[data-oneai-route="live-preview"] .lpmc-drawer-forward{margin-top:14px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;}

body[data-oneai-route="live-preview"] .lpmc-review-gate{margin-top:14px;}
body[data-oneai-route="live-preview"] .lpmc-review-actions{display:flex;align-items:center;gap:10px;}
body[data-oneai-route="live-preview"] .lpmc-changes-diff{margin-bottom:12px;padding:10px 12px;border-radius:10px;background:rgba(139,124,246,0.06);border:1px solid rgba(139,124,246,0.2);display:flex;flex-direction:column;gap:6px;}
body[data-oneai-route="live-preview"] .lpmc-diff-row{display:flex;align-items:center;gap:8px;font-size:12px;flex-wrap:wrap;}
body[data-oneai-route="live-preview"] .lpmc-diff-row.lpmc-diff-empty{color:var(--text-3);}
body[data-oneai-route="live-preview"] .lpmc-diff-label{color:var(--text-3);min-width:150px;}
body[data-oneai-route="live-preview"] .lpmc-diff-before{color:var(--text-2);text-decoration:line-through;}
body[data-oneai-route="live-preview"] .lpmc-diff-arrow{color:var(--acc-nova);}
body[data-oneai-route="live-preview"] .lpmc-diff-after{color:var(--text-0);font-weight:600;}

/* 390px mobile: hero/NOVA stack, drawer becomes near-full-width, rail scrolls */
@media (max-width:520px){
  body[data-oneai-route="live-preview"] .lpmc-hero-grid{grid-template-columns:1fr;gap:12px;}
  body[data-oneai-route="live-preview"] .lpmc-hero{padding:18px 16px 16px;}
  body[data-oneai-route="live-preview"] .lpmc-hero-title{font-size:20px;}
  body[data-oneai-route="live-preview"] .lpmc-hero-meta{gap:14px;}
  body[data-oneai-route="live-preview"] .lpmc-stage{padding:14px;}
  body[data-oneai-route="live-preview"] .lpmc-stage-layout{grid-template-columns:1fr;gap:12px;}
  body[data-oneai-route="live-preview"] .lpmc-stage-mock{max-width:100%;height:auto;aspect-ratio:16/9;}
  body[data-oneai-route="live-preview"] .lp-stage-roadmap.is-vertical{flex-direction:row;}
  body[data-oneai-route="live-preview"] .lp-stage-roadmap.is-vertical .lp-stage-node{flex:1;}
  body[data-oneai-route="live-preview"] .lpmc-stage-actions{justify-content:center;}
  body[data-oneai-route="live-preview"] .lpmc-entry-links{justify-content:center;}
  body[data-oneai-route="live-preview"] .lpmc-drawer{width:100vw;max-width:100vw;}
  body[data-oneai-route="live-preview"] .guest-golive-facts{gap:14px;}
}

/* Keep Manage sessions row actions inside its fixed-width drawer. */
body[data-oneai-route="live-preview"] .lpmc-drawer .lp-session-row {
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas:
    "title status"
    "schedule schedule"
    "language seats"
    "actions actions";
  min-width: 0;
  gap: 7px 8px;
}
body[data-oneai-route="live-preview"] .lpmc-drawer .lp-session-row > .lp-session-title-col {
  grid-area: title;
  min-width: 0;
}
body[data-oneai-route="live-preview"] .lpmc-drawer .lp-session-row > .lp-session-title-col strong,
body[data-oneai-route="live-preview"] .lpmc-drawer .lp-session-row > .lp-session-title-col small {
  overflow-wrap: anywhere;
}
body[data-oneai-route="live-preview"] .lpmc-drawer .lp-session-row > .lp-session-meta-col:nth-child(2) {
  grid-area: schedule;
  min-width: 0;
}
body[data-oneai-route="live-preview"] .lpmc-drawer .lp-session-row > .lp-session-meta-col:nth-child(3) {
  grid-area: language;
  min-width: 0;
}
body[data-oneai-route="live-preview"] .lpmc-drawer .lp-session-row > .lp-session-meta-col:nth-child(4) {
  grid-area: seats;
  min-width: 0;
  justify-self: end;
}
body[data-oneai-route="live-preview"] .lpmc-drawer .lp-session-row > .lp-session-status-col {
  grid-area: status;
  justify-self: end;
}
body[data-oneai-route="live-preview"] .lpmc-drawer .lp-session-row > .lp-session-actions {
  grid-area: actions;
  min-width: 0;
  width: 100%;
  justify-content: flex-end;
}

/* Targeted live-preview polish: keep the stage media-shaped, keep the
   existing drawer fields inside their inspector, and keep host entry points
   visually tied to the guest-facing stage. */
body[data-oneai-route="live-preview"] .lpmc-stage-mock .stage-guest-content{
  width:100%;
  height:100%;
  min-width:0;
  min-height:0;
  box-sizing:border-box;
}
body[data-oneai-route="live-preview"] .lpmc-stage-mock .guest-video-el,
body[data-oneai-route="live-preview"] .lpmc-stage-mock video,
body[data-oneai-route="live-preview"] .lpmc-stage-mock iframe,
body[data-oneai-route="live-preview"] .lpmc-stage-mock .lp-mentor-canonical-image{
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  object-position:center;
}
body[data-oneai-route="live-preview"] .lpmc-stage-mock .lp-mentor-canonical-stage{
  width:100%;
  height:100%;
  min-width:0;
  min-height:0;
}
body[data-oneai-route="live-preview"] .lpmc-stage-mock .lp-mentor-stage{
  align-items:center;
  justify-content:center;
  gap:16px;
  min-height:100%;
  padding:20px 24px;
  box-sizing:border-box;
  text-align:center;
}
body[data-oneai-route="live-preview"] .lpmc-stage-mock .lp-mentor-row{
  width:min(100%,560px);
  text-align:left;
}
body[data-oneai-route="live-preview"] .lpmc-stage-mock .lp-mentor-topic{
  width:min(100%,560px);
  margin-left:auto;
  margin-right:auto;
  text-align:left;
}
body[data-oneai-route="live-preview"] .lpmc-stage-mock .guest-count-view{
  min-height:100%;
  gap:10px;
  padding:20px 24px;
  box-sizing:border-box;
}
body[data-oneai-route="live-preview"] .lpmc-stage-mock .guest-count-digits{
  line-height:1;
  margin:2px 0;
}
body[data-oneai-route="live-preview"] .lpmc-stage-mock .guest-count-sub{
  max-width:460px;
  line-height:1.45;
}
body[data-oneai-route="live-preview"] .lpmc-entry-links .lpmc-pill-btn svg{
  width:12px;
  height:12px;
}

body[data-oneai-route="live-preview"] .lpmc-drawer-body{
  min-width:0;
  overflow-x:hidden;
}
body[data-oneai-route="live-preview"] .lpmc-drawer .lp-schedule-module,
body[data-oneai-route="live-preview"] .lpmc-drawer .lp-schedule-form,
body[data-oneai-route="live-preview"] .lpmc-drawer .lp-form-grid{
  min-width:0;
  width:100%;
  max-width:100%;
  box-sizing:border-box;
}
body[data-oneai-route="live-preview"] .lpmc-drawer .lp-form-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
body[data-oneai-route="live-preview"] .lpmc-drawer .lp-form-grid .lp-field{
  min-width:0;
}
body[data-oneai-route="live-preview"] .lpmc-drawer .lp-form-grid .lp-field:first-child{
  grid-column:1 / -1;
}
body[data-oneai-route="live-preview"] .lpmc-drawer .lp-field > div,
body[data-oneai-route="live-preview"] .lpmc-drawer .lp-input,
body[data-oneai-route="live-preview"] .lpmc-drawer .lp-select{
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
}
body[data-oneai-route="live-preview"] .lpmc-drawer #lpJoinLinkSendMinutesInput{
  width:72px !important;
  max-width:72px;
  flex:0 1 72px;
}
body[data-oneai-route="live-preview"] .lpmc-drawer .lp-presets-row{
  min-width:0;
  flex-wrap:wrap;
  row-gap:7px;
}
body[data-oneai-route="live-preview"] .lpmc-drawer .lp-preset-chip{
  max-width:100%;
  white-space:nowrap;
}
body[data-oneai-route="live-preview"] .lpmc-drawer .lpmc-review-actions{
  flex-wrap:wrap;
}

@media (max-width:520px){
  body[data-oneai-route="live-preview"] .lpmc-stage-mock{
    width:100%;
    height:auto;
    aspect-ratio:16 / 9;
  }
  body[data-oneai-route="live-preview"] .lpmc-stage .lp-stage-roadmap{
    display:flex;
    width:auto;
  }
  body[data-oneai-route="live-preview"] .lpmc-stage .lp-stage-node{
    width:118px;
  }
  body[data-oneai-route="live-preview"] .lpmc-drawer .lp-form-grid{
    grid-template-columns:1fr;
  }
  body[data-oneai-route="live-preview"] .lpmc-drawer .lp-form-grid .lp-field:first-child{
    grid-column:auto;
  }
}

/* Final layout pass: compact the existing composition without changing its
   content, actions, or progressive-disclosure behavior. */
body[data-oneai-route="live-preview"] .live-preview-page.lpmc-root{
  gap:16px;
  padding:18px 32px 30px;
}
body[data-oneai-route="live-preview"] .live-preview-page.lpmc-root > .t6-detail-head{
  padding-bottom:14px;
}
body[data-oneai-route="live-preview"] .lpmc-hero-grid{
  gap:14px;
  margin-bottom:14px;
}
body[data-oneai-route="live-preview"] .lpmc-hero{
  padding:18px 22px 16px;
}
body[data-oneai-route="live-preview"] .lpmc-hero-title{
  margin-bottom:10px;
}
body[data-oneai-route="live-preview"] .lpmc-hero-status-row{
  margin-bottom:12px;
}
body[data-oneai-route="live-preview"] .lpmc-hero-meta{
  padding-top:10px;
}
body[data-oneai-route="live-preview"] .lpmc-nova-panel{
  padding:14px 16px;
}
body[data-oneai-route="live-preview"] .lpmc-nova-head{
  margin-bottom:8px;
}
body[data-oneai-route="live-preview"] .lpmc-nova-headline{
  margin-bottom:10px;
}
body[data-oneai-route="live-preview"] .lpmc-nova-checklist{
  margin-bottom:10px;
}
body[data-oneai-route="live-preview"] .lpmc-nova-row{
  padding:6px 7px;
}
body[data-oneai-route="live-preview"] .lpmc-nova-cta{
  padding:10px 12px;
}
body[data-oneai-route="live-preview"] .live-preview-page.lpmc-root > .t6-detail-head,
body[data-oneai-route="live-preview"] .t6-detail-head{
  border-bottom:none !important;
  margin-bottom:8px !important;
  padding-bottom:0 !important;
}

body[data-oneai-route="live-preview"] .lpmc-drawer-head{
  padding:14px 18px;
}
body[data-oneai-route="live-preview"] .lpmc-drawer-body{
  padding:12px 18px 18px;
}
body[data-oneai-route="live-preview"] .lpmc-drawer .lp-schedule-module{
  padding:14px 16px;
}
body[data-oneai-route="live-preview"] .lpmc-drawer .lp-schedule-form{
  gap:8px;
}
body[data-oneai-route="live-preview"] .lpmc-drawer .lp-editor-header{
  margin-bottom:10px;
  padding-bottom:8px;
}
body[data-oneai-route="live-preview"] .lpmc-drawer .lp-form-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:12px;
  row-gap:8px;
  align-items:end;
}
body[data-oneai-route="live-preview"] .lpmc-drawer .lp-form-grid > .lp-field:first-child,
body[data-oneai-route="live-preview"] .lpmc-drawer .lp-form-grid > .lp-field:last-child{
  grid-column:1 / -1;
}
body[data-oneai-route="live-preview"] .lpmc-drawer .lp-field label{
  min-height:14px;
  line-height:1.2;
}
body[data-oneai-route="live-preview"] .lpmc-drawer .lp-input,
body[data-oneai-route="live-preview"] .lpmc-drawer .lp-select{
  height:36px;
}
body[data-oneai-route="live-preview"] .lpmc-drawer .lp-presets-row{
  margin-top:6px;
  padding-top:8px;
  gap:7px;
}
body[data-oneai-route="live-preview"] .lpmc-drawer .lpmc-review-gate{
  margin-top:8px;
}
body[data-oneai-route="live-preview"] .lpmc-drawer .lpmc-review-actions{
  gap:8px;
}
body[data-oneai-route="live-preview"] .lpmc-drawer .lp-save-schedule-action{
  height:30px;
}

@media (min-width:1181px) and (max-width:1500px) and (min-height:820px){
  body[data-oneai-route="live-preview"] .lpmc-stage-mock{
    max-width:600px;
  }
}

@media (max-width:860px){
  body[data-oneai-route="live-preview"] .lpmc-section-label{
    align-items:flex-start;
    flex-direction:column;
    gap:8px;
  }
  body[data-oneai-route="live-preview"] .lpmc-section-header-actions{
    width:100%;
    justify-content:space-between;
    flex-wrap:wrap;
  }
  body[data-oneai-route="live-preview"] .lpmc-section-header-actions .hint{
    white-space:normal;
  }
}

@media (max-width:520px){
  body[data-oneai-route="live-preview"] .live-preview-page.lpmc-root{
    padding:14px 14px 24px;
  }
  body[data-oneai-route="live-preview"] .lpmc-drawer .lp-form-grid{
    grid-template-columns:1fr;
  }
  body[data-oneai-route="live-preview"] .lpmc-drawer .lp-form-grid > .lp-field:first-child,
  body[data-oneai-route="live-preview"] .lpmc-drawer .lp-form-grid > .lp-field:last-child{
    grid-column:auto;
  }
}

/* Alignment correction: keep the accepted composition compact and deliberate
   without changing any Live Preview behavior or disclosure handlers. */
body[data-oneai-route="live-preview"] .lpmc-hero-grid{
  align-items:stretch !important;
}
body[data-oneai-route="live-preview"] .lpmc-hero{
  display:flex;
  flex-direction:column;
  height:100%;
  box-sizing:border-box;
}
body[data-oneai-route="live-preview"] .lpmc-hero-meta{
  margin-top:auto;
}
body[data-oneai-route="live-preview"] .lpmc-nova-panel{
  display:flex;
  flex-direction:column;
  height:100%;
  box-sizing:border-box;
  padding:14px 16px;
}
body[data-oneai-route="live-preview"] .lpmc-nova-head{
  margin-bottom:6px;
}
body[data-oneai-route="live-preview"] .lpmc-nova-headline{
  margin-bottom:8px;
}
body[data-oneai-route="live-preview"] .lpmc-nova-checklist{
  gap:0;
  margin-bottom:8px;
}
body[data-oneai-route="live-preview"] .lpmc-nova-row{
  padding:4px 7px;
}
body[data-oneai-route="live-preview"] .lpmc-nova-cta{
  margin-top:auto;
  padding:8px 10px;
}

/* Room controls use the existing compact icon-action geometry. */
body[data-oneai-route="live-preview"] .lpmc-section-header-actions .lpmc-entry-links{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:nowrap;
}
body[data-oneai-route="live-preview"] .lpmc-section-header-actions .lpmc-entry-links .lpmc-pill-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 26px;
  width:26px;
  min-width:26px;
  height:26px;
  min-height:26px;
  padding:0;
  gap:0;
  border-radius:4px;
  font-size:11px;
  line-height:1;
}
body[data-oneai-route="live-preview"] .lpmc-section-header-actions .lpmc-entry-links .lpmc-pill-btn svg{
  width:13px;
  height:13px;
  margin:0;
}

/* The drawer is a strict full-width / two-column form; nothing may create a
   surprise third column or a wrapped preset row. */
body[data-oneai-route="live-preview"] .lpmc-drawer .lp-form-grid{
  grid-auto-flow:row;
  grid-auto-rows:max-content;
}
body[data-oneai-route="live-preview"] .lpmc-drawer .lp-field{
  min-width:0;
}
body[data-oneai-route="live-preview"] .lpmc-drawer .lp-field > label{
  white-space:nowrap;
}
body[data-oneai-route="live-preview"] .lpmc-drawer .lp-input,
body[data-oneai-route="live-preview"] .lpmc-drawer .lp-select{
  min-width:0;
  box-sizing:border-box;
}
body[data-oneai-route="live-preview"] .lpmc-drawer .lp-presets-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  width:100%;
  margin-top:8px;
  padding-top:10px;
  border-top:1px solid var(--line-0);
  box-sizing:border-box;
}
body[data-oneai-route="live-preview"] .lpmc-drawer .lp-presets-label{
  font-size:10px;
  color:var(--text-3);
  white-space:nowrap;
  font-family:var(--mono,monospace);
  text-transform:uppercase;
  letter-spacing:.05em;
}
body[data-oneai-route="live-preview"] .lpmc-drawer .lp-presets-menu{
  position:relative;
  min-width:140px;
  width:auto;
}
body[data-oneai-route="live-preview"] .lpmc-drawer .lp-presets-menu-trigger{
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%;
  min-height:28px;
  box-sizing:border-box;
  padding:5px 8px;
  border:1px solid var(--border-subtle,#172337);
  border-radius:6px;
  background:rgba(255,255,255,0.03);
  color:var(--text-muted,#7e90aa);
  font-size:10px;
  line-height:1.2;
  cursor:pointer;
  list-style:none;
  white-space:nowrap;
}
body[data-oneai-route="live-preview"] .lpmc-drawer .lp-presets-menu-trigger::-webkit-details-marker{
  display:none;
}
body[data-oneai-route="live-preview"] .lpmc-drawer .lp-presets-menu-trigger::after{
  content:"⌄";
  margin-left:8px;
  color:var(--text-3);
  font-size:11px;
}
body[data-oneai-route="live-preview"] .lpmc-drawer .lp-presets-menu[open] .lp-presets-menu-trigger{
  border-color:rgba(139,124,246,0.42);
  color:var(--text-0);
}
body[data-oneai-route="live-preview"] .lpmc-drawer .lp-presets-menu-list{
  position:absolute;
  right:0;
  bottom:calc(100% + 6px);
  z-index:20;
  display:flex;
  flex-direction:column;
  gap:2px;
  width:max-content;
  min-width:100%;
  max-width:calc(100vw - 32px);
  padding:4px;
  box-sizing:border-box;
  border:1px solid var(--line-1);
  border-radius:8px;
  background:var(--bg-2);
  box-shadow:0 12px 30px rgba(0,0,0,.3);
}
body[data-oneai-route="live-preview"] .lpmc-drawer .lp-presets-menu-list .lp-preset-chip{
  display:block;
  width:100%;
  min-width:0;
  padding:5px 8px;
  border-radius:5px;
  text-align:left;
  white-space:nowrap;
}

body[data-oneai-route="live-preview"] .lpmc-drawer .lp-save-caption{
  display:none;
}
body[data-oneai-route="live-preview"] .lpmc-drawer .lpmc-review-actions,
body[data-oneai-route="live-preview"] .lpmc-drawer .lpmc-drawer-forward,
body[data-oneai-route="live-preview"] .lpmc-drawer .lp-preshow-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  width:100%;
  margin-top:12px;
  box-sizing:border-box;
}
body[data-oneai-route="live-preview"] .lpmc-drawer .btn-icon-save{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:32px;
  height:32px;
  min-width:32px;
  border-radius:8px;
  background:var(--acc-nova);
  border:1px solid var(--acc-nova);
  color:#fff;
  cursor:pointer;
  padding:0;
  transition:all .15s ease;
}
body[data-oneai-route="live-preview"] .lpmc-drawer .btn-icon-save:hover{
  background:#7c6bf0;
  border-color:#7c6bf0;
  transform:translateY(-1px);
}
body[data-oneai-route="live-preview"] .lpmc-drawer .btn-icon-save svg{
  width:15px;
  height:15px;
}
body[data-oneai-route="live-preview"] .lpmc-drawer .lp-asset-upload-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:30px;
  height:30px;
  min-width:30px;
  border-radius:6px;
  border:1px solid var(--line-1);
  background:rgba(255,255,255,0.02);
  color:var(--text-2);
  cursor:pointer;
  padding:0;
  transition:all .15s ease;
}
body[data-oneai-route="live-preview"] .lpmc-drawer .lp-asset-upload-btn:hover{
  background:rgba(255,255,255,0.06);
  border-color:var(--line-2);
  color:var(--text-0);
}

@media (max-width:520px){
  body[data-oneai-route="live-preview"] .lpmc-drawer .lp-form-grid{
    grid-auto-flow:row;
  }
  body[data-oneai-route="live-preview"] .lpmc-drawer .lpmc-review-actions{
    flex-wrap:wrap;
  }
}

/* Configure drawers keep one calm reading order at every viewport width. */
body[data-oneai-route="live-preview"] .lpmc-drawer .lp-form-grid,
body[data-oneai-route="live-preview"] .lpmc-drawer .lp-preshow-editor-grid{
  grid-template-columns:1fr !important;
}

@media (max-width: 520px) {
  body[data-oneai-route="live-preview"] .lpmc-stage,
  body[data-oneai-route="live-preview"] .lpmc-stage-layout,
  body[data-oneai-route="live-preview"] .lpmc-stage-side-col,
  body[data-oneai-route="live-preview"] .lpmc-stage-rail-group,
  body[data-oneai-route="live-preview"] .lpmc-stage .lp-stage-roadmap {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }

  body[data-oneai-route="live-preview"] .lpmc-stage .lp-stage-roadmap.is-vertical {
    overflow-x: hidden;
    flex-wrap: nowrap;
  }

  body[data-oneai-route="live-preview"] .lpmc-stage .lp-stage-roadmap.is-vertical .lp-stage-node {
    flex: 1 1 0;
    width: auto;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
  }

  body[data-oneai-route="live-preview"] .lpmc-stage .lp-stage-roadmap.is-vertical .lp-stage-node-label,
  body[data-oneai-route="live-preview"] .lpmc-stage .lp-stage-roadmap.is-vertical .lp-stage-node-offset {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  body[data-oneai-route="live-preview"] .lpmc-drawer {
    width: 100vw;
    max-width: 100vw;
    min-width: 0;
    box-sizing: border-box;
  }

  body[data-oneai-route="live-preview"] .lpmc-drawer-body {
    max-width: 100%;
    min-width: 0;
    overflow-x: hidden;
    box-sizing: border-box;
  }
}