#rs-create-studio.rs-create-studio {
  --rs-studio-ink: #1a1f24;
  --rs-studio-muted: #6d7782;
  --rs-studio-accent: #ca7b1f;
  --rs-studio-accent-soft: rgba(202, 123, 31, 0.16);
  --rs-studio-surface: rgba(255, 255, 255, 0.78);
  --rs-studio-surface-strong: rgba(255, 255, 255, 0.92);
  --rs-studio-border: rgba(26, 31, 36, 0.14);
  --rs-studio-border-soft: rgba(26, 31, 36, 0.08);
  --rs-studio-shadow: 0 18px 42px rgba(20, 30, 40, 0.1);
  --rs-step-base: #4284c4;
  --rs-step-base-soft: rgba(66, 132, 196, 0.14);
  --rs-step-items: #7f63b8;
  --rs-step-items-soft: rgba(127, 99, 184, 0.14);
  --rs-step-generate: #3f8f5f;
  --rs-step-generate-soft: rgba(63, 143, 95, 0.14);
  font-family: "Manrope", "Space Grotesk", "Avenir Next", sans-serif;
  color: var(--rs-studio-ink);
  position: relative;
  width: 100%;
  max-width: none;
  border: 1px solid var(--rs-studio-border-soft);
  border-radius: 24px;
  padding: 18px;
  margin: 0 0 18px;
  background:
    radial-gradient(120% 160% at 0% 0%, rgba(202, 123, 31, 0.12), transparent 48%),
    radial-gradient(100% 140% at 100% 0%, rgba(42, 114, 122, 0.12), transparent 44%),
    linear-gradient(130deg, rgba(255, 255, 255, 0.82), rgba(255, 255, 255, 0.68));
  box-shadow: var(--rs-studio-shadow);
  backdrop-filter: blur(10px);
}

body.rs-create-studio-active .studio-wrap,
body.rs-create-studio-active .studio-grid,
body.rs-create-studio-active main {
  width: 100% !important;
  max-width: none !important;
}

#rs-create-studio .rs-studio-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 14px;
}

#rs-create-studio .rs-studio-head-main {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

#rs-create-studio .rs-studio-heading {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--rs-studio-muted);
}

#rs-create-studio .rs-studio-guide {
  display: grid;
  gap: 6px;
  margin: 0 0 14px;
}

#rs-create-studio .rs-studio-guide-step {
  border: 1px solid var(--rs-studio-border-soft);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.72);
  padding: 7px 10px;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.35;
  color: #34414d;
}

#rs-create-studio .rs-studio-guide-step.is-base {
  border-color: rgba(66, 132, 196, 0.26);
  background: rgba(231, 242, 252, 0.86);
}

#rs-create-studio .rs-studio-guide-step.is-items {
  border-color: rgba(138, 106, 201, 0.24);
  background: rgba(244, 238, 255, 0.84);
}

#rs-create-studio .rs-studio-guide-step.is-generate {
  border-color: rgba(76, 156, 110, 0.25);
  background: rgba(231, 247, 237, 0.88);
}

#rs-create-studio .rs-studio-steps {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

#rs-create-studio .rs-studio-step {
  width: 32px;
  height: 32px;
  border-radius: 999px;
  border: 1.5px solid transparent;
  color: #51606e;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 1px 3px rgba(26, 31, 36, 0.08);
}

#rs-create-studio .rs-studio-step::before {
  font-size: 11px;
  line-height: 1;
  font-weight: 700;
  opacity: 0.9;
}

#rs-create-studio .rs-studio-step[data-step="base"]::before {
  content: "1";
}

#rs-create-studio .rs-studio-step[data-step="base"] {
  background: rgba(231, 242, 252, 0.95);
  border-color: rgba(66, 132, 196, 0.38);
  color: #2f5f90;
}

#rs-create-studio .rs-studio-step[data-step="items"]::before {
  content: "2";
}

#rs-create-studio .rs-studio-step[data-step="items"] {
  background: rgba(244, 238, 255, 0.95);
  border-color: rgba(127, 99, 184, 0.38);
  color: #5a4288;
}

#rs-create-studio .rs-studio-step[data-step="generate"]::before {
  content: "3";
}

#rs-create-studio .rs-studio-step[data-step="generate"] {
  background: rgba(232, 247, 238, 0.96);
  border-color: rgba(63, 143, 95, 0.38);
  color: #2f6f48;
}

#rs-create-studio .rs-studio-step.is-complete {
  transform: translateY(-2px) scale(1.05);
}

#rs-create-studio .rs-studio-step.is-complete::before {
  opacity: 1;
}

#rs-create-studio .rs-studio-step[data-step="base"].is-complete {
  background: linear-gradient(135deg, #3f7fc0 0%, #4f96dc 100%);
  border-color: var(--rs-step-base);
  color: #fff;
  box-shadow: 0 4px 12px rgba(66, 132, 196, 0.34);
}

#rs-create-studio .rs-studio-step[data-step="items"].is-complete {
  background: linear-gradient(135deg, #7353b2 0%, #8863cd 100%);
  border-color: var(--rs-step-items);
  color: #fff;
  box-shadow: 0 4px 12px rgba(127, 99, 184, 0.32);
}

#rs-create-studio .rs-studio-step[data-step="generate"].is-complete {
  background: linear-gradient(135deg, #3f8f5f 0%, #4ca56e 100%);
  border-color: var(--rs-step-generate);
  color: #fff;
  box-shadow: 0 4px 12px rgba(63, 143, 95, 0.33);
}

#rs-create-studio .rs-studio-modelbar {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

