/* [project]/src/app/config/page.module.css [app-client] (css) */
.page-module__sm3jVG__container {
  max-width: 900px;
  margin: 0 auto;
}

.page-module__sm3jVG__header {
  border-bottom: 1px solid #ffffff0d;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 2rem;
  padding-bottom: 1.5rem;
  display: flex;
}

.page-module__sm3jVG__titleSection h1 {
  letter-spacing: -.03em;
  color: var(--text-primary);
  margin-bottom: .25rem;
  font-size: 2.25rem;
  font-weight: 700;
}

.page-module__sm3jVG__titleSection p {
  color: var(--text-secondary);
  font-size: .95rem;
}

.page-module__sm3jVG__tabs {
  background-color: var(--hover-bg);
  border: 1px solid var(--card-border);
  border-radius: .5rem;
  padding: .25rem;
  display: flex;
}

.page-module__sm3jVG__tabBtn {
  color: var(--text-secondary);
  cursor: pointer;
  background: none;
  border: none;
  border-radius: .375rem;
  padding: .5rem 1.25rem;
  font-family: inherit;
  font-size: .9rem;
  font-weight: 600;
  transition: all .2s;
}

.page-module__sm3jVG__tabBtn:hover {
  color: var(--text-primary);
}

.page-module__sm3jVG__activeTab {
  background-color: var(--accent-color);
  color: #fff !important;
}

.page-module__sm3jVG__formCard {
  background-color: var(--card-bg);
  border: 1px solid var(--card-border);
  border-radius: 1rem;
  flex-direction: column;
  gap: 1.75rem;
  padding: 2.5rem;
  display: flex;
  box-shadow: 0 4px 20px #0000001a;
}

.page-module__sm3jVG__formGroup {
  flex-direction: column;
  gap: .5rem;
  display: flex;
}

.page-module__sm3jVG__formGroup label {
  text-transform: uppercase;
  letter-spacing: .05em;
  color: var(--text-secondary);
  font-size: .85rem;
  font-weight: 600;
}

.page-module__sm3jVG__input {
  border: 1px solid var(--card-border);
  color: var(--text-primary);
  background-color: #0003;
  border-radius: .75rem;
  outline: none;
  padding: .85rem 1rem;
  font-family: inherit;
  font-size: .95rem;
  transition: all .2s;
}

.page-module__sm3jVG__input:focus {
  border-color: var(--card-border-focus);
  box-shadow: 0 0 10px #3b82f61a;
}

.page-module__sm3jVG__helpText {
  color: var(--text-muted);
  font-size: .75rem;
}

.page-module__sm3jVG__colorsGrid {
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 1.5rem;
  display: grid;
}

.page-module__sm3jVG__colorPickerGroup {
  border: 1px solid var(--card-border);
  background-color: #00000026;
  border-radius: .75rem;
  align-items: center;
  gap: .75rem;
  padding: .75rem 1rem;
  display: flex;
}

