/* Presentation-only chooser card skin for nfastaged.
   Intentionally does not target .seal-preview-phone, its iframe, or any mirror runtime selector. */

#sealProductOverlay .seal-product-dialog {
  background: rgba(7, 16, 31, 0.52);
  border-color: rgba(255, 255, 255, 0.16);
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.28);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

#sealProductOverlay .seal-product-grid {
  align-items: stretch;
  gap: 1.15rem;
}

#sealProductOverlay .seal-product-card {
  grid-template-rows: auto auto auto 1fr auto;
  align-content: start;
  gap: 0.8rem;
  padding: clamp(1rem, 2vw, 1.25rem);
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(255, 255, 255, 0.13);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.16);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
}

#sealProductOverlay .seal-product-card[data-seal-type="standard"] {
  border-color: rgba(121, 226, 255, 0.28);
}

#sealProductOverlay .seal-product-card[data-seal-type="blockchain"] {
  border-color: rgba(192, 140, 255, 0.34);
  background: rgba(124, 73, 190, 0.055);
}

#sealProductOverlay .seal-product-copy {
  display: grid;
  gap: 0.65rem;
}

#sealProductOverlay .seal-product-copy h3 {
  margin: 0;
  font-size: clamp(1.05rem, 2vw, 1.28rem);
  line-height: 1.2;
  letter-spacing: -0.015em;
}

#sealProductOverlay .seal-product-lead {
  margin: 0;
  color: #ffffff;
  font-size: 0.96rem;
  font-weight: 700;
  line-height: 1.45;
}

#sealProductOverlay .seal-product-copy > p:not(.seal-product-lead):not(.seal-product-proof-line) {
  margin: 0;
  color: rgba(244, 248, 255, 0.78);
  font-size: 0.85rem;
  line-height: 1.48;
}

#sealProductOverlay .seal-product-copy ul {
  margin: 0;
  padding-left: 1.05rem;
  display: grid;
  gap: 0.33rem;
  color: rgba(247, 250, 255, 0.84);
  font-size: 0.8rem;
  line-height: 1.38;
}

#sealProductOverlay .seal-product-copy li::marker {
  color: rgba(255, 255, 255, 0.58);
}

#sealProductOverlay .seal-product-proof-line {
  margin: 0;
  padding-top: 0.15rem;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.66);
}

#sealProductOverlay .seal-product-card > button[id$="OverlayFinalizeBtn"] {
  width: 100%;
  margin-top: 0.1rem;
  min-height: 3.25rem;
  color: #071019;
  border: 1px solid rgba(255, 255, 255, 0.55);
  border-radius: 0.95rem;
  font-size: 0.94rem;
  font-weight: 900;
  letter-spacing: 0.01em;
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.22);
  transition: transform 160ms ease, box-shadow 160ms ease, filter 160ms ease;
}

#sealProductOverlay #standardSealOverlayFinalizeBtn {
  background: linear-gradient(135deg, #d9f8ff 0%, #78ddf3 48%, #49b9db 100%);
}

#sealProductOverlay #blockchainSealOverlayFinalizeBtn {
  color: #ffffff;
  background: linear-gradient(135deg, #8d5cf6 0%, #6139c9 52%, #3f2199 100%);
  border-color: rgba(217, 199, 255, 0.66);
}

#sealProductOverlay .seal-product-card > button[id$="OverlayFinalizeBtn"]:hover,
#sealProductOverlay .seal-product-card > button[id$="OverlayFinalizeBtn"]:focus-visible {
  transform: translateY(-1px);
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.28);
  filter: brightness(1.06);
}

#sealProductOverlay .seal-product-card > button[id$="OverlayFinalizeBtn"] small {
  display: block;
  margin-top: 0.18rem;
  font-size: 0.68rem;
  font-weight: 700;
  opacity: 0.72;
}

@media (max-width: 760px) {
  #sealProductOverlay .seal-product-grid {
    grid-template-columns: 1fr;
  }
}