#rs-create-studio .rs-studio-model {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid var(--rs-studio-border);
  border-radius: 999px;
  background: var(--rs-studio-surface-strong);
  padding: 4px 11px 4px 4px;
  cursor: pointer;
  min-width: 126px;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 1px 3px rgba(26, 31, 36, 0.06);
}

#rs-create-studio .rs-studio-model:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 14px rgba(17, 27, 39, 0.12);
  border-color: rgba(26, 31, 36, 0.2);
}

#rs-create-studio .rs-studio-model.is-active {
  border-color: var(--rs-studio-accent);
  box-shadow: 0 0 0 2.5px var(--rs-studio-accent-soft), 0 2px 8px rgba(202, 123, 31, 0.15);
  background: rgba(255, 255, 255, 0.98);
}

#rs-create-studio .rs-studio-model-avatar {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #2c3c49, #516a7f);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
}

#rs-create-studio .rs-studio-model-meta {
  display: inline-flex;
  flex-direction: column;
  line-height: 1.15;
}

#rs-create-studio .rs-studio-model-name {
  font-size: 11px;
  font-weight: 700;
}

#rs-create-studio .rs-studio-model-tag {
  font-size: 10px;
  color: var(--rs-studio-muted);
}

#rs-create-studio .rs-studio-body {
  display: grid;
  grid-template-columns: clamp(420px, 34vw, 560px) minmax(0, 1fr);
  gap: 16px;
  align-items: start;
}

#rs-create-studio .rs-studio-palette,
#rs-create-studio .rs-studio-base,
#rs-create-studio .rs-studio-items {
  border-radius: 20px;
  border: 1px solid var(--rs-studio-border-soft);
  background: var(--rs-studio-surface);
  backdrop-filter: blur(12px);
  box-shadow: 0 2px 8px rgba(26, 31, 36, 0.04);
}

#rs-create-studio .rs-studio-palette {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 420px;
  min-height: 440px;
  padding: 14px;
}

#rs-create-studio .rs-studio-palette-headrow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

#rs-create-studio .rs-studio-palette-headrow-right {
  display: flex;
  align-items: center;
  gap: 6px;
}

#rs-create-studio .rs-studio-palette-head {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--rs-studio-muted);
}

#rs-create-studio .rs-studio-refresh {
  border: 1px solid var(--rs-studio-border);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.9);
  color: #36414c;
  font-size: 11px;
  font-weight: 600;
  padding: 6px 11px;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 1px 3px rgba(26, 31, 36, 0.06);
}

#rs-create-studio .rs-studio-refresh:hover {
  border-color: rgba(26, 31, 36, 0.35);
  transform: translateY(-1px);
  box-shadow: 0 2px 6px rgba(26, 31, 36, 0.1);
  background: rgba(255, 255, 255, 0.98);
}

#rs-create-studio .rs-studio-refresh:disabled {
  opacity: 0.6;
  cursor: wait;
}

#rs-create-studio .rs-studio-refresh.is-loading {
  position: relative;
}

#rs-create-studio .rs-studio-refresh.is-loading::after {
  content: "";
  width: 9px;
  height: 9px;
  border-radius: 50%;
  border: 2px solid rgba(54, 65, 76, 0.35);
  border-top-color: rgba(54, 65, 76, 0.95);
  display: inline-block;
  margin-left: 6px;
  animation: rs-studio-spin 0.8s linear infinite;
  vertical-align: middle;
}

#rs-create-studio .rs-studio-refresh-status {
  font-size: 10px;
  color: var(--rs-studio-muted);
  font-weight: 600;
  min-width: 52px;
  text-align: right;
}

#rs-create-studio .rs-studio-tabs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

#rs-create-studio .rs-studio-tab {
  border: 1px solid transparent;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.7);
  color: var(--rs-studio-muted);
  padding: 8px 10px;
  font-size: 11px;
  font-weight: 600;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border-bottom-color: var(--rs-studio-border-soft);
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

#rs-create-studio .rs-studio-tab:hover {
  background: rgba(255, 255, 255, 0.85);
  color: #3a4651;
}

#rs-create-studio .rs-studio-tab-label {
  line-height: 1;
}

#rs-create-studio .rs-studio-tab-count {
  min-width: 20px;
  border-radius: 999px;
  border: 1px solid var(--rs-studio-border-soft);
  background: rgba(255, 255, 255, 0.95);
  color: #4a5561;
  padding: 2px 6px;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.2;
}

#rs-create-studio .rs-studio-tab.is-active {
  border-color: var(--rs-studio-border);
  border-bottom-color: var(--rs-studio-accent);
  border-bottom-width: 2px;
  color: #1a1f24;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 1px 3px rgba(26, 31, 36, 0.06);
}

#rs-create-studio .rs-studio-tab.is-active .rs-studio-tab-count {
  border-color: var(--rs-studio-accent);
  background: rgba(202, 123, 31, 0.1);
  color: #6f4210;
}

#rs-create-studio .rs-studio-upload-wrap {
  display: flex;
}

#rs-create-studio .rs-studio-upload {
  width: 100%;
  border: 1px solid rgba(127, 99, 184, 0.38);
  border-radius: 12px;
  padding: 9px 12px;
  background: rgba(246, 242, 255, 0.98);
  color: #4f3d79;
  font-size: 11px;
  font-weight: 600;
  cursor: pointer;
  text-align: left;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 1px 3px rgba(26, 31, 36, 0.05);
}

#rs-create-studio .rs-studio-upload:hover {
  border-color: rgba(127, 99, 184, 0.62);
  box-shadow: 0 2px 8px rgba(127, 99, 184, 0.18);
  transform: translateY(-1px);
}

