.token-creator { width: min(1120px, calc(100% - 32px)); margin: 24px auto 56px; color: #eef4ff; }
.token-creator__header { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; padding: 20px 0 24px; border-bottom: 1px solid #2d3948; }
.token-creator__header h1 { margin: 2px 0 6px; font-size: clamp(28px, 4vw, 42px); letter-spacing: 0; }
.token-creator__header p { margin: 0; color: #9cadc2; }
.token-creator .eyebrow { color: #55dca1; font-size: 12px; font-weight: 800; text-transform: uppercase; }
.creator-price { min-width: 250px; text-align: right; }
.creator-price small, .creator-price span { display: block; color: #8fa0b5; }
.creator-price strong { display: block; margin: 3px 0; color: #65e3aa; font-size: 30px; }
.creator-form { display: grid; gap: 12px; margin-top: 18px; }
.creator-section { padding: 20px; background: #111923; border: 1px solid #2b3849; border-radius: 8px; }
.creator-section__heading { display: flex; align-items: center; gap: 12px; margin-bottom: 18px; }
.creator-section__heading > span { display: grid; width: 32px; height: 32px; place-items: center; border: 1px solid #3d526a; border-radius: 50%; color: #65e3aa; font-size: 12px; font-weight: 800; }
.creator-section h2, .creator-section h3, .creator-section p { margin: 0; }
.creator-section h2 { font-size: 18px; }
.creator-section__heading p, .creator-section label > small { margin-top: 3px; color: #899bb1; font-size: 12px; }
.creator-choice-grid, .creator-package-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.creator-choice, .creator-package { position: relative; display: grid; gap: 7px; min-height: 118px; padding: 16px; background: #0b121b; border: 1px solid #263548; border-radius: 7px; cursor: pointer; }
.creator-choice:has(input:checked), .creator-package:has(input:checked) { border-color: #55dca1; box-shadow: inset 0 0 0 1px rgba(85,220,161,.2); }
.creator-choice input, .creator-package input { position: absolute; top: 14px; right: 14px; accent-color: #55dca1; }
.creator-choice span, .creator-package span { color: #91a2b8; font-size: 13px; }
.creator-choice small, .creator-package small { align-self: end; color: #65e3aa; font-weight: 800; }
.creator-fields { display: grid; gap: 12px; }
.creator-fields--three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.creator-section label:not(.creator-choice):not(.creator-package):not(.creator-chain):not(.creator-toggle) { display: grid; gap: 6px; margin-top: 12px; color: #bdc9d8; font-size: 13px; font-weight: 700; }
.token-creator input[type="text"], .token-creator input[type="url"], .token-creator input[type="number"], .token-creator input[type="file"], .token-creator textarea, .token-creator select { width: 100%; min-height: 42px; box-sizing: border-box; padding: 10px 12px; color: #f5f8fc; background: rgba(4,9,15,.62); border: 1px solid #34445a; border-radius: 6px; outline: none; }
.token-creator textarea { resize: vertical; }
.token-creator input:focus, .token-creator textarea:focus, .token-creator select:focus { border-color: #55dca1; box-shadow: 0 0 0 3px rgba(85,220,161,.1); }
.creator-toggle { display: flex; align-items: flex-start; gap: 12px; margin-top: 16px; padding: 14px; background: #0b121b; border: 1px solid #34445a; border-radius: 7px; cursor: pointer; }
.creator-toggle input { margin-top: 3px; accent-color: #55dca1; }
.creator-toggle span, .creator-toggle small { display: block; }
.creator-toggle small { margin-top: 4px; color: #91a2b8; }
.creator-chain-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.creator-chain { display: grid; grid-template-columns: auto 38px minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 13px; background: #0b121b; border: 1px solid #2a394c; border-radius: 7px; cursor: pointer; }
.creator-chain.is-selected { border-color: #55dca1; }
.creator-chain > input { accent-color: #55dca1; }
.creator-chain > img { width: 38px; height: 38px; object-fit: contain; border-radius: 50%; }
.creator-chain > span strong, .creator-chain > span small { display: block; }
.creator-chain > span small { margin-top: 2px; color: #8496ad; }
.creator-chain > em { color: #5fe1a8; font-size: 11px; font-style: normal; }
.creator-chain-supply { grid-column: 2 / -1; display: grid; grid-template-columns: 1fr minmax(130px, 45%); align-items: center; gap: 10px; color: #8fa0b5; font-size: 12px; }
.creator-chain-actions { display: flex; align-items: center; gap: 12px; margin-top: 12px; }
.creator-chain-actions small { color: #8fa0b5; }
.creator-notice, .creator-bridge { padding: 14px; color: #a9b8ca; background: #0b121b; border: 1px solid #314159; border-radius: 7px; }
.creator-bridge { display: flex; justify-content: space-between; gap: 16px; }
.creator-bridge strong { color: #65e3aa; }
.creator-profile-grid { display: grid; grid-template-columns: 240px 1fr; gap: 16px; margin-top: 14px; }
.creator-logo-field img { width: 86px; height: 86px; object-fit: cover; margin: 4px auto; border: 2px solid #55dca1; border-radius: 50%; }
.creator-submit { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 20px; background: #0c141e; border: 1px solid #3b4b60; border-radius: 8px; }
.creator-submit div strong, .creator-submit div span { display: block; }
.creator-submit div strong { color: #65e3aa; font-size: 24px; }
.creator-submit div span { color: #8fa0b5; font-size: 12px; }
.token-creator button { min-height: 42px; padding: 10px 18px; color: #08110d; background: #5fe1a8; border: 1px solid #5fe1a8; border-radius: 6px; font-weight: 800; cursor: pointer; }
.token-creator button.secondary-button { color: #d9e4f0; background: transparent; border-color: #43556c; }
.token-creator button:disabled { cursor: not-allowed; opacity: .45; }
.creator-feedback { min-height: 22px; margin: 0; color: #eab85d; }
.creator-progress { padding: 14px; background: #0b121b; border: 1px solid #2d3d50; border-radius: 7px; }
.creator-progress-row { display: grid; grid-template-columns: 1fr auto auto; gap: 16px; padding: 9px 0; border-top: 1px solid #253345; }
.creator-progress-row strong { color: #eab85d; }
.creator-progress-row.is-confirmed strong { color: #5fe1a8; }
.creator-order { display: flex; justify-content: space-between; gap: 16px; padding: 14px 0; border-top: 1px solid #2b3849; }
.creator-order span { display: block; margin-top: 3px; color: #8fa0b5; }
.creator-order a { display: block; color: #69aaff; text-align: right; }
.token-creator .hidden { display: none !important; }

@media (max-width: 780px) {
  .token-creator { width: min(100% - 20px, 1120px); margin-top: 12px; }
  .token-creator__header, .creator-submit, .creator-order { align-items: stretch; flex-direction: column; }
  .creator-price, .creator-order a { text-align: left; }
  .creator-choice-grid, .creator-package-grid, .creator-fields--three, .creator-chain-grid, .creator-profile-grid { grid-template-columns: 1fr; }
  .creator-section { padding: 15px; }
  .creator-bridge { flex-direction: column; }
}