/* Runtime-only Mint curtain image polish.
   Keep the white-face Minty donor, but present it at the restrained Live-3920 scale
   so the small raster asset reads as a character rather than an enlarged cutout. */
#mintCurtain .mint-curtain__minty img {
  width: min(100%, 19rem);
  height: auto;
  max-height: 19rem;
  margin-bottom: -1rem;
  object-fit: contain;
  image-rendering: auto;
  filter: drop-shadow(0 0.8rem 1.6rem rgba(0, 0, 0, 0.24));
}

@media (max-width: 700px) {
  #mintCurtain .mint-curtain__minty img {
    width: min(100%, 14rem);
    max-height: 14rem;
    margin-bottom: -0.7rem;
  }
}

/* Create studio — acherry-derived control-room presentation.
   One visual system, not an overlay. Preserve existing DOM, IDs and event wiring. */
body:not(.preview-mode):not(.finalized):not([data-exported="true"]) {
  --studio-ink: #f3f6f9;
  --studio-muted: #9ba9b7;
  --studio-line: rgba(144, 181, 203, .16);
  --studio-line-strong: rgba(135, 193, 217, .30);
  --studio-steel: #91b3c7;
  --studio-ice: #a5d4df;
  --studio-mint: #78cbb8;
  --studio-panel: rgba(8, 13, 20, .91);
  background:
    radial-gradient(ellipse 48rem 22rem at 74% -10%, rgba(56, 101, 132, .11), transparent 69%),
    radial-gradient(ellipse 30rem 17rem at 9% 7%, rgba(48, 91, 105, .065), transparent 72%),
    linear-gradient(155deg, #020305 0%, #05080c 38%, #07101a 71%, #03060a 100%) !important;
  background-attachment: fixed !important;
}

body:not(.preview-mode):not(.finalized):not([data-exported="true"]) .creator-toolbar {
  min-height: 3.35rem;
  gap: .7rem;
  padding: .42rem clamp(.65rem, 1.7vw, 1.25rem);
  border-bottom-color: rgba(130, 170, 191, .16) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.024), transparent 42%),
    linear-gradient(95deg, rgba(4,7,11,.97), rgba(8,14,22,.965) 50%, rgba(5,9,15,.97)) !important;
  box-shadow: 0 .75rem 2.5rem rgba(0,0,0,.40), inset 0 -1px rgba(129,178,202,.045) !important;
  backdrop-filter: blur(20px) saturate(108%);
  -webkit-backdrop-filter: blur(20px) saturate(108%);
}

.creator-toolbar__brand {
  gap: .5rem;
}
.creator-toolbar__brand::after {
  content: "CREATE";
  margin-left: .15rem;
  padding: .23rem .5rem;
  border: 1px solid rgba(130, 188, 177, .24);
  border-radius: 999px;
  color: rgba(184, 221, 214, .78);
  background:
    linear-gradient(180deg, rgba(255,255,255,.055), transparent 45%),
    linear-gradient(135deg, rgba(32,62,61,.68), rgba(14,27,37,.70));
  box-shadow: inset 0 1px rgba(255,255,255,.05);
  font-size: .58rem;
  font-weight: 850;
  letter-spacing: .12em;
}

/* Compact top control groups: hardware-bay treatment. */
.mode-toggle-button,
.toolbar-switches,
.viewport-controls {
  display: flex;
  align-items: center;
  gap: .22rem;
  min-height: 2.2rem;
  margin: 0;
  padding: .2rem;
  border: 1px solid var(--studio-line);
  border-radius: .72rem;
  background:
    linear-gradient(180deg, rgba(255,255,255,.034), transparent 44%),
    linear-gradient(145deg, rgba(16,24,34,.95), rgba(6,10,16,.97));
  box-shadow: inset 0 1px rgba(255,255,255,.04), inset 0 -1px rgba(0,0,0,.55), 0 .3rem 1rem rgba(0,0,0,.18);
}