#rs-create-studio .rs-studio-upload:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

#rs-create-studio .rs-studio-upload-input {
  display: none;
}

#rs-create-studio .rs-studio-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(140px, 1fr));
  gap: 12px;
  align-content: start;
  overflow-y: auto;
  padding-right: 1px;
}

#rs-create-studio .rs-studio-empty {
  grid-column: 1 / -1;
  border: 1.5px dashed rgba(26, 31, 36, 0.18);
  border-radius: 14px;
  font-size: 11px;
  color: var(--rs-studio-muted);
  padding: 20px 12px;
  text-align: center;
  background: rgba(255, 255, 255, 0.6);
}

#rs-create-studio .rs-studio-skeleton {
  grid-column: 1 / -1;
  border-radius: 14px;
  font-size: 11px;
  color: var(--rs-studio-muted);
  padding: 32px 16px;
  text-align: center;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.6) 25%,
    rgba(255, 255, 255, 0.8) 50%,
    rgba(255, 255, 255, 0.6) 75%
  );
  background-size: 200% 100%;
  animation: rs-studio-shimmer 2s ease-in-out infinite;
}

@keyframes rs-studio-shimmer {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}

#rs-create-studio .rs-studio-card {
  position: relative;
  border: 1px solid var(--rs-studio-border-soft);
  border-radius: 16px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.95);
  min-height: 0;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
}

#rs-create-studio .rs-studio-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(26, 31, 36, 0.1);
  border-color: var(--rs-studio-border);
}

#rs-create-studio .rs-studio-card.is-base {
  border-color: rgba(202, 123, 31, 0.5);
  box-shadow: 0 0 0 2.5px rgba(202, 123, 31, 0.15), 0 4px 12px rgba(202, 123, 31, 0.12);
  transform: translateY(-1px);
}

#rs-create-studio .rs-studio-card-thumb {
  aspect-ratio: 1 / 1;
  background: #edf1f4;
  position: relative;
  overflow: hidden;
}

#rs-create-studio .rs-studio-card-thumb img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block;
  background: #edf1f4;
}

#rs-create-studio .rs-studio-card.is-locked {
  opacity: 0.7;
}

#rs-create-studio .rs-studio-card.is-locked::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.15));
  pointer-events: none;
}

#rs-create-studio .rs-studio-card-actions {
  position: absolute;
  top: 8px;
  left: 8px;
  right: 8px;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: nowrap;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-2px);
  transition: opacity 0.16s ease, transform 0.16s ease;
  overflow-x: visible;
  overflow-y: hidden;
}

#rs-create-studio .rs-card {
  position: relative;
}

#rs-create-studio .rs-card-actions {
  position: absolute;
  top: 8px;
  left: 8px;
  right: 8px;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: nowrap;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-2px);
  transition: opacity 0.16s ease, transform 0.16s ease;
  overflow-x: visible;
  overflow-y: hidden;
}

#rs-create-studio .rs-card-actions .rs-studio-card-btn {
  white-space: nowrap;
  padding: 0;
  border-radius: 999px;
  font-size: 12px;
  max-width: 100%;
  flex: 0 0 auto;
}

#rs-create-studio .rs-card-actions .rs-studio-card-btn-label {
  display: none;
}

#rs-create-studio .rs-card-actions .rs-studio-card-btn-icon-only {
  width: 30px;
  height: 30px;
  min-width: 30px;
  justify-content: center;
}

#rs-create-studio .rs-card-actions .rs-studio-card-btn-icon {
  font-size: 14px;
  line-height: 1;
}

#rs-create-studio .rs-card:hover .rs-card-actions,
#rs-create-studio .rs-card:focus-within .rs-card-actions {
  opacity: 1;
  transform: none;
  pointer-events: auto;
}

#rs-create-studio .rs-studio-card:hover .rs-studio-card-actions,
#rs-create-studio .rs-studio-card:focus-within .rs-studio-card-actions {
  opacity: 1;
  transform: none;
  pointer-events: auto;
}

@media (hover: none), (pointer: coarse) {
  #rs-create-studio .rs-card .rs-card-actions,
  #rs-create-studio .rs-studio-card .rs-studio-card-actions {
    opacity: 1;
    transform: none;
    pointer-events: auto;
  }
}

#rs-create-studio .rs-studio-card.is-unlocked-card .rs-studio-card-btn-item,
#rs-create-studio .rs-studio-card.is-generated-card .rs-studio-card-btn-item {
  display: none !important;
}

#rs-create-studio .rs-studio-card.is-assets-card .rs-studio-card-btn-delete {
  order: 2;
}

#rs-create-studio .rs-studio-card-btn {
  border: 1px solid rgba(255, 255, 255, 0.95);
  border-radius: 999px;
  background: rgba(18, 24, 31, 0.8);
  color: #fff;
  font-size: 10px;
  font-weight: 600;
  padding: 0 8px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  backdrop-filter: blur(4px);
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 2px 4px rgba(18, 24, 31, 0.2);
  min-height: 30px;
}

#rs-create-studio .rs-studio-card-btn:disabled {
  opacity: 0.55;
  cursor: not-allowed;
  transform: none;
}

#rs-create-studio .rs-studio-card-btn-base {
  background: rgba(66, 132, 196, 0.92);
}

#rs-create-studio .rs-studio-card-btn-base:hover {
  background: rgba(66, 132, 196, 1);
}

#rs-create-studio .rs-studio-card-btn-item {
  background: rgba(127, 99, 184, 0.92);
}

#rs-create-studio .rs-studio-card-btn-item:hover {
  background: rgba(127, 99, 184, 1);
}

