.opw7k4r9-tool[data-opw7k4r9="wheel-tool"] {
  --opw7k4r9-ink: #f8fafc;
  --opw7k4r9-muted: #8ea0bd;
  --opw7k4r9-panel: rgba(12, 18, 32, 0.78);
  --opw7k4r9-panel-deep: rgba(4, 7, 14, 0.68);
  --opw7k4r9-line: rgba(255, 255, 255, 0.12);
  --opw7k4r9-cyan: #29d3ff;
  --opw7k4r9-green: #7cff6b;
  box-sizing: border-box !important;
  display: block !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  color: var(--opw7k4r9-ink) !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
  text-align: left !important;
  isolation: isolate !important;
}

.opw7k4r9-tool[data-opw7k4r9="wheel-tool"],
.opw7k4r9-tool[data-opw7k4r9="wheel-tool"] *,
.opw7k4r9-tool[data-opw7k4r9="wheel-tool"] *::before,
.opw7k4r9-tool[data-opw7k4r9="wheel-tool"] *::after {
  box-sizing: border-box !important;
}

.opw7k4r9-tool[data-opw7k4r9="wheel-tool"] [hidden] {
  display: none !important;
}

.opw7k4r9-tool[data-opw7k4r9="wheel-tool"] button,
.opw7k4r9-tool[data-opw7k4r9="wheel-tool"] textarea {
  appearance: none !important;
  -webkit-appearance: none !important;
  margin: 0 !important;
  font: inherit !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  text-decoration: none !important;
}

.opw7k4r9-tool[data-opw7k4r9="wheel-tool"] button {
  cursor: pointer !important;
}

.opw7k4r9-tool[data-opw7k4r9="wheel-tool"] button:disabled {
  cursor: not-allowed !important;
  opacity: 0.62 !important;
}

.opw7k4r9-workspace {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(330px, 420px) !important;
  gap: 22px !important;
  align-items: stretch !important;
  width: 100% !important;
}

.opw7k4r9-wheel-panel,
.opw7k4r9-sidebar {
  border: 1px solid var(--opw7k4r9-line) !important;
  border-radius: 22px !important;
  background: var(--opw7k4r9-panel) !important;
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.18) !important;
  backdrop-filter: blur(24px) !important;
}

.opw7k4r9-wheel-panel {
  min-height: 700px !important;
  padding: 24px !important;
}

.opw7k4r9-wheel-shell {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 640px !important;
  overflow: hidden !important;
}

.opw7k4r9-wheel-canvas {
  display: block !important;
  width: min(100%, 760px) !important;
  max-width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: transparent !important;
  filter: drop-shadow(0 30px 55px rgba(0, 0, 0, 0.35)) !important;
}

.opw7k4r9-wheel-pointer {
  position: absolute !important;
  top: 50% !important;
  right: max(16px, calc(50% - 390px)) !important;
  z-index: 2 !important;
  width: 0 !important;
  height: 0 !important;
  border-top: 22px solid transparent !important;
  border-bottom: 22px solid transparent !important;
  border-right: 42px solid #ffffff !important;
  filter: drop-shadow(0 8px 18px rgba(0, 0, 0, 0.45)) !important;
  transform: translateY(-50%) !important;
}

.opw7k4r9-spin-button {
  position: absolute !important;
  inset: 50% auto auto 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 3 !important;
  width: 118px !important;
  height: 118px !important;
  min-width: 118px !important;
  min-height: 118px !important;
  border: 8px solid rgba(255, 255, 255, 0.25) !important;
  border-radius: 50% !important;
  padding: 0 !important;
  color: #07111f !important;
  background: #f8fafc !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  box-shadow: 0 18px 35px rgba(0, 0, 0, 0.34) !important;
  transform: translate(-50%, -50%) !important;
}

.opw7k4r9-sidebar {
  overflow: hidden !important;
  min-height: 700px !important;
}

