.isw-wrap { display: grid; gap: 18px; align-items: start; }
.isw-panel { max-width: 420px; }
.isw-label { display:block; margin-bottom: 6px; font-weight: 600; }
.isw-invoice { width: 100%; padding: 10px 12px; border: 1px solid #ddd; border-radius: 8px; }
.isw-spin { margin-top: 10px; padding: 10px 14px; border-radius: 10px; border: 0; cursor: pointer; }
.isw-msg { margin-top: 10px; min-height: 18px; }

.isw-wheel-area { position: relative; width: 520px; max-width: 100%; }
.isw-canvas { width: 100%; height: auto; display:block; border-radius: 50%; }

/* Pointer points DOWN into the wheel */
.isw-pointer {
  position: absolute;
  top: -2px;
  left: 50%;
  transform: translateX(-50%);
  width: 0; height: 0;
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  border-top: 24px solid #111;
}

/* Modal */
.isw-result[hidden] { display: none !important; }

.isw-result {
  position: fixed; inset: 0;
  background: rgba(0,0,0,0.55);
  z-index: 99999;
  display: grid;
  place-items: center;
}

.isw-result-card {
  background: #fff; padding: 18px; border-radius: 14px;
  width: min(420px, 92vw);
  text-align: center;
}

.isw-result-title { font-size: 18px; font-weight: 700; margin-bottom: 12px; }
.isw-result-img { width: 100%; max-height: 260px; object-fit: contain; }
.isw-close { margin-top: 14px; padding: 10px 14px; border-radius: 10px; border: 0; cursor: pointer; }