#rs-create-studio .rs-studio-card-btn:hover {
  background: rgba(18, 24, 31, 0.92);
  transform: translateY(-1px);
  box-shadow: 0 3px 8px rgba(18, 24, 31, 0.3);
}

#rs-create-studio .rs-studio-card-btn-icon {
  font-size: 10px;
  line-height: 1;
}

#rs-create-studio .rs-studio-card-btn-delete {
  background: rgba(255, 255, 255, 0.95);
  border-color: rgba(162, 172, 182, 0.8);
  color: #5d6974;
  width: 28px;
  height: 28px;
  min-width: 28px;
  padding: 0;
  justify-content: center;
  font-size: 14px;
  line-height: 1;
}

#rs-create-studio .rs-studio-card-btn-delete:hover {
  background: rgba(255, 245, 245, 0.98);
  border-color: rgba(220, 38, 38, 0.45);
  color: #c13535;
}

#rs-create-studio .rs-studio-card-btn-favorite,
#rs-create-studio .rs-studio-card-btn-download {
  background: rgba(20, 28, 36, 0.8);
}

#rs-create-studio .rs-studio-card-btn-4k {
  background: rgba(198, 126, 24, 0.92);
  min-height: 24px;
  height: 24px;
  min-width: 34px;
  padding: 0 8px;
  font-size: 10px;
  line-height: 1;
}

#rs-create-studio .rs-card-actions .rs-studio-card-btn-4k .rs-studio-card-btn-icon {
  font-size: 10px;
  font-weight: 700;
}

#rs-create-studio .rs-studio-card-btn-favorite:hover,
#rs-create-studio .rs-studio-card-btn-download:hover {
  background: rgba(20, 28, 36, 0.92);
}

#rs-create-studio .rs-studio-card-btn-4k:hover {
  background: rgba(198, 126, 24, 1);
}

#rs-create-studio .rs-studio-card-btn-4k:disabled {
  opacity: 0.65;
  cursor: wait;
}

#rs-create-studio .rs-studio-card-btn-favorite.is-active {
  background: rgba(222, 64, 92, 0.9);
  border-color: rgba(255, 255, 255, 0.96);
}

#rs-create-studio .rs-studio-main {
  display: grid;
  grid-template-rows: minmax(280px, 1fr) auto auto;
  gap: 12px;
}

#rs-create-studio .rs-studio-step-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 22px;
  min-width: 58px;
  border-radius: 999px;
  border: 1px solid transparent;
  padding: 0 8px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  line-height: 1;
}

#rs-create-studio .rs-studio-step-badge.is-base {
  color: #2f5f90;
  border-color: rgba(66, 132, 196, 0.38);
  background: rgba(231, 242, 252, 0.95);
}

#rs-create-studio .rs-studio-step-badge.is-items {
  color: #5a4288;
  border-color: rgba(127, 99, 184, 0.38);
  background: rgba(244, 238, 255, 0.95);
}

#rs-create-studio .rs-studio-step-badge.is-generate {
  color: #2f6f48;
  border-color: rgba(63, 143, 95, 0.38);
  background: rgba(232, 247, 238, 0.96);
}

#rs-create-studio .rs-studio-section-head {
  position: absolute;
  left: 10px;
  top: 10px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  pointer-events: none;
}

#rs-create-studio .rs-studio-section-title {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #4c5d6f;
}

#rs-create-studio .rs-studio-base {
  min-height: 310px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  border-color: rgba(66, 132, 196, 0.22);
  background: linear-gradient(180deg, rgba(238, 246, 254, 0.72), rgba(255, 255, 255, 0.9));
}

#rs-create-studio .rs-studio-base:hover {
  box-shadow: 0 0 0 3px rgba(66, 132, 196, 0.1), 0 4px 12px rgba(26, 31, 36, 0.06);
}

#rs-create-studio .rs-studio-base.is-filled {
  border-color: rgba(66, 132, 196, 0.42);
  box-shadow: 0 0 0 3px rgba(66, 132, 196, 0.13), 0 2px 8px rgba(26, 31, 36, 0.04);
}

#rs-create-studio .rs-studio-base-media {
  width: 100%;
  height: 100%;
}

#rs-create-studio .rs-studio-base-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  background: #eff2f5;
}

#rs-create-studio .rs-studio-base-placeholder {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 18px 20px;
  margin: 0;
}

#rs-create-studio .rs-studio-base-icon {
  font-size: 20px;
  line-height: 1;
  margin-bottom: 8px;
  color: rgba(66, 132, 196, 0.68);
}

#rs-create-studio .rs-studio-base-title {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 4px;
}

#rs-create-studio .rs-studio-base-copy {
  margin: 0;
  font-size: 11px;
  line-height: 1.5;
  color: var(--rs-studio-muted);
  max-width: 320px;
}

#rs-create-studio .rs-studio-base-tip {
  margin: 8px 0 0;
  font-size: 10px;
  font-weight: 700;
  color: #47709a;
  line-height: 1.35;
}

#rs-create-studio .rs-studio-base-tools {
  position: absolute;
  right: 10px;
  top: 38px;
  display: flex;
  gap: 6px;
}

#rs-create-studio .rs-studio-base-replace,
#rs-create-studio .rs-studio-base-clear {
  display: none;
  border: 1px solid rgba(66, 132, 196, 0.34);
  border-radius: 999px;
  background: rgba(231, 242, 252, 0.92);
  color: #2f5f90;
  padding: 5px 9px;
  font-size: 10px;
  font-weight: 600;
  cursor: pointer;
}

