:root{--accent:#0d6efd;--bg:#f7f7fb;--text:#111827;--muted:#6b7280}
*{box-sizing:border-box}
.page-id-2648 .et_pb_row{
  width:100% !important;
  max-width:1400px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
.page-id-2648 .et_pb_row .et_pb_column{
  padding-left:0 !important;
  padding-right:0 !important;
}
.container{max-width:1400px;margin:0 auto;padding:24px}
h1{font-size:22px;margin:0 0 6px}
p.lead{margin:0 0 16px;color:var(--muted)}
.layout{display:grid;gap:16px}
@media (min-width:1024px){
  .layout{grid-template-columns:minmax(620px,1fr) minmax(680px,1.2fr)}
}
@media (min-width:1024px){ .layout{ max-width:calc(620px + 680px + 16px); margin:0 auto; justify-content:center } }
@media (min-width:1024px){
  #rightCard{position:sticky !important;top:12px;align-self:start;z-index: 2;}
}
.card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:14px;box-shadow:0 6px 18px rgba(0,0,0,.06)}
.section-title{font-size:16px;margin:0 0 8px; margin-top: 2vh;}
.stepper{display:flex;align-items:center;gap:10px;margin:10px 0 18px}
.step-dot{width:26px;height:26px;border-radius:999px;border:2px solid #cbd5e1;display:flex;align-items:center;justify-content:center;font-weight:700;color:#64748b;background:#fff}
.step-bar{flex:1;height:4px;background:#e5e7eb;border-radius:999px;overflow:hidden}
.step-bar>div{height:100%;width:0;background:var(--accent)}
.hint{color:var(--muted);font-size:12px}
.row{display:flex;align-items:center;gap:10px;margin:8px 0}
.two{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(260px,1fr))}
@media (max-width:640px){.two{grid-template-columns:1fr}}
.q3-fields{display:grid;gap:12px;grid-template-columns:1fr}
.q3-fields > div { margin-top: 12px; }
.q3-fields > div:first-child { margin-top: 0; }
.list{display:grid;gap:10px}
label{font-weight:600}
select,input[type="text"],input[type="number"],input[type="email"],input[type="date"],input[type="week"],textarea{width:100%;padding:10px;border:1px solid #e5e7eb;border-radius:10px}
textarea{min-height:88px}
.nav{display:flex;justify-content:space-between;gap:10px;margin-top:10px}
.btn{cursor:pointer;border:none;border-radius:12px;padding:10px 14px;font-weight:700}
.btn-primary{background:var(--accent);color:#fff}
.btn-secondary{background:#fff;border:1px solid #e5e7eb}
.btn.is-disabled{opacity:.5}
.swatches{display:flex;gap:8px;flex-wrap:wrap}
.swatch-option-wrap{display:flex;align-items:center;gap:8px;margin-left:6px}
.swatch-option-label{font-size:12px;color:var(--muted)}
.swatch{width:28px;height:28px;border-radius:999px;border:2px solid #e5e7eb;cursor:pointer}
.swatch.active{outline:3px solid rgba(13,110,253,.25)}
.vi-options{margin-top:16px;padding:12px;border:1px solid #e5e7eb;border-radius:12px;background:#f8fafc}
.vi-options .section-title{font-size:14px;margin-bottom:6px}
.vi-options .vi-partition-row span{font-weight:600}
.picker-wrap{display:flex;gap:10px;align-items:center}
.pool-box{
  position:relative;
  width:100%;
  aspect-ratio:16/9;
  min-height:clamp(380px,44vw,720px);
  background-color:#dbeafe;
  background-size:contain;
  background-position:center;
  background-repeat:no-repeat;
  border:2px solid #94a3b8;
  border-radius:10px;
}
.pool-box.mini{
  width:100%;
  max-width:150px;
  aspect-ratio:16/9;
  min-height:0;
  height:160px;
  margin-top: 2vh;
}
@media (min-width:1280px){.pool-box.mini{height:180px}}
.marker{
  position:absolute;
  padding:4px 8px;
  font-size:12px;
  font-weight:700;
  background:#111827;
  color:#fff;
  border-radius:8px;
  opacity:.95;
  border:1px solid rgba(255,255,255,.35);
  box-shadow:0 2px 6px rgba(0,0,0,.25);
  user-select:none;
  pointer-events:auto;
  cursor:grab;
  z-index:5;
}
.marker.dragging{cursor:grabbing;opacity:.98}
.marker--prj{background:#ff6565;color:#000000;border:2px solid #b91c1c;border-radius:999px}
.marker--pb{background:#ffdd1b;color:#111827;border:2px solid #facc15;border-radius:999px}
.marker--skimmer{background:#dbeafe;color:#1d4ed8;border:2px solid #60a5fa;border-radius:6px}
.marker--skimmer-mirror{background:#fee2e2;color:#b91c1c;border:2px solid #ef4444;border-radius:6px}
.marker--block{background:#ecfccb;color:#3f6212;border:2px solid #bef264;border-radius:999px}
.marker--motor{
  background:#e0f2fe;
  color:#1d4ed8;
  border:2px solid #60a5fa;
  border-radius:999px;
}
.marker--bf,
.marker--bs{
background:#ecfccb; 
color:#14532d; 
border:2px solid #22c55e;
border-radius:999px;
}
.side-btn{position:absolute;padding:6px 10px;background:#fff;border:1px solid #cbd5e1;border-radius:8px;font-size:12px}
.side-btn[disabled]{opacity:.35;cursor:not-allowed}
.side-btn.active{outline:2px solid var(--accent);box-shadow:0 0 0 3px rgba(13,110,253,.2)}
.side-1{top:-14px;left:50%;transform:translate(-50%,0)}
.side-2{top:50%;right:-14px;transform:translate(0,-50%)}
.side-3{bottom:-14px;left:50%;transform:translate(-50%,0)}
.side-4{top:50%;left:-14px;transform:translate(0,-50%)}
.summary{border:1px dashed #cbd5e1;border-radius:12px;padding:12px;background:#0b1020;color:#e5e7eb}
.summary pre{white-space:pre-wrap;margin:0}
.step{display:none}
.step.active{display:block}
#submitStatus{font-size:14px;margin-top:8px}
#submitStatus.ok{color:#16a34a}
#submitStatus.err{color:#b91c1c}
.pos-row{display:flex;align-items:center;gap:8px;margin-top:6px}
.pos-row input[type="range"]{width:180px}
.pos-pct{font-size:12px;color:var(--muted);width:42px;text-align:right}
.field-stack{display:grid;gap:10px;margin-top:10px}
.notice{background:#eef2ff;border-left:4px solid var(--accent);padding:8px 12px;border-radius:10px;font-size:13px;color:var(--text)}
input[type="file"]{font-size:13px}
.placement-empty{font-style:italic;color:var(--muted);margin:6px 0}
.disabled-note{font-size:12px;color:#94a3b8;margin-top:6px}

.accessory-select{display:flex;flex-wrap:wrap;gap:12px;margin:10px 0}
.accessory-select label{display:flex;align-items:center;gap:6px;border:1px solid #e5e7eb;border-radius:10px;padding:6px 10px;background:#f8fafc;cursor:pointer;font-weight:600}
.accessory-select input{margin:0}
.accessory-section{border:1px solid #dbe2f3;border-radius:12px;padding:14px;margin-top:16px;background:#f9fbff;display:none}
.accessory-section.active{display:block}
.accessory-section .subsection{margin-top:10px}
.accessory-options{display:flex;gap:10px;flex-wrap:wrap}
.accessory-options span{font-weight:600}
.accessory-subfields{margin-top:8px;padding:10px;border-left:3px solid #cbd5f5;background:#ffffff;border-radius:10px}
.accessory-subfields label{display:flex;flex-direction:column;gap:4px}
.accessory-subfields textarea{width:100%;min-height:70px}
.accessory-subfields select,
.accessory-subfields input[type="number"]{max-width:220px}

.card .nav {
  display: flex !important;
  gap: 10px;
  justify-content: space-between;
}
#rightCard {
  display: block !important;
}