.mode-toggle-button::before,
.viewport-controls::before {
  padding: 0 .32rem 0 .22rem;
  color: rgba(183, 198, 211, .57);
  font-size: .55rem;
  font-weight: 850;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.mode-toggle-button::before { content: "Mode"; }
.viewport-controls::before { content: "View"; }

.toolbar-switches__label {
  padding: 0 .3rem 0 .18rem;
  color: rgba(183, 198, 211, .57) !important;
  font-size: .55rem !important;
  font-weight: 850;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.mode-toggle-button input,
.toolbar-switches input,
.viewport-controls input {
  position: absolute !important;
  inline-size: 1px !important;
  block-size: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.mode-toggle-button label,
.compact-switch,
.viewport-controls label {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 1.72rem;
  margin: 0 !important;
  padding: .28rem .58rem !important;
  border: 1px solid rgba(145,176,194,.11);
  border-radius: .5rem;
  color: rgba(212, 221, 228, .70) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), transparent 44%),
    linear-gradient(145deg, rgba(15,23,32,.86), rgba(7,11,17,.90));
  box-shadow: inset 0 1px rgba(255,255,255,.03);
  font-size: .67rem !important;
  font-weight: 720;
  line-height: 1;
  cursor: pointer;
  user-select: none;
  transition: color 150ms ease, background 150ms ease, border-color 150ms ease, box-shadow 150ms ease, transform 150ms ease;
}

.mode-toggle-button label:hover,
.compact-switch:hover,
.viewport-controls label:hover {
  color: #f7fbfd !important;
  border-color: rgba(126, 186, 212, .26);
  background:
    linear-gradient(180deg, rgba(255,255,255,.055), transparent 46%),
    linear-gradient(145deg, rgba(20,35,48,.93), rgba(9,16,25,.95));
  box-shadow: inset 0 1px rgba(255,255,255,.055);
}

.mode-toggle-button label:has(input:checked),
.compact-switch:has(input:checked),
.viewport-controls label:has(+ input:checked) {
  color: #edf8fb !important;
  border-color: rgba(126, 199, 211, .42);
  background:
    linear-gradient(180deg, rgba(255,255,255,.09), transparent 40%),
    linear-gradient(135deg, #18333d 0%, #142b36 50%, #132336 100%);
  box-shadow: inset 0 1px rgba(226,252,255,.10), inset 0 -1px rgba(0,0,0,.40), 0 .35rem 1rem rgba(0,0,0,.23), 0 0 1rem rgba(73,154,171,.045);
}

.mode-toggle-button label:focus-within,
.compact-switch:focus-within,
.viewport-controls label:focus-visible {
  outline: 2px solid rgba(126, 189, 214, .50);
  outline-offset: 2px;
}

/* Black lacquer guide with restrained midnight reflections. */
.authoring-guide {
  position: relative;
  overflow: hidden;
  border-color: rgba(126, 174, 198, .21) !important;
  background:
    linear-gradient(125deg, rgba(255,255,255,.038), transparent 22%),
    radial-gradient(ellipse at 96% 2%, rgba(57, 98, 128, .12), transparent 45%),
    linear-gradient(150deg, rgba(9,16,24,.985), rgba(4,7,12,.99) 58%, rgba(7,13,21,.985)) !important;
  box-shadow: 0 1.35rem 3.4rem rgba(0,0,0,.44), inset 0 1px rgba(255,255,255,.043), inset 0 0 2.8rem rgba(40,75,97,.04) !important;
}
.authoring-guide::after {
  content: "";
  position: absolute;
  inset: auto -15% -45% 20%;
  height: 8rem;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(92,146,172,.075), rgba(72,103,145,.045), transparent);
  filter: blur(24px);
  transform: rotate(-7deg);
}

.authoring-guide__eyebrow { color: #9fcbd5 !important; font-size: .68rem !important; }
.authoring-guide h1 {
  color: var(--studio-ink);
  font-size: clamp(1.42rem, 2.4vw, 1.75rem) !important;
  line-height: 1.12;
  letter-spacing: -.025em;
}
.authoring-guide__intro > p:last-child {
  color: var(--studio-muted);
  font-size: .82rem !important;
  line-height: 1.5;
}

.authoring-step,
.authoring-step:nth-child(3n+2),
.authoring-step:nth-child(3n) {
  border-color: rgba(138,174,194,.12) !important;
  color: rgba(200,211,219,.70) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.032), transparent 45%),
    linear-gradient(145deg, rgba(15,24,34,.91), rgba(7,12,19,.93)) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.025);
}
.authoring-step:hover,
.authoring-step:focus-visible,
.authoring-step.is-suggested-next {
  border-color: rgba(124,180,205,.25) !important;
  color: #edf4f7 !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), transparent 44%),
    linear-gradient(145deg, rgba(19,33,46,.95), rgba(9,16,25,.95)) !important;
}
.authoring-step.is-suggested-next::after { color: #8ebfd0 !important; }
.authoring-step[hidden],
.authoring-card[hidden] { display: none !important; }
.authoring-step.is-active {
  border-color: rgba(120,194,183,.39) !important;
  color: #f5fbfa !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.072), transparent 42%),
    linear-gradient(135deg, rgba(29,65,64,.97), rgba(17,40,50,.97) 52%, rgba(15,28,43,.98)) !important;
  box-shadow: inset 0 1px rgba(219,255,249,.085), 0 .4rem 1.15rem rgba(0,0,0,.25), 0 0 1rem rgba(69,151,139,.04);
}
.authoring-step.is-active span {
  color: #effbf8 !important;
  background: linear-gradient(145deg, #30635d, #23464f) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.09);
}

.authoring-card,
#plusChoices {
  border-color: rgba(132,170,192,.14) !important;
  background:
    linear-gradient(125deg, rgba(255,255,255,.025), transparent 20%),
    radial-gradient(circle at 104% -6%, rgba(68,106,138,.085), transparent 43%),
    linear-gradient(150deg, rgba(9,16,24,.95), rgba(5,9,15,.96) 68%, rgba(7,13,21,.96)) !important;
  box-shadow: 0 .95rem 2.5rem rgba(0,0,0,.29), inset 0 1px rgba(255,255,255,.029) !important;
}
.authoring-card.is-authoring-active {
  border-color: rgba(122,181,207,.24) !important;
  box-shadow: 0 1.2rem 3rem rgba(0,0,0,.38), inset 0 1px rgba(255,255,255,.04), 0 0 1.4rem rgba(64,126,153,.03) !important;
}
.authoring-card h2 {
  color: #a5d0d8;
  letter-spacing: .075em;
}
.authoring-card > p,
.authoring-card .control-status {
  color: var(--studio-muted) !important;
}

.authoring-card input[type="text"],
.authoring-card input[type="url"],
.authoring-card input[type="file"],
.authoring-card textarea {
  border-color: rgba(128,166,188,.17) !important;
  color: #f1f5f7 !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.017), transparent 35%),
    linear-gradient(145deg, rgba(4,8,13,.97), rgba(8,14,22,.97)) !important;
  box-shadow: inset 0 1px .65rem rgba(0,0,0,.35), inset 0 1px rgba(255,255,255,.023);
}
.authoring-card input:focus,
.authoring-card textarea:focus {
  outline: none;
  border-color: rgba(117,183,209,.47) !important;
  box-shadow: 0 0 0 2px rgba(82,140,166,.09), 0 0 1rem rgba(71,137,164,.045), inset 0 1px .65rem rgba(0,0,0,.35);
}

.drop-zone {
  border-color: rgba(124,178,169,.22) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.017), transparent 42%),
    linear-gradient(145deg, rgba(11,23,25,.56), rgba(7,12,19,.64)) !important;
}
.drop-zone:hover,
.drop-zone:focus-within {
  border-color: rgba(121,195,184,.38) !important;
  box-shadow: inset 0 0 1rem rgba(68,137,127,.03);
}