#rs-create-studio .rs-studio-base-replace:hover,
#rs-create-studio .rs-studio-base-clear:hover {
  border-color: rgba(66, 132, 196, 0.58);
}

#rs-create-studio .rs-studio-controls {
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 10px 14px;
  border-radius: 16px;
  border: 1px solid var(--rs-studio-border-soft);
  background: var(--rs-studio-surface);
  backdrop-filter: blur(12px);
  box-shadow: 0 2px 8px rgba(26, 31, 36, 0.04);
}

#rs-create-studio .rs-studio-control-group {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

#rs-create-studio .rs-studio-control-label {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--rs-studio-muted);
}

#rs-create-studio .rs-studio-control-check {
  display: flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
}

#rs-create-studio .rs-studio-aspect {
  border: 1px solid var(--rs-studio-border);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.95);
  color: #2d3741;
  padding: 6px 10px;
  font-size: 11px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

#rs-create-studio .rs-studio-aspect:hover {
  border-color: rgba(26, 31, 36, 0.35);
}

#rs-create-studio .rs-studio-aspect:focus {
  outline: none;
  border-color: var(--rs-studio-accent);
  box-shadow: 0 0 0 2px var(--rs-studio-accent-soft);
}

#rs-create-studio .rs-studio-stealth {
  width: 16px;
  height: 16px;
  border-radius: 4px;
  border: 1.5px solid var(--rs-studio-border);
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  background: rgba(255, 255, 255, 0.95);
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

#rs-create-studio .rs-studio-stealth:checked {
  background: linear-gradient(135deg, #ca7b1f 0%, #d88a2f 100%);
  border-color: var(--rs-studio-accent);
}

#rs-create-studio .rs-studio-stealth:checked::after {
  content: "✓";
  display: block;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  text-align: center;
  line-height: 13px;
}

#rs-create-studio .rs-studio-tier {
  border: 1px solid var(--rs-studio-border);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.95);
  color: #2d3741;
  padding: 6px 10px;
  font-size: 11px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

#rs-create-studio .rs-studio-tier:hover {
  border-color: rgba(26, 31, 36, 0.35);
}

#rs-create-studio .rs-studio-tier:focus {
  outline: none;
  border-color: var(--rs-studio-accent);
  box-shadow: 0 0 0 2px var(--rs-studio-accent-soft);
}

#rs-create-studio .rs-studio-stealth-help {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1px solid var(--rs-studio-border);
  background: rgba(255, 255, 255, 0.95);
  color: var(--rs-studio-muted);
  font-size: 11px;
  font-weight: 700;
  line-height: 16px;
  text-align: center;
  cursor: pointer;
  margin-left: 6px;
  padding: 0;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

#rs-create-studio .rs-studio-stealth-help:hover {
  border-color: var(--rs-studio-accent);
  background: var(--rs-studio-accent-soft);
  color: var(--rs-studio-accent);
}

#rs-create-studio .rs-studio-stealth-tooltip {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  margin-bottom: 8px;
  padding: 12px 14px;
  border-radius: 12px;
  background: rgba(26, 31, 36, 0.96);
  color: #fff;
  font-size: 11px;
  line-height: 1.5;
  box-shadow: 0 8px 24px rgba(26, 31, 36, 0.3);
  z-index: 100;
  backdrop-filter: blur(8px);
}

#rs-create-studio .rs-studio-stealth-tooltip[hidden] {
  display: none;
}

#rs-create-studio .rs-studio-tooltip-title {
  font-weight: 700;
  font-size: 12px;
  margin-bottom: 6px;
}

#rs-create-studio .rs-studio-tooltip-body {
  color: rgba(255, 255, 255, 0.9);
}

#rs-create-studio .rs-studio-main-actions {
  display: flex;
  flex-direction: column;
  gap: 10px;
  border: 1px solid rgba(76, 156, 110, 0.22);
  border-radius: 14px;
  background: rgba(235, 248, 240, 0.88);
  padding: 10px 12px;
}

#rs-create-studio .rs-studio-main-actions:hover {
  box-shadow: 0 0 0 3px rgba(63, 143, 95, 0.1), 0 4px 12px rgba(26, 31, 36, 0.05);
}

#rs-create-studio .rs-studio-main-actions-head {
  display: flex;
  align-items: center;
  gap: 8px;
}

#rs-create-studio .rs-studio-main-actions-title {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #3f6e52;
}

#rs-create-studio .rs-studio-main-actions-buttons {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 8px;
}

#rs-create-studio .rs-studio-ask-toggle {
  border: 1px solid rgba(87, 92, 168, 0.46);
  border-radius: 999px;
  background: rgba(237, 239, 255, 0.97);
  color: #4b4f91;
  font-size: 11px;
  font-weight: 700;
  padding: 9px 14px;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 1px 3px rgba(63, 143, 95, 0.16);
}

#rs-create-studio .rs-studio-ask-toggle:hover {
  border-color: rgba(87, 92, 168, 0.75);
  background: rgba(228, 231, 255, 1);
  transform: translateY(-1px);
}

#rs-create-studio .rs-studio-refine {
  border: 1px solid rgba(202, 123, 31, 0.5);
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(202, 123, 31, 0.16), rgba(202, 123, 31, 0.12));
  color: #6f4210;
  font-size: 11px;
  font-weight: 700;
  padding: 9px 16px;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 2px 6px rgba(202, 123, 31, 0.15);
}

#rs-create-studio .rs-studio-refine:not(:disabled):hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(202, 123, 31, 0.28);
  background: linear-gradient(135deg, rgba(202, 123, 31, 0.2), rgba(202, 123, 31, 0.16));
  border-color: rgba(202, 123, 31, 0.6);
}