.opw7k4r9-tabs {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  padding: 10px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.opw7k4r9-tab {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 46px !important;
  border: 0 !important;
  border-radius: 8px !important;
  padding: 0 14px !important;
  color: var(--opw7k4r9-muted) !important;
  background: transparent !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  box-shadow: none !important;
}

.opw7k4r9-tab.opw7k4r9-active {
  color: #07111f !important;
  background: #f8fafc !important;
}

.opw7k4r9-panel-body {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  height: calc(100% - 67px) !important;
  padding: 18px !important;
}

.opw7k4r9-panel-title-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
}

.opw7k4r9-panel-title-row h2 {
  margin: 0 !important;
  padding: 0 !important;
  color: var(--opw7k4r9-ink) !important;
  font-size: 1.08rem !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
}

.opw7k4r9-panel-title-row span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 38px !important;
  border-radius: 999px !important;
  padding: 6px 10px !important;
  color: var(--opw7k4r9-cyan) !important;
  background: rgba(41, 211, 255, 0.1) !important;
  font-weight: 900 !important;
  text-align: center !important;
}

.opw7k4r9-entries-input {
  display: block !important;
  flex: 1 1 auto !important;
  width: 100% !important;
  min-height: 430px !important;
  resize: none !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 14px !important;
  padding: 16px !important;
  color: var(--opw7k4r9-ink) !important;
  background: var(--opw7k4r9-panel-deep) !important;
  outline: none !important;
  line-height: 1.6 !important;
  box-shadow: none !important;
}

.opw7k4r9-entries-input::placeholder {
  color: rgba(248, 250, 252, 0.58) !important;
  opacity: 1 !important;
}

.opw7k4r9-entries-input:focus {
  border-color: rgba(41, 211, 255, 0.6) !important;
  box-shadow: 0 0 0 4px rgba(41, 211, 255, 0.12) !important;
}

.opw7k4r9-action-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.opw7k4r9-action-grid .opw7k4r9-danger {
  grid-column: 1 / -1 !important;
}

.opw7k4r9-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 42px !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 8px !important;
  padding: 0 16px !important;
  color: var(--opw7k4r9-ink) !important;
  background: rgba(255, 255, 255, 0.07) !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.14) !important;
  transition: transform 160ms ease, border-color 160ms ease, background 160ms ease !important;
}

.opw7k4r9-button:hover {
  border-color: rgba(255, 255, 255, 0.25) !important;
  transform: translateY(-1px) !important;
}

.opw7k4r9-button.opw7k4r9-primary {
  border: 0 !important;
  color: #07111f !important;
  background: linear-gradient(135deg, var(--opw7k4r9-green), var(--opw7k4r9-cyan)) !important;
}

.opw7k4r9-button.opw7k4r9-secondary {
  background: rgba(255, 255, 255, 0.09) !important;
}

.opw7k4r9-button.opw7k4r9-ghost {
  background: transparent !important;
}

.opw7k4r9-button.opw7k4r9-danger {
  color: #ffd7dd !important;
  border-color: rgba(255, 77, 109, 0.28) !important;
  background: rgba(255, 77, 109, 0.1) !important;
}

.opw7k4r9-results-list {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  gap: 10px !important;
  overflow: auto !important;
  min-height: 430px !important;
}

.opw7k4r9-result-item {
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 12px !important;
  padding: 13px !important;
  background: rgba(255, 255, 255, 0.06) !important;
}

.opw7k4r9-result-item strong {
  display: block !important;
  margin: 0 0 5px !important;
  color: var(--opw7k4r9-ink) !important;
}

.opw7k4r9-result-item time,
.opw7k4r9-empty-state {
  margin: 0 !important;
  color: var(--opw7k4r9-muted) !important;
  font-size: 0.86rem !important;
}

.opw7k4r9-tool-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  margin-top: 16px !important;
}

.opw7k4r9-status-pill {
  display: none !important;
  align-items: center !important;
  min-height: 36px !important;
  border: 1px solid rgba(124, 255, 107, 0.28) !important;
  border-radius: 999px !important;
  padding: 0 12px !important;
  color: #b8ffb0 !important;
  background: rgba(124, 255, 107, 0.08) !important;
  font-size: 0.84rem !important;
  font-weight: 800 !important;
}