.authoring-card input[type="range"] {
  accent-color: #77aebd;
}

.plus-choice-grid label,
.rights-questionnaire {
  border-color: rgba(133,166,188,.14) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.018), transparent 45%),
    rgba(7,12,19,.52);
}

/* Buttons: layered edge, outline, inner highlight, no candy slabs. */
.authoring-card .rail-button,
.authoring-pagination button,
.mode-controls #toggleModeBtn,
.mode-controls #finalizeMainBtn {
  position: relative;
  border: 1px solid rgba(134,179,201,.24) !important;
  color: #edf4f7 !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.082) 0%, rgba(255,255,255,.018) 42%, transparent 43%),
    linear-gradient(145deg, #162331 0%, #0c1621 53%, #091019 100%) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.08), inset 0 -1px rgba(0,0,0,.60), 0 .5rem 1.2rem rgba(0,0,0,.28) !important;
  text-shadow: 0 1px rgba(0,0,0,.5);
  transition: transform 150ms ease, border-color 150ms ease, box-shadow 150ms ease, background 150ms ease;
}

.authoring-card .rail-button:hover,
.authoring-card .rail-button:focus-visible,
.authoring-pagination button:hover,
.authoring-pagination button:focus-visible,
.mode-controls #toggleModeBtn:hover,
.mode-controls #finalizeMainBtn:hover,
.mode-controls #toggleModeBtn:focus-visible,
.mode-controls #finalizeMainBtn:focus-visible {
  transform: translateY(-1px);
  border-color: rgba(129,197,220,.38) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.105) 0%, rgba(255,255,255,.025) 42%, transparent 43%),
    linear-gradient(145deg, #1a2c3b 0%, #0f1e2b 54%, #0a131d 100%) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.105), inset 0 -1px rgba(0,0,0,.56), 0 .7rem 1.5rem rgba(0,0,0,.33), 0 0 0 1px rgba(106,168,193,.03) !important;
  filter: none !important;
}