#rs-create-studio .rs-studio-refine:disabled,
#rs-create-studio .rs-studio-refine.is-disabled {
  opacity: 0.4;
  cursor: not-allowed;
  box-shadow: none;
  background: rgba(202, 123, 31, 0.08);
  border-color: rgba(202, 123, 31, 0.25);
  transform: none;
}

#rs-create-studio .rs-studio-generate {
  border: 1px solid rgba(42, 114, 122, 0.5);
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(42, 114, 122, 0.92), rgba(42, 114, 122, 0.88));
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  padding: 9px 18px;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 2px 6px rgba(42, 114, 122, 0.25);
}

#rs-create-studio .rs-studio-generate:not(:disabled):hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(42, 114, 122, 0.35);
  background: linear-gradient(135deg, rgba(42, 114, 122, 0.96), rgba(42, 114, 122, 0.92));
  border-color: rgba(42, 114, 122, 0.7);
}

#rs-create-studio .rs-studio-generate:disabled {
  opacity: 0.4;
  cursor: not-allowed;
  box-shadow: none;
  background: rgba(42, 114, 122, 0.3);
  border-color: rgba(42, 114, 122, 0.25);
  transform: none;
}

#rs-create-studio .rs-studio-generate.is-loading {
  position: relative;
  padding-left: 34px;
}

#rs-create-studio .rs-studio-generate.is-loading::before {
  content: "";
  position: absolute;
  left: 14px;
  top: 50%;
  width: 12px;
  height: 12px;
  margin-top: -7px;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.48);
  border-top-color: #fff;
  animation: rs-studio-spin 0.8s linear infinite;
}

#rs-create-studio .rs-studio-prompt-editor,
#rs-create-studio .rs-studio-prompt-final-wrap {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

#rs-create-studio .rs-studio-prompt-final-wrap {
  border: 1px solid rgba(63, 143, 95, 0.18);
  border-radius: 12px;
  background: rgba(248, 252, 249, 0.78);
  padding: 4px 8px 8px;
}

#rs-create-studio .rs-studio-prompt-final-wrap[open] {
  border-color: rgba(63, 143, 95, 0.36);
}

#rs-create-studio .rs-studio-prompt-advanced-summary {
  cursor: pointer;
  list-style: none;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #5b6b60;
  padding: 2px 0;
}

#rs-create-studio .rs-studio-prompt-advanced-summary::-webkit-details-marker {
  display: none;
}

#rs-create-studio .rs-studio-prompt-advanced-summary::before {
  content: "▸ ";
  color: #60756a;
}

#rs-create-studio .rs-studio-prompt-final-wrap[open] .rs-studio-prompt-advanced-summary::before {
  content: "▾ ";
}

#rs-create-studio .rs-studio-prompt-label {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #456253;
}

#rs-create-studio .rs-studio-prompt-input,
#rs-create-studio .rs-studio-final-prompt {
  width: 100%;
  border-radius: 12px;
  border: 1px solid rgba(63, 143, 95, 0.24);
  background: rgba(255, 255, 255, 0.96);
  padding: 10px 12px;
  color: #20302c;
  font-size: 12px;
  line-height: 1.5;
  resize: vertical;
  min-height: 82px;
}

#rs-create-studio .rs-studio-prompt-input:focus {
  outline: none;
  border-color: rgba(63, 143, 95, 0.62);
  box-shadow: 0 0 0 2px rgba(63, 143, 95, 0.14);
}

#rs-create-studio .rs-studio-final-prompt {
  background: rgba(243, 250, 246, 0.98);
  color: #2f4e41;
}

#rs-create-studio .rs-studio-prompt-final-wrap:not([open]) .rs-studio-final-prompt {
  display: none;
}

#rs-create-studio .rs-studio-main-actions-foot {
  display: flex;
  justify-content: flex-end;
}

#rs-create-studio .rs-studio-reset-session {
  border: 1px solid rgba(26, 31, 36, 0.24);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.92);
  color: #46515c;
  font-size: 10px;
  font-weight: 700;
  padding: 5px 10px;
  cursor: pointer;
}

#rs-create-studio .rs-studio-reset-session:hover {
  border-color: rgba(26, 31, 36, 0.44);
  background: rgba(255, 255, 255, 0.98);
}

#rs-create-studio .rs-studio-items {
  padding: 12px;
  border-color: rgba(138, 106, 201, 0.2);
  background: linear-gradient(180deg, rgba(246, 242, 255, 0.72), rgba(255, 255, 255, 0.92));
}

#rs-create-studio .rs-studio-items:hover {
  box-shadow: 0 0 0 3px rgba(127, 99, 184, 0.1), 0 4px 12px rgba(26, 31, 36, 0.05);
}

#rs-create-studio .rs-studio-items-title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--rs-studio-muted);
  margin-bottom: 8px;
}

#rs-create-studio .rs-studio-items-title-text {
  line-height: 1;
}

#rs-create-studio .rs-studio-items-tray {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  min-height: 88px;
  align-items: flex-start;
}

#rs-create-studio .rs-studio-items-empty {
  border: 1.5px dashed rgba(26, 31, 36, 0.18);
  border-radius: 14px;
  font-size: 11px;
  color: var(--rs-studio-muted);
  padding: 14px;
  width: 100%;
  background: rgba(255, 255, 255, 0.6);
  text-align: center;
}

#rs-create-studio .rs-studio-item {
  min-width: 128px;
  max-width: 148px;
  position: relative;
  cursor: grab;
}

#rs-create-studio .rs-studio-item.is-dragging {
  opacity: 0.45;
}

