.spc-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:16px;box-shadow:0 4px 18px rgba(0,0,0,.06);}
.spc-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}@media(max-width:900px){.spc-grid{grid-template-columns:1fr}}
.spc-viewer{width:100%;height:420px;border:1px dashed #ccc;border-radius:12px;overflow:hidden;background:#fafafa;display:flex;align-items:center;justify-content:center}
.spc-summary{display:grid;gap:6px;margin-top:8px}.spc-summary div{display:flex;justify-content:space-between;padding:6px;border:1px solid #eee;border-radius:8px}
.spc-summary .spc-total{background:#eef2ff;font-weight:700}.spc-meta{margin-top:6px;font-size:12px;color:#555}
#spc-viewer {
  width: 100%;
  height: 420px !important;
  position: relative;
}

#spc-viewer canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  display: block;
}