@media screen {
  .cards-tool-page .mode-print-wrapper {
    padding-top: clamp(18px, 3vw, 34px) !important;
  }

  .cards-tool-page .selector-panel {
    position: relative !important;
    top: auto !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 18px !important;
    max-width: 1240px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
  }

  .cards-tool-page .selector-panel > .disc-picker,
.cards-tool-page .selector-panel > .disc-picker {
    grid-row: 1 !important;
    grid-column: 1 !important;
    align-self: start !important;
  }
.cards-tool-page .disc-picker label,
.cards-tool-page select {
    min-width: 214px !important;
    height: 40px !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    background: #101112 !important;
    color: #e6ddd8 !important;
  }

  .cards-tool-page select:hover {
    border-color: rgba(220, 18, 70, 0.38) !important;
  }

  .cards-tool-page #selectorsContainer {
    grid-row: 2 !important;
    display: block !important;
    padding: 0 !important;
  }

  .cards-tool-page .disc-cards {
    padding: 16px !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 8px !important;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.026), rgba(255, 255, 255, 0.012)),
      rgba(10, 9, 10, 0.82) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025) !important;
  }

  .cards-tool-page .disc-header {
    min-height: 38px !important;
    margin: 0 0 14px !important;
    padding: 0 0 12px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07) !important;
  }

  .cards-tool-page .disc-header-label {
    font-size: 15px !important;
    letter-spacing: 2.8px !important;
  }

  .cards-tool-page .disc-header-chevron {
    opacity: 0.55 !important;
  }

  .cards-tool-page .disc-actions {
    gap: 8px !important;
  }

  .cards-tool-page .disc-action-btn {
    min-height: 28px !important;
    padding: 0 10px !important;
    border-color: rgba(255, 255, 255, 0.09) !important;
    background: rgba(255, 255, 255, 0.035) !important;
    color: rgba(220, 210, 205, 0.72) !important;
    font-size: 11px !important;
  }

  .cards-tool-page .card-selector {
    min-height: 34px !important;
    margin: 4px 5px 4px 0 !important;
    padding: 5px 6px 5px 8px !important;
    border-color: rgba(255, 255, 255, 0.09) !important;
    background: rgba(255, 255, 255, 0.035) !important;
    color: rgba(232, 224, 218, 0.84) !important;
    box-shadow: none !important;
  }

  .cards-tool-page .card-selector:hover {
    border-color: rgba(205, 164, 105, 0.32) !important;
    background: rgba(255, 255, 255, 0.055) !important;
  }

  .cards-tool-page .card-selector.active {
    border-color: rgba(223, 18, 70, 0.78) !important;
    background: rgba(127, 0, 35, 0.28) !important;
    color: #fff4ef !important;
  }

  .cards-tool-page .lvl-badge {
    min-width: 22px !important;
    height: 22px !important;
    border-radius: 5px !important;
    background: rgba(255, 255, 255, 0.07) !important;
    color: rgba(222, 190, 135, 0.92) !important;
  }

  .cards-tool-page .card-selector input[type="number"] {
    width: 42px !important;
    height: 24px !important;
    min-height: 24px !important;
    border-color: rgba(223, 18, 70, 0.26) !important;
    background: rgba(4, 5, 12, 0.92) !important;
  }

  .cards-tool-page .selector-row {
    grid-row: 3 !important;
    display: grid !important;
    grid-template-columns: auto auto minmax(280px, 1fr) auto auto !important;
    gap: 12px !important;
    align-items: center !important;
    min-height: 56px !important;
    padding: 12px !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 8px !important;
    background: rgba(7, 7, 8, 0.72) !important;
  }

  .cards-tool-page .btn-clear {
    min-height: 36px !important;
    padding: 0 13px !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    background: rgba(255, 255, 255, 0.025) !important;
    color: rgba(225, 212, 204, 0.66) !important;
  }

  .cards-tool-page .btn-clear:hover {
    color: #fff1eb !important;
  }

  .cards-tool-page .scale-control {
    display: grid !important;
    grid-template-columns: auto minmax(160px, 1fr) 64px auto !important;
    gap: 10px !important;
    align-items: center !important;
    min-width: 0 !important;
  }

  .cards-tool-page input[type="range"] {
    width: 100% !important;
    height: 4px !important;
  }

  .cards-tool-page .scale-input {
    width: 64px !important;
    height: 36px !important;
    min-height: 36px !important;
    border-color: rgba(255, 255, 255, 0.13) !important;
    background: #101114 !important;
  }

  .cards-tool-page .grid-info {
    justify-self: end !important;
    color: rgba(213, 200, 190, 0.62) !important;
    white-space: nowrap !important;
  }

  .cards-tool-page .stats-bar {
    justify-self: end !important;
    min-height: 36px !important;
    margin-left: 0 !important;
    padding: 0 12px !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    background: rgba(255, 255, 255, 0.025) !important;
    white-space: nowrap !important;
  }

  .cards-tool-page .btn-print {
    justify-self: end !important;
    min-width: 152px !important;
    min-height: 40px !important;
    margin-left: 0 !important;
    border-radius: 6px !important;
    background: linear-gradient(180deg, #c40038, #8d0027) !important;
  }

  .cards-tool-page .pagemap-panel {
    grid-row: 4 !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    background: rgba(7, 7, 8, 0.7) !important;
  }

  .cards-tool-page .pagemap-bar {
    min-height: 40px !important;
  }

  .cards-tool-page .presets-row {
    grid-row: 5 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    gap: 8px !important;
  }

  .cards-tool-page .preset-btn {
    min-height: 30px !important;
    padding: 0 11px !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    background: rgba(255, 255, 255, 0.025) !important;
    color: rgba(216, 205, 198, 0.55) !important;
  }

  .cards-tool-page .preset-btn.active {
    border-color: rgba(223, 18, 70, 0.78) !important;
    background: rgba(134, 0, 38, 0.3) !important;
    color: #fff0e9 !important;
  }

  @media (max-width: 1180px) {
.cards-tool-page #selectorsContainer {
      grid-row: 3 !important;
    }

    .cards-tool-page .selector-row {
      grid-row: 4 !important;
      grid-template-columns: auto auto minmax(260px, 1fr) auto !important;
    }

    .cards-tool-page .btn-print {
      grid-column: 1 / -1 !important;
      width: 100% !important;
    }

    .cards-tool-page .pagemap-panel {
      grid-row: 5 !important;
    }

    .cards-tool-page .presets-row {
      grid-row: 6 !important;
    }
  }

  @media (max-width: 760px) {
    .cards-tool-page .selector-panel > .disc-picker,
    .cards-tool-page select {
      width: 100% !important;
    }

    .cards-tool-page .selector-row {
      grid-template-columns: 1fr !important;
      padding: 12px !important;
    }

    .cards-tool-page .scale-control {
      grid-template-columns: 1fr 64px auto !important;
    }

    .cards-tool-page .scale-control label {
      grid-column: 1 / -1 !important;
    }

    .cards-tool-page .grid-info,
    .cards-tool-page .stats-bar {
      justify-self: stretch !important;
    }

    .cards-tool-page .card-selector {
      width: 100% !important;
    }
  }
}