#rs-create-studio .rs-studio-item img {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 12px;
  border: 1px solid var(--rs-studio-border-soft);
  background: #edf1f4;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

#rs-create-studio .rs-studio-item:hover img {
  border-color: var(--rs-studio-border);
  box-shadow: 0 2px 8px rgba(26, 31, 36, 0.08);
}

#rs-create-studio .rs-studio-item-meta {
  margin-top: 6px;
}

#rs-create-studio .rs-studio-item-placement {
  width: 100%;
  border: 1px solid rgba(123, 97, 179, 0.32);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.96);
  color: #473964;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.3;
  padding: 5px 8px;
}

#rs-create-studio .rs-studio-item-remove {
  position: absolute;
  right: 5px;
  top: 5px;
  border: 1px solid rgba(255, 255, 255, 0.95);
  border-radius: 999px;
  background: rgba(20, 26, 34, 0.75);
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  width: 18px;
  height: 18px;
  line-height: 14px;
  text-align: center;
  padding: 0;
  cursor: pointer;
}

#rs-create-studio .rs-studio-task-progress {
  margin-top: 12px;
  border: 1px solid rgba(26, 31, 36, 0.14);
  border-radius: 12px;
  background: rgba(250, 252, 255, 0.95);
  padding: 10px 12px;
}

#rs-create-studio .rs-studio-task-progress[hidden] {
  display: none;
}

#rs-create-studio .rs-studio-task-progress-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

#rs-create-studio .rs-studio-task-progress-title {
  font-size: 11px;
  font-weight: 800;
  color: #22303d;
}

#rs-create-studio .rs-studio-task-progress-pct {
  font-size: 11px;
  font-weight: 700;
  color: #3a4d60;
}

#rs-create-studio .rs-studio-task-progress-track {
  margin-top: 7px;
  height: 8px;
  border-radius: 999px;
  background: rgba(23, 32, 40, 0.13);
  overflow: hidden;
}

#rs-create-studio .rs-studio-task-progress-fill {
  display: block;
  height: 100%;
  width: 0%;
  border-radius: 999px;
  background: linear-gradient(90deg, #2f6ab2, #3aa4e3);
  transition: width 0.25s ease;
}

#rs-create-studio .rs-studio-task-progress-step {
  margin-top: 6px;
  font-size: 10px;
  font-weight: 600;
  color: #5a6877;
}

#rs-create-studio .rs-studio-task-progress.is-done .rs-studio-task-progress-fill {
  background: linear-gradient(90deg, #219653, #2dcf6c);
}

#rs-create-studio .rs-studio-task-progress.is-done .rs-studio-task-progress-step {
  color: #22653e;
}

#rs-create-studio .rs-studio-task-progress.is-error .rs-studio-task-progress-fill {
  background: linear-gradient(90deg, #d64545, #f07979);
}

#rs-create-studio .rs-studio-task-progress.is-error .rs-studio-task-progress-step {
  color: #8f2e2e;
}

#rs-create-studio .rs-studio-toast-stack {
  position: fixed;
  right: 18px;
  bottom: 16px;
  z-index: 10040;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
  pointer-events: none;
}

#rs-create-studio .rs-studio-toast {
  min-width: 200px;
  max-width: min(360px, calc(100vw - 36px));
  border-radius: 12px;
  border: 1px solid rgba(26, 31, 36, 0.14);
  background: rgba(255, 255, 255, 0.96);
  color: #1f2a33;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.4;
  padding: 10px 12px;
  box-shadow: 0 6px 18px rgba(17, 27, 39, 0.16);
  transition: opacity 0.2s ease, transform 0.2s ease;
}

#rs-create-studio .rs-studio-toast.is-success {
  border-color: rgba(63, 143, 95, 0.28);
  background: rgba(240, 252, 244, 0.98);
}

#rs-create-studio .rs-studio-toast.is-error {
  border-color: rgba(204, 83, 83, 0.26);
  background: rgba(255, 246, 246, 0.98);
}

#rs-create-studio .rs-studio-toast.is-leaving {
  opacity: 0;
  transform: translateY(4px);
}

#rs-create-studio .rs-studio-export-popover {
  position: fixed;
  z-index: 10045;
  min-width: 212px;
  border-radius: 12px;
  border: 1px solid rgba(26, 31, 36, 0.16);
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 12px 26px rgba(17, 27, 39, 0.2);
  padding: 10px;
}

#rs-create-studio .rs-studio-export-popover[hidden] {
  display: none;
}

#rs-create-studio .rs-studio-export-title {
  font-size: 11px;
  font-weight: 700;
  color: #384450;
  margin-bottom: 8px;
}

#rs-create-studio .rs-studio-export-options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

#rs-create-studio .rs-studio-export-option {
  border: 1px solid rgba(26, 31, 36, 0.18);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.96);
  color: #28323c;
  font-size: 11px;
  font-weight: 700;
  padding: 8px 10px;
  cursor: pointer;
}

#rs-create-studio .rs-studio-export-option:hover {
  border-color: rgba(26, 31, 36, 0.38);
  background: rgba(248, 249, 251, 1);
}

#rs-create-studio .rs-studio-export-cancel {
  width: 100%;
  margin-top: 8px;
  border: 1px solid rgba(26, 31, 36, 0.16);
  border-radius: 8px;
  background: rgba(246, 247, 249, 0.98);
  color: #4a5763;
  font-size: 10px;
  font-weight: 700;
  padding: 7px 8px;
  cursor: pointer;
}

#rs-create-studio .rs-studio-card.is-result-highlight .rs-studio-card-thumb {
  border-radius: 14px;
  box-shadow: 0 0 0 2px rgba(64, 167, 255, 0.32), 0 0 0 6px rgba(64, 167, 255, 0.13);
  animation: rs-studio-result-highlight 1.2s ease-out 1;
}