.authoring-pagination button:last-child,
.mode-controls #finalizeMainBtn {
  color: #eef9f7 !important;
  border-color: rgba(125,198,185,.35) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.115) 0%, rgba(255,255,255,.025) 40%, transparent 42%),
    linear-gradient(135deg, #245049 0%, #1b3d40 48%, #162f41 100%) !important;
  box-shadow: inset 0 1px rgba(232,255,251,.11), inset 0 -1px rgba(0,0,0,.50), 0 .55rem 1.35rem rgba(0,0,0,.31), 0 0 1rem rgba(67,149,137,.04) !important;
}
.authoring-pagination button:last-child:hover,
.authoring-pagination button:last-child:focus-visible,
.mode-controls #finalizeMainBtn:hover,
.mode-controls #finalizeMainBtn:focus-visible {
  border-color: rgba(134,210,195,.47) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.14) 0%, rgba(255,255,255,.033) 40%, transparent 42%),
    linear-gradient(135deg, #2a5b52 0%, #1f4647 48%, #18364a 100%) !important;
}

.mode-controls {
  border-color: rgba(126,171,194,.17) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.026), transparent 44%),
    linear-gradient(145deg, rgba(6,11,17,.97), rgba(9,16,25,.97)) !important;
  box-shadow: 0 1rem 3rem rgba(0,0,0,.50), inset 0 1px rgba(255,255,255,.038) !important;
}

.artifact-workspace {
  border-radius: 1.5rem;
  background:
    radial-gradient(ellipse at 50% 38%, rgba(50,88,109,.05), transparent 58%),
    linear-gradient(180deg, rgba(255,255,255,.006), transparent 38%) !important;
}

@media (max-width: 960px) {
  .creator-toolbar__brand .tagline,
  .creator-toolbar__brand::after,
  .mode-toggle-button::before,
  .viewport-controls::before,
  .toolbar-switches__label {
    display: none;
  }
  .creator-toolbar {
    gap: .38rem !important;
  }
}

@media (max-width: 700px) {
  .mode-toggle-button,
  .toolbar-switches,
  .viewport-controls {
    border-radius: .65rem;
  }
  .mode-toggle-button label,
  .compact-switch,
  .viewport-controls label {
    padding: .28rem .46rem !important;
    font-size: .62rem !important;
  }
}