.ver3d-wrap{max-width:1100px;margin:0 auto;padding:12px}
.ver3d-step{background:#0f1115;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:14px;color:#e9eef7}
.ver3d-row{display:flex;gap:12px;align-items:center;margin:10px 0}
.ver3d-row label{flex:1;opacity:.9}
.ver3d-row input,.ver3d-row select{
  flex:1; padding:10px 12px; border-radius:10px;
  border:1px solid rgba(255,255,255,.12); background:#151923; color:#e9eef7;
}
.ver3d-btn{
  width:100%; padding:12px 14px; border-radius:12px; border:0;
  background:#3b82f6; color:white; font-weight:600; cursor:pointer;
}
.ver3d-btn-secondary{background:#1f2937}
.ver3d-hint{opacity:.75;margin-top:10px;font-size:13px}
.ver3d-toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:10px}
.ver3d-meta{font-size:13px;opacity:.85}
.ver3d-canvas{
  height:min(70vh,520px);
  border-radius:14px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  background: radial-gradient(1200px 600px at 20% 0%, #1b2233, #0b0d12);
}
@media (max-width:600px){
  .ver3d-row{flex-direction:column;align-items:stretch}
  .ver3d-btn{font-size:15px}
}

.ver3d-two-col{
  display:grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap:12px;
}
@media (max-width:900px){
  .ver3d-two-col{grid-template-columns:1fr}
}
.ver3d-panel{
  background:#0c0f16;
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  padding:12px;
}
.ver3d-panel h4{margin:6px 0 10px 0;font-size:15px}
.ver3d-panel small{opacity:.7}

/* Accordion (mobile-friendly) */
.ver3d-acc{border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:8px 10px;margin:10px 0;background:#0b0f17}
.ver3d-acc > summary{cursor:pointer;font-weight:700;list-style:none;outline:none}
.ver3d-acc > summary::-webkit-details-marker{display:none}
.ver3d-acc[open] > summary{margin-bottom:8px}


.ver3d-step-title{
  font-weight:800;
  margin:4px 0 12px 0;
  font-size:15px;
}
.ver3d-nav{margin-top:12px}
.ver3d-form{display:grid;gap:10px}