@keyframes rs-studio-result-highlight {
  0% {
    transform: scale(1.02);
    box-shadow: 0 0 0 0 rgba(64, 167, 255, 0.42);
  }
  100% {
    transform: scale(1);
    box-shadow: 0 0 0 6px rgba(64, 167, 255, 0);
  }
}

#rs-create-studio .rs-studio-mobile-toggle {
  display: none;
}

#rs-elis-root #rs-elis-toggle {
  transition: opacity 0.2s ease;
}

body.rs-create-studio-active #rs-elis-root #rs-elis-toggle {
  display: none !important;
}

#rs-elis-root.rs-studio-focus-pulse {
  animation: rs-studio-pulse 0.9s ease-in-out 1;
}

@keyframes rs-studio-spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes rs-studio-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(202, 123, 31, 0.36);
  }
  100% {
    box-shadow: 0 0 0 14px rgba(202, 123, 31, 0);
  }
}

@media (hover: none) {
  #rs-create-studio .rs-card-actions,
  #rs-create-studio .rs-studio-card-actions {
    opacity: 1;
    transform: none;
    pointer-events: auto;
  }
}

@media (max-width: 1200px) {
  #rs-create-studio .rs-studio-body {
    grid-template-columns: minmax(420px, 480px) minmax(0, 1fr);
  }
}

@media (min-width: 1500px) {
  #rs-create-studio .rs-studio-cards {
    grid-template-columns: repeat(3, minmax(140px, 1fr));
  }
}

@media (max-width: 960px) {
  #rs-create-studio.rs-create-studio {
    border-radius: 18px;
    padding: 14px;
  }

  #rs-create-studio .rs-studio-head {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }

  #rs-create-studio .rs-studio-modelbar {
    justify-content: flex-start;
  }

  #rs-create-studio .rs-studio-body {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  #rs-create-studio .rs-studio-main {
    order: 1;
  }

  #rs-create-studio .rs-studio-base {
    min-height: 240px;
  }

  #rs-create-studio .rs-studio-controls {
    flex-direction: column;
    align-items: stretch;
  }

  #rs-create-studio .rs-studio-main-actions {
    justify-content: stretch;
    flex-direction: column;
  }

  #rs-create-studio .rs-studio-main-actions-buttons {
    flex-direction: column;
  }

  #rs-create-studio .rs-studio-ask-toggle,
  #rs-create-studio .rs-studio-refine,
  #rs-create-studio .rs-studio-generate {
    width: 100%;
  }

  #rs-create-studio .rs-studio-mobile-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 8px;
    width: 100%;
    border: 1px solid var(--rs-studio-border);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.92);
    color: #2f3943;
    padding: 8px 12px;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
  }

  #rs-create-studio .rs-studio-palette {
    order: 2;
    min-width: 0;
    min-height: 0;
    max-height: 64px;
    overflow: hidden;
    transition: max-height 0.24s ease;
  }

  #rs-create-studio.is-palette-open .rs-studio-palette {
    max-height: 56vh;
  }

  #rs-create-studio .rs-studio-cards {
    grid-template-columns: repeat(3, minmax(140px, 1fr));
  }
}

@media (max-width: 640px) {
  #rs-create-studio .rs-studio-cards {
    grid-template-columns: repeat(3, minmax(140px, 1fr));
  }

  #rs-create-studio .rs-studio-model {
    min-width: 0;
  }

  #rs-create-studio .rs-studio-step {
    width: 26px;
    height: 26px;
  }
}

body.rs-create-studio-active [data-rs-hide-legacy="1"] {
  display: none !important;
}

/* Create Studio hard overrides (requested root-cause clip fix) */
#rs-create-studio.rs-create-studio {
  width: 100% !important;
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.rs-create-studio-active .studio-wrap,
body.rs-create-studio-active .studio-grid,
body.rs-create-studio-active .studio-grid-wrap,
body.rs-create-studio-active main {
  width: 100% !important;
  max-width: none !important;
  overflow: visible !important;
}

#rs-create-studio .rs-studio-body {
  grid-template-columns: minmax(520px, 42vw) minmax(0, 1fr) !important;
  overflow: visible !important;
}

#rs-create-studio .rs-studio-palette,
#rs-create-studio .rs-studio-cards {
  overflow: visible !important;
}

#rs-create-studio .rs-studio-cards {
  grid-template-columns: repeat(3, minmax(140px, 1fr)) !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  padding-right: 0 !important;
}

@media (max-width: 1180px) {
  #rs-create-studio .rs-studio-cards {
    grid-template-columns: repeat(2, minmax(140px, 1fr)) !important;
  }
}

#rs-create-studio .rs-card,
#rs-create-studio .rs-studio-card {
  overflow: visible !important;
}

#rs-create-studio .rs-card-actions,
#rs-create-studio .rs-studio-card-actions {
  z-index: 30 !important;
}

#rs-create-studio .rs-icon-btn {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  padding: 0 !important;
  border-radius: 999px !important;
}

#rs-create-studio .rs-icon-btn .rs-studio-card-btn-icon {
  font-size: 14px !important;
  line-height: 1 !important;
}

#rs-create-studio .rs-studio-card-btn-favorite,
#rs-create-studio .rs-studio-card-btn-favorite.is-active,
#rs-create-studio .rs-studio-card-btn-favorite:hover {
  background: rgba(20, 28, 36, 0.8) !important;
  border-color: rgba(255, 255, 255, 0.95) !important;
}