.page-module__sm3jVG__colorLabel {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.page-module__sm3jVG__colorLabel span {
  color: var(--text-primary);
  font-size: .8rem;
  font-weight: 600;
}

.page-module__sm3jVG__colorLabel small {
  color: var(--text-secondary);
  font-size: .7rem;
}

.page-module__sm3jVG__colorInput {
  cursor: pointer;
  background: none;
  border: none;
  outline: none;
  width: 2.25rem;
  height: 2.25rem;
}

.page-module__sm3jVG__dimsGrid {
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 1.5rem;
  display: grid;
}

.page-module__sm3jVG__actions {
  justify-content: flex-end;
  margin-top: 1rem;
  display: flex;
}

.page-module__sm3jVG__saveBtn {
  background-color: var(--accent-color);
  color: #fff;
  cursor: pointer;
  border: none;
  border-radius: .75rem;
  padding: .85rem 2rem;
  font-family: inherit;
  font-size: .95rem;
  font-weight: 600;
  transition: all .2s;
  box-shadow: 0 4px 12px #3b82f633;
}

.page-module__sm3jVG__saveBtn:hover {
  background-color: var(--accent-hover);
  transform: translateY(-1px);
}

.page-module__sm3jVG__saveBtn:active {
  transform: translateY(0);
}

.page-module__sm3jVG__saveBtn:disabled {
  background-color: var(--card-border);
  cursor: not-allowed;
  transform: none;
}

.page-module__sm3jVG__chartConfigLayout {
  grid-template-columns: 1.15fr .85fr;
  align-items: start;
  gap: 2.5rem;
  display: grid;
}

@media (max-width: 960px) {
  .page-module__sm3jVG__chartConfigLayout {
    grid-template-columns: 1fr;
    gap: 1.75rem;
  }
}

.page-module__sm3jVG__inputsSection {
  flex-direction: column;
  gap: 1.75rem;
  display: flex;
}

.page-module__sm3jVG__previewSection {
  position: sticky;
  top: 2rem;
}

.page-module__sm3jVG__resetBtn {
  color: var(--text-secondary);
  cursor: pointer;
  background: none;
  border: 1px solid #ffffff26;
  border-radius: .75rem;
  padding: .85rem 1.5rem;
  font-family: inherit;
  font-size: .95rem;
  font-weight: 600;
  transition: all .2s;
}

.page-module__sm3jVG__resetBtn:hover {
  color: var(--text-primary);
  background-color: #ffffff0d;
  border-color: #ffffff59;
}

.page-module__sm3jVG__resetBtn:active {
  background-color: #ffffff14;
}

.page-module__sm3jVG__modalOverlay {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  z-index: 1000;
  background-color: #000000bf;
  justify-content: center;
  align-items: center;
  animation: .2s page-module__sm3jVG__fadeIn;
  display: flex;
  position: fixed;
  inset: 0;
}

.page-module__sm3jVG__modalContent {
  background-color: var(--card-bg-solid);
  border: 1px solid var(--card-border);
  border-radius: 1rem;
  width: 90%;
  max-width: 450px;
  padding: 2rem;
  animation: .3s cubic-bezier(.34, 1.56, .64, 1) page-module__sm3jVG__scaleUp;
  box-shadow: 0 10px 30px #00000080;
}

.page-module__sm3jVG__modalHeader {
  justify-content: space-between;
  align-items: center;
  margin-bottom: .5rem;
  display: flex;
}

.page-module__sm3jVG__modalHeader h3 {
  color: var(--text-primary);
  margin: 0;
  font-size: 1.25rem;
  font-weight: 700;
}

.page-module__sm3jVG__modalCloseBtn {
  color: var(--text-secondary);
  cursor: pointer;
  background: none;
  border: none;
  border-radius: .25rem;
  justify-content: center;
  align-items: center;
  padding: .25rem;
  transition: color .2s;
  display: flex;
}

.page-module__sm3jVG__modalCloseBtn:hover {
  color: var(--text-primary);
}

.page-module__sm3jVG__modalActionBtnSave {
  background-color: var(--accent-color);
  color: #fff;
  cursor: pointer;
  text-align: center;
  border: none;
  border-radius: .5rem;
  padding: .75rem 1rem;
  font-weight: 600;
  transition: background-color .2s;
}

.page-module__sm3jVG__modalActionBtnSave:hover {
  background-color: var(--accent-hover);
}

.page-module__sm3jVG__modalActionBtnDiscard {
  color: #f87171;
  cursor: pointer;
  text-align: center;
  background-color: #ef444426;
  border: 1px solid #ef44444d;
  border-radius: .5rem;
  padding: .75rem 1rem;
  font-weight: 600;
  transition: all .2s;
}

.page-module__sm3jVG__modalActionBtnDiscard:hover {
  background-color: #ef444440;
}

.page-module__sm3jVG__modalActionBtnCancel {
  color: var(--text-secondary);
  border: 1px solid var(--card-border);
  cursor: pointer;
  text-align: center;
  background-color: #0000;
  border-radius: .5rem;
  padding: .75rem 1rem;
  font-weight: 600;
  transition: all .2s;
}

.page-module__sm3jVG__modalActionBtnCancel:hover {
  background-color: #ffffff0d;
}

@keyframes page-module__sm3jVG__scaleUp {
  from {
    opacity: 0;
    transform: scale(.95);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes page-module__sm3jVG__fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/* [project]/src/components/Modal.module.css [app-client] (css) */
.Modal-module__Ro-5Wq__overlay {
  -webkit-backdrop-filter: blur(8px);
  z-index: 1000;
  background-color: #0009;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  animation: .25s cubic-bezier(.16, 1, .3, 1) forwards Modal-module__Ro-5Wq__fadeIn;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
}

.Modal-module__Ro-5Wq__modalBox {
  background-color: var(--card-bg-solid, #1e293b);
  border: 1px solid var(--card-border, #ffffff14);
  border-radius: 1.25rem;
  flex-direction: column;
  align-items: center;
  width: 90%;
  max-width: 440px;
  padding: 2.25rem 2rem 1.75rem;
  animation: .3s cubic-bezier(.34, 1.56, .64, 1) forwards Modal-module__Ro-5Wq__scaleIn;
  display: flex;
  position: relative;
  box-shadow: 0 20px 40px #0006;
}

.Modal-module__Ro-5Wq__closeBtn {
  color: var(--text-muted, #94a3b8);
  cursor: pointer;
  background: none;
  border: none;
  border-radius: .375rem;
  justify-content: center;
  align-items: center;
  padding: .25rem;
  transition: all .2s;
  display: flex;
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
}

.Modal-module__Ro-5Wq__closeBtn:hover {
  color: var(--text-primary, #fff);
  background-color: #ffffff0d;
}

.Modal-module__Ro-5Wq__content {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.Modal-module__Ro-5Wq__iconContainer {
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  margin-bottom: 1.25rem;
  display: flex;
}

.Modal-module__Ro-5Wq__successIcon {
  color: var(--success-color, #10b981);
  background-color: #10b9811a;
  border: 1px solid #10b98133;
}

.Modal-module__Ro-5Wq__errorIcon {
  color: #ef4444;
  background-color: #ef44441a;
  border: 1px solid #ef444440;
}

.Modal-module__Ro-5Wq__warningIcon {
  color: #f59e0b;
  background-color: #f59e0b1a;
  border: 1px solid #f59e0b33;
}

.Modal-module__Ro-5Wq__title {
  color: var(--text-primary, #fff);
  letter-spacing: -.01em;
  margin-bottom: .75rem;
  font-size: 1.25rem;
  font-weight: 700;
}

.Modal-module__Ro-5Wq__message {
  color: var(--text-secondary, #94a3b8);
  margin-bottom: 1.5rem;
  font-size: .95rem;
  line-height: 1.6;
}

.Modal-module__Ro-5Wq__footer {
  justify-content: center;
  gap: 1rem;
  width: 100%;
  display: flex;
}

.Modal-module__Ro-5Wq__cancelBtn {
  color: var(--text-secondary, #94a3b8);
  background-color: #ffffff14;
  border: 1px solid #ffffff1a;
}

.Modal-module__Ro-5Wq__cancelBtn:hover {
  color: var(--text-primary, #fff);
  background-color: #ffffff26;
  transform: translateY(-1px);
}

.Modal-module__Ro-5Wq__actionBtn {
  cursor: pointer;
  border: none;
  border-radius: .75rem;
  width: 100%;
  max-width: 200px;
  padding: .75rem 1.5rem;
  font-family: inherit;
  font-size: .95rem;
  font-weight: 600;
  transition: all .2s;
  box-shadow: 0 4px 12px #00000026;
}

.Modal-module__Ro-5Wq__successBtn {
  background-color: var(--success-color, #10b981);
  color: #fff;
}

.Modal-module__Ro-5Wq__successBtn:hover {
  background-color: #059669;
  transform: translateY(-1px);
}

.Modal-module__Ro-5Wq__errorBtn {
  color: #fff;
  background-color: #ef4444;
}

.Modal-module__Ro-5Wq__errorBtn:hover {
  background-color: #dc2626;
  transform: translateY(-1px);
}

.Modal-module__Ro-5Wq__warningBtn {
  color: #fff;
  background-color: #f59e0b;
}

.Modal-module__Ro-5Wq__warningBtn:hover {
  background-color: #d97706;
  transform: translateY(-1px);
}

.Modal-module__Ro-5Wq__actionBtn:active {
  transform: translateY(0);
}

@keyframes Modal-module__Ro-5Wq__fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes Modal-module__Ro-5Wq__scaleIn {
  from {
    opacity: 0;
    transform: scale(.9)translateY(10px);
  }

  to {
    opacity: 1;
    transform: scale(1)translateY(0);
  }
}

/*# sourceMappingURL=src_0dn72-2._.css.map*/