.opw7k4r9-status-pill.opw7k4r9-show {
  display: inline-flex !important;
}

.opw7k4r9-modal-backdrop {
  position: fixed !important;
  inset: 0 !important;
  z-index: 99998 !important;
  display: none !important;
  place-items: center !important;
  padding: 20px !important;
  background: rgba(2, 6, 16, 0.72) !important;
  backdrop-filter: blur(14px) !important;
}

.opw7k4r9-modal-backdrop.opw7k4r9-show {
  display: grid !important;
}

.opw7k4r9-winner-modal {
  width: min(460px, 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-radius: 22px !important;
  padding: 30px !important;
  background: linear-gradient(145deg, rgba(18, 28, 50, 0.98), rgba(7, 10, 18, 0.98)) !important;
  box-shadow: 0 35px 110px rgba(0, 0, 0, 0.55) !important;
  text-align: center !important;
}

.opw7k4r9-eyebrow {
  margin: 0 !important;
  color: var(--opw7k4r9-muted) !important;
  font-size: 0.78rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
}

.opw7k4r9-winner-modal h2 {
  overflow-wrap: anywhere !important;
  margin: 12px 0 26px !important;
  color: var(--opw7k4r9-ink) !important;
  font-size: clamp(2rem, 8vw, 4.6rem) !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
}

.opw7k4r9-modal-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 10px !important;
}

.opw7k4r9-confetti-layer {
  pointer-events: none !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: 99999 !important;
  overflow: hidden !important;
}

.opw7k4r9-confetti-layer span {
  position: absolute !important;
  top: -24px !important;
  width: 10px !important;
  height: 18px !important;
  border-radius: 3px !important;
  animation: opw7k4r9-confetti-fall linear forwards !important;
}

@keyframes opw7k4r9-confetti-fall {
  0% {
    opacity: 1;
    transform: translateY(-20px) rotate(0deg);
  }
  100% {
    opacity: 0;
    transform: translateY(105vh) rotate(620deg);
  }
}

@media (max-width: 1080px) {
  .opw7k4r9-workspace {
    grid-template-columns: 1fr !important;
  }

  .opw7k4r9-wheel-panel,
  .opw7k4r9-sidebar {
    min-height: auto !important;
  }

  .opw7k4r9-wheel-shell {
    min-height: auto !important;
    aspect-ratio: 1 / 1 !important;
  }

  .opw7k4r9-wheel-canvas {
    width: min(100%, 680px) !important;
  }
}

@media (max-width: 720px) {
  .opw7k4r9-tool[data-opw7k4r9="wheel-tool"] {
    overflow-x: hidden !important;
  }

  .opw7k4r9-workspace {
    gap: 14px !important;
  }

  .opw7k4r9-wheel-panel,
  .opw7k4r9-sidebar {
    border-radius: 16px !important;
  }

  .opw7k4r9-wheel-panel {
    padding: 8px !important;
  }

  .opw7k4r9-wheel-shell {
    width: 100% !important;
    min-height: auto !important;
    aspect-ratio: 1 / 1 !important;
  }

  .opw7k4r9-wheel-canvas {
    width: min(100%, calc(100vw - 28px)) !important;
  }

  .opw7k4r9-wheel-pointer {
    right: 2px !important;
    border-top-width: 13px !important;
    border-bottom-width: 13px !important;
    border-right-width: 25px !important;
  }

  .opw7k4r9-spin-button {
    width: clamp(70px, 22vw, 88px) !important;
    height: clamp(70px, 22vw, 88px) !important;
    min-width: clamp(70px, 22vw, 88px) !important;
    min-height: clamp(70px, 22vw, 88px) !important;
    border-width: 5px !important;
  }

  .opw7k4r9-panel-body {
    padding: 14px !important;
  }

  .opw7k4r9-entries-input,
  .opw7k4r9-results-list {
    min-height: 280px !important;
  }

  .opw7k4r9-tool-actions {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .opw7k4r9-status-pill {
    grid-column: 1 / -1 !important;
    justify-content: center !important;
  }
}