/* Blueprint -> Scale Model: storey cards + the calibration canvas (shared styles in /forge.css). */
.add-row { margin-top: 10px; }
.calib { margin-top: 10px; border: 1px dashed var(--color-border); border-radius: 10px; padding: 10px 12px; }
.calib canvas { display: block; width: 100%; height: auto; background: #fff; border-radius: 8px; border: 1px solid var(--color-border); cursor: crosshair; touch-action: none; }
.calib-row { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin-top: 8px; font-size: 13px; }
.calib-row input[type="number"] { width: 110px; }
.calib-status { font-size: 12.5px; color: var(--color-text-secondary); margin: 6px 0 0; }
.template-row .mode-option { flex: 1 1 calc(50% - 8px); }
@media (max-width: 640px) { .template-row .mode-option { flex-basis: 100%; } }

/* what to send + the size check */
.send-panel { border: 1px solid var(--color-border); border-radius: 10px; background: var(--color-bg); padding: 6px 14px; margin: 0 0 14px; }
.send-panel > summary { cursor: pointer; font-size: 13.5px; font-weight: 700; padding: 6px 0; }
.send-body pre { white-space: pre-wrap; font: 13px/1.5 var(--font-sans); background: var(--color-surface); border: 1px solid var(--color-border); border-radius: 8px; padding: 12px; margin: 8px 0; }
.send-row { display: flex; align-items: center; gap: 12px; }
.dxf-row { margin-top: 8px; font-size: 13px; color: var(--color-text-secondary); }
.dxf-row input[type="file"] { display: block; margin-top: 4px; font-size: 13px; }
.sanity { margin-top: 10px; padding: 10px 12px; border-radius: 10px; border: 1px solid #e0a03a; background: rgba(224,160,58,.10); font-size: 14px; }
.sanity.is-ok { border-color: var(--color-success); background: rgba(31,157,85,.08); }
.sanity.is-bad { border-color: var(--color-error); background: rgba(201,67,47,.08); }
.sanity-row { display: flex; gap: 8px; margin-top: 8px; flex-wrap: wrap; }
.sanity-row .btn { padding: 7px 12px; font-size: 13px; }
.sanity small { display: block; margin-top: 4px; color: var(--color-text-secondary); }