/* The original Tizmo master images remain the visual reference. */
body.premium-site {
  --ink: #0c1009;
  --ink-soft: #171d13;
  --paper: #eff0e7;
  --neon: #ceff00;
  --muted: #73796b;
  --line: #0c10091f;
  --pad: clamp(24px, 5vw, 100px);
  color: var(--ink);
  background: var(--paper);
  font-size: 16px;
}
.premium-site::after { display: none; }
.premium-site button, .premium-site a { -webkit-tap-highlight-color: transparent; }
.premium-site button:focus-visible, .premium-site a:focus-visible,
.premium-site input:focus-visible, .premium-site summary:focus-visible {
  outline: 3px solid #779500;
  outline-offset: 5px;
}
.premium-site .section-shell { max-width: 1920px; }
.premium-site .eyebrow, .premium-site .micro-copy { font-size: 10px; letter-spacing: 1.6px; }
.premium-site .site-header {
  height: 96px;
  border-color: #0c10091c;
  background: var(--paper);
  color: var(--ink);
}
.premium-site .wordmark { font-size: 30px; letter-spacing: -1.9px; gap: 10px; }
.premium-site .wordmark small { color: #606957; font-size: 8px; letter-spacing: 1.5px; margin-left: 5px; }
.premium-site .eye-logo { width: 35px; height: 27px; border-radius: 9px; transform: none; }
.premium-site .eye-logo i { width: 7px; height: 12px; transform: none; }
.premium-site .desktop-nav { padding-left: 30px; gap: 32px; }
.premium-site .desktop-nav a { color: #52594b; font-size: 12px; }
.premium-site .desktop-nav a:hover { color: var(--ink); }
.premium-site .desktop-nav a::after { background: var(--ink); }
.premium-site .nav-actions { gap: 17px; }
.premium-site .token-pill {
  color: var(--ink);
  border-color: #0c10092e;
  padding: 11px 17px;
  font-size: 11px;
  background: #ffffff24;
}
.premium-site .token-pill:hover { background: var(--ink); color: var(--paper); border-color: var(--ink); }
.premium-site .nav-x { padding: 9px; }
.premium-site .nav-x svg { width: 15px; height: 15px; }
.premium-site .hero {
  min-height: 730px;
  height: calc(100svh - 96px);
  max-height: 980px;
  grid-template-columns: .87fr 1.13fr;
  padding-top: 20px;
  padding-bottom: 80px;
  overflow: hidden;
  isolation: isolate;
}
.premium-site .hero-copy { padding: 0 0 20px; }
.premium-site .hero-eyebrow { color: #5a6250; font-size: 10px; margin-bottom: 32px; gap: 11px; }
.premium-site .hero-eyebrow .status-dot { background: var(--ink); box-shadow: none; width: 5px; height: 5px; }
.premium-site .hero-copy h1 {
  font-size: clamp(88px, 9.9vw, 182px);
  font-weight: 500;
  line-height: .89;
  letter-spacing: -.08em;
  white-space: nowrap;
}
.premium-site .hero-copy h1 .neon-text {
  display: inline-block;
  color: #5c700b;
  font: italic 400 1.12em/.9 Georgia, 'Times New Roman', serif;
  letter-spacing: -.075em;
  padding: 0 .13em .08em .015em;
  margin: .025em 0 -.08em -.015em;
}
.premium-site .hero-description { color: #626b56; font-size: 15px; line-height: 1.7; margin-top: 34px; max-width: 330px; }
.premium-site .hero-actions { margin-top: 30px; gap: 26px; }
.premium-site .button { border-radius: 100px; font-size: 12px; padding: 19px 24px; gap: 42px; min-height: 54px; }
.premium-site .button-neon { background: var(--ink); color: var(--paper); box-shadow: none; }
.premium-site .button-neon:hover { color: var(--ink); background: var(--neon); box-shadow: 0 8px 28px #70831118; }
.premium-site .button svg { height: 18px; width: 18px; }
.premium-site .text-link { color: #343e29; font-size: 11px; gap: 14px; padding: 10px 0; }
.premium-site .hero-footnote { font-size: 9px; color: #7c846f; letter-spacing: .5px; margin-top: 50px; }
.premium-site .hero-finishes { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; margin-top: 31px; max-width: 360px; }
.premium-site .hero-finishes > span { color: #7a836c; font: 500 8px var(--heading); letter-spacing: 1.3px; flex-basis: 100%; margin-bottom: 5px; }
.premium-site .hero-finishes > button { display: inline-flex; align-items: center; gap: 7px; padding: 9px 12px; border: 1px solid #bcc5ad; border-radius: 100px; background: #f5f6ef6b; color: #657356; font-size: 10px; transition: border-color .2s, background .2s, color .2s; }
.premium-site .hero-finishes > button::before { content: ''; display: block; height: 11px; width: 11px; border-radius: 50%; background: linear-gradient(135deg, #fffef8, #c2c5b7); box-shadow: inset 0 0 0 1px #515b2d22; }
.premium-site .hero-finishes > [data-hero-material='chrome']::before { background: linear-gradient(135deg, #f8fbef 8%, #87967e 30%, #e8efdf 42%, #4d5946 68%, #c2d0b6); }
.premium-site .hero-finishes > [data-hero-material='glass']::before { background: linear-gradient(135deg, #effaff 10%, #acc5b830 40%, #d8ff9b88 60%, #799c8b66); box-shadow: inset 0 0 0 1px #6e8a714a; }
.premium-site .hero-finishes > button:hover { color: var(--ink); border-color: #71815d; }
.premium-site .hero-finishes > button[aria-pressed='true'] { color: #203112; border-color: #59713b; background: #fbfcf6; }
.premium-site .hero-finishes + .hero-footnote { margin-top: 26px; }
.premium-site .hero-stage {
  margin: -50px calc(var(--pad) * -1) -40px -7%;
  min-height: 0;
  height: auto;
  align-self: stretch;
}
.premium-site .hero-stage::before {
  inset: auto;
  width: 77%;
  height: auto;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #d6ec92;
  opacity: .6;
  transform: translate(5%, -1%);
}
.premium-site .hero-stage::after {
  content: '';
  position: absolute;
  left: 14%;
  right: 3%;
  bottom: 10%;
  height: 6%;
  border-radius: 50%;
  background: #58622c21;
  filter: blur(24px);
  z-index: -1;
}
.premium-site .stage-grid, .premium-site .hero-stage .orbit,
.premium-site .stage-coordinate, .premium-site .object-tag,
.premium-site .stage-index, .premium-site .crypto-satellites { display: none; }
.premium-site .stage-parallax { width: 95%; margin-left: 0; }
.premium-site #hero-character { display: block; width: 100%; height: auto; max-height: none; aspect-ratio: 1; pointer-events: none; object-fit: contain; }
.premium-site .hero-scroll { color: #58614d; font-size: 9px; letter-spacing: 1px; bottom: 26px; gap: 18px; }
.premium-site .hero-scroll svg { height: 15px; width: 15px; animation: none; }
.premium-site .marquee-clip { padding: 0; margin: 0; }
.premium-site .marquee-wrap { transform: none; margin: 0; padding: 21px 0; background: var(--ink); color: var(--paper); }
.premium-site .marquee > div { gap: 70px; padding-right: 70px; }
.premium-site .marquee span { font-size: 12px; letter-spacing: 2px; font-weight: 400; }
.premium-site .marquee span::after { content: ''; width: 5px; height: 5px; border-radius: 50%; background: var(--neon); display: inline-block; vertical-align: middle; margin-left: 70px; }
.premium-site .story { padding-top: 112px; padding-bottom: 100px; }
.premium-site .section-top { padding-bottom: 18px; border-bottom: 1px solid #0c100923; margin-bottom: 40px; }
.premium-site .section-top .micro-copy { font-size: 9px; color: #69745c; }
.premium-site .story-heading { margin-bottom: 45px; gap: 48px; }
.premium-site .story-heading h2 { font-size: clamp(62px, 6.7vw, 108px); letter-spacing: -.07em; line-height: 1.01; }
.premium-site .story-heading .muted { color: #969e89; }
.premium-site .story-heading > p { color: #68725d; font-size: 14px; line-height: 1.8; max-width: 260px; }
.premium-site .workshop {
  height: auto;
  min-height: 0;
  aspect-ratio: 1672 / 941;
  border: 0;
  border-radius: 22px;
  background: radial-gradient(ellipse at 73% 35%, #374124, #171d13 52%, #10150d);
  isolation: isolate;
}
.premium-site #workshop-character { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.premium-site .workshop-shade { background: linear-gradient(270deg, #10150de8 0%, #10150d8a 30%, transparent 58%); pointer-events: none; }
.premium-site .workshop-scan { display: none; }
.premium-site .workshop-label { left: 38px; top: 30px; color: #c3cfad; font-size: 9px; letter-spacing: 1.6px; }
.premium-site .workshop-label .status-dot { height: 4px; width: 4px; box-shadow: none; }
.premium-site .workshop-copy { left: auto; right: 6%; width: 34%; top: 48%; bottom: auto; transform: translateY(-40%); }
.premium-site .workshop-copy > .eyebrow { color: #acbc8f; font-size: 9px; }
.premium-site .workshop-copy > p { color: var(--paper); font-size: clamp(42px, 4.5vw, 74px); letter-spacing: -.06em; line-height: 1.03; margin: 23px 0; }
.premium-site .workshop-copy > p > span { color: var(--neon); }
.premium-site .workshop-copy .handwritten { color: #aab69b; font-size: 12px; margin-top: 24px; }
.premium-site .workshop-track { left: auto; right: 35px; bottom: 30px; top: auto; border: 0; border-radius: 0; padding: 0; background: none; backdrop-filter: none; gap: 14px; transform: none; }
.premium-site .workshop-track > span { color: #a4b394; font-size: 9px; letter-spacing: 1.5px; animation: none; }
.premium-site .workshop-track > i { height: 3px; width: 3px; border-radius: 50%; background: #b1c294; }
.premium-site .sound-toggle { left: 38px; right: auto; bottom: 28px; padding: 10px 13px; border-color: #d4dfbe38; border-radius: 100px; background: #10150d60; color: #d0dac0; font-size: 8px; }
.premium-site .story-bottom { border-color: #0c100923; padding: 24px 0; }
.premium-site .story-bottom > p { color: #6b755f; font-size: 12px; }
.premium-site .story-bottom > span { font-size: 9px; color: #4b593f; }
.premium-site .story-bottom svg { color: var(--ink); }
.premium-site .orbit-scene {
  height: 100svh;
  min-height: 790px;
  max-height: 1080px;
  max-width: none;
  border: 0;
  color: var(--paper);
  background: radial-gradient(ellipse at 75% 55%, #27301c, #10160d 45%, #0c1009 75%);
}
.premium-site .orbit-scene-heading { width: 42%; padding-bottom: 20px; }
.premium-site .orbit-scene-heading > .eyebrow { color: #aab79a; font-size: 9px; }
.premium-site .orbit-scene-heading h2 { font-size: clamp(70px, 7vw, 124px); letter-spacing: -.07em; line-height: .98; margin: 31px 0 27px; }
.premium-site .orbit-scene-heading h2 > span { color: #c7d1b6; }
.premium-site .orbit-scene-heading p { color: #a1ad91; font-size: 14px; line-height: 1.8; }
.premium-site .orbit-replay { font-size: 11px; border-color: #afbf984f; padding-bottom: 15px; margin-top: 32px; gap: 40px; }
.premium-site .orbit-canvas { inset: 0 -5% 0 28%; }
.premium-site .orbital-grid, .premium-site .orbital-ring, .premium-site .orbital-sweep,
.premium-site .orbital-ripple, .premium-site .scene-particles { display: none; }
.premium-site .orbital-glow { width: 80%; height: 80%; left: 13%; top: 13%; background: radial-gradient(ellipse, #b3d36316, transparent 68%); }
.premium-site .floating-study { border: 1px solid #e5efd11a; border-radius: 28px; background: #0b1008; box-shadow: 0 32px 80px #0005; }
.premium-site .study-one { width: 44%; left: 17%; top: 13%; transform: rotate(-11deg); z-index: 2; }
.premium-site .study-two { width: 38%; left: 57%; top: 39%; transform: rotate(8deg); z-index: 3; }
.premium-site .study-three { width: 32%; left: 18%; top: 61%; transform: rotate(-3deg); z-index: 1; }
.premium-site .orbit-scene-bottom { bottom: 32px; color: #839274; font-size: 9px; letter-spacing: 1.3px; }
.premium-site .orbit-scene-bottom > span:last-child { color: #adbba0; }
.premium-site .studio-section { padding-top: 100px; padding-bottom: 100px; background: var(--paper); }
.premium-site .studio-section > .section-top, .premium-site .studio-heading, .premium-site .studio-workbench { max-width: 1480px; }
.premium-site .studio-heading { padding-top: 8px; margin-bottom: 48px; }
.premium-site .studio-heading h2 { font-size: clamp(68px, 7vw, 116px); line-height: .99; letter-spacing: -.07em; }
.premium-site .studio-heading h2 > span { color: #818b70; }
.premium-site .studio-heading > p { color: #65715a; font-size: 14px; line-height: 1.8; }
.premium-site .studio-workbench { grid-template-columns: 360px minmax(0, 1fr); gap: 28px; }
.premium-site .studio-inspector {
  border: 1px solid #c9cfbc;
  border-radius: 20px;
  background: #e7e9de;
  padding: 27px;
  box-shadow: inset 0 1px 0 #ffffff80;
}
.premium-site .studio-inspector-top { font-size: 9px; letter-spacing: 1.2px; color: #3f4c31; border-color: #bfc8b0; padding-bottom: 19px; margin-bottom: 23px; }
.premium-site .studio-inspector-top > button { color: #637553; font-size: 10px; }
.premium-site .studio-name-label { color: #637255; font-size: 11px; margin-bottom: 25px; }
.premium-site .studio-name-label > input { font-size: 21px; line-height: 1.4; margin-top: 8px; border-color: #b6c1a4; padding: 9px 0; color: #27341a; }
.premium-site .studio-option { margin-bottom: 18px; }
.premium-site .studio-option legend { font-size: 10px; font-weight: 500; color: #4b5c3e; margin-bottom: 9px; }
.premium-site .studio-choice-row { gap: 6px; }
.premium-site .studio-choice-row > button { padding: 11px 4px; min-height: 37px; font-size: 11px; border-radius: 8px; border-color: #c2cbb5; color: #5c6b4e; background: #f3f4ed; box-shadow: 0 1px 0 #00000005; }
.premium-site .studio-choice-row > button:hover { border-color: #8c9d75; color: #26361a; background: #f9faf4; }
.premium-site .studio-choice-row > button[aria-pressed='true'] { border-color: #17250e; background: #17250e; color: #ecf3e0; box-shadow: 0 2px 5px #0a170c16; }
.premium-site .color-choice::before { height: 9px; width: 9px; }
.premium-site .studio-random { padding-top: 18px; border-color: #bdc8af; color: #394f27; font-size: 12px; }
.premium-site .studio-output { top: 24px; }
.premium-site .studio-stage { border: 0; border-radius: 21px; background: #0c1009; box-shadow: 0 18px 36px #1b290d13; }
.premium-site .studio-stage > canvas { display: block; width: 100%; height: auto; aspect-ratio: 1; max-height: 850px; object-fit: contain; }
.premium-site .studio-stage-top, .premium-site .studio-stage-bottom { padding: 25px 28px; color: #afbca0; font-size: 9px; letter-spacing: 1.4px; }
.premium-site .studio-stage-top { background: linear-gradient(#070c05ad, transparent); }
.premium-site .studio-stage-top i { width: 4px; height: 4px; background: var(--neon); box-shadow: none; }
.premium-site .studio-stage-bottom { padding-top: 45px; background: linear-gradient(transparent, #070c05cb); }
.premium-site .studio-stage-bottom > span:first-child { font-size: 14px; letter-spacing: -.2px; color: #e6eddb; }
.premium-site .studio-stage-bottom > span:last-child { font-size: 8px; }
.premium-site .studio-actions { margin-top: 16px; gap: 9px; }
.premium-site .studio-actions .button { flex: 1.2; gap: 25px; padding: 17px 20px; font-size: 11px; min-height: 53px; }
.premium-site .studio-actions > button:not(.button) { border-radius: 100px; border-color: #b8c3a8; padding: 13px 17px; font-size: 11px; color: #4d603c; }
.premium-site .studio-actions > button:not(.button):hover { border-color: #596e42; background: #e5e9dc; }
.premium-site .studio-status { color: #657658; font-size: 11px; line-height: 1.7; margin: 15px 3px 21px; }
.premium-site .studio-proof { border-color: #c2cbb5; }
.premium-site .studio-proof > summary { color: #405632; font-size: 12px; padding: 18px 0; }
.premium-site .studio-proof-body { color: #647655; padding-bottom: 22px; }
.premium-site .studio-proof dt { color: #6b7b5d; }
.premium-site .studio-proof dd { color: #304720; }
.premium-site .studio-proof-actions > button { border-radius: 100px; padding: 11px 16px; border-color: #b8c5a7; font-size: 10px; }
.premium-site .studio-proof-actions > button:first-child { background: #223717; border-color: #223717; color: #e7efdc; }
.premium-site .studio-presets { padding-top: 95px; padding-bottom: 100px; color: var(--paper); background: #131a0e; max-width: none; }
.premium-site .studio-presets .section-top { border-color: #d8e7bf26; }
.premium-site .studio-presets .section-top .micro-copy { color: #9cac8d; }
.premium-site .archive-heading { margin-bottom: 40px; gap: 45px; }
.premium-site .studio-presets .archive-heading h2, .premium-site .studio-shelf .archive-heading h2 { font-size: clamp(52px, 5.3vw, 90px); letter-spacing: -.065em; line-height: 1.02; }
.premium-site .studio-presets .archive-heading > p { color: #a4b296; font-size: 13px; max-width: 275px; line-height: 1.8; }
.premium-site .studio-preset-grid { gap: 26px; }
.premium-site .studio-preset { padding-bottom: 21px; border-color: #c2d4a72b; }
.premium-site .studio-preset > div { border-color: #cbdcba20; border-radius: 20px; transition: border-color .3s ease, transform .5s cubic-bezier(.2,.7,.2,1); }
.premium-site .studio-preset:hover > div { transform: translateY(-7px); border-color: #c9ed8d70; }
.premium-site .studio-preset > div > span { top: 19px; left: 20px; font-size: 9px; border: 0; padding: 0; border-radius: 0; background: none; backdrop-filter: none; color: #c7d8b6; }
.premium-site .studio-preset h3 { font-size: 30px; letter-spacing: -1.2px; margin-top: 24px; }
.premium-site .studio-preset > p { font-size: 12px; color: #9faf90; line-height: 1.7; margin-top: 10px; }
.premium-site .preset-open { color: #c3d3b2; font-size: 11px; margin-top: 25px; }
.premium-site .studio-shelf { padding-top: 90px; padding-bottom: 95px; color: var(--ink); background: var(--paper); max-width: none; }
.premium-site .studio-shelf .archive-heading > p { color: #68775a; font-size: 12px; max-width: 330px; line-height: 1.8; }
.premium-site .studio-empty { border: 1px solid #bec8b0; color: #738164; border-radius: 16px; background: #e6e9dd; padding: 48px 30px; margin-top: 36px; font-size: 13px; }
.premium-site .studio-gallery { gap: 20px; margin-top: 32px; }
.premium-site .studio-saved-card { border-radius: 15px; border-color: #c5cfb8; background: #e7ebdf; }
.premium-site .studio-saved-meta { padding: 18px 16px 16px; }
.premium-site .studio-saved-meta h3 { color: #2e4222; font-size: 18px; }
.premium-site .studio-saved-meta p { color: #6d7e5d; font-size: 10px; }
.premium-site .studio-saved-meta a { color: #3c5e28; }
.premium-site .studio-saved-actions { border-color: #c1ceb2; }
.premium-site .studio-saved-actions > button { color: #536a40; padding: 14px 5px; font-size: 10px; }
.premium-site .studio-saved-actions > button + button { border-color: #c1ceb2; }
.premium-site .studio-saved-actions > button:hover { background: #d6e0c9; color: #233c14; }
.premium-site .community { background: #ceff00; }
.premium-site .community-line { padding-top: 33px; padding-bottom: 24px; }
.premium-site .community-line > span:last-child { font-size: 9px; letter-spacing: 1.1px; }
.premium-site .community-inner { min-height: 660px; grid-template-columns: 1fr 1fr; }
.premium-site .community-copy { padding: 65px 0 80px; }
.premium-site .community-copy h2 { font-size: clamp(64px, 7vw, 118px); letter-spacing: -.075em; line-height: 1; }
.premium-site .community-copy h2 > span { color: #596f06; }
.premium-site .community-copy > p { font-size: 14px; color: #455911; line-height: 1.8; margin: 29px 0; }
.premium-site .community-copy .button { border-radius: 100px; padding: 19px 24px; background: var(--ink); color: var(--paper); font-size: 12px; gap: 55px; }
.premium-site .community-copy .button:hover { background: #273a0b; }
.premium-site .community-handle { color: #526a10; font-size: 9px; letter-spacing: 1.2px; margin-top: 30px; }
.premium-site .community-art { height: 660px; min-height: 660px; }
.premium-site .community-circle { width: 85%; height: auto; aspect-ratio: 1; top: 15%; left: 8%; border: 0; background: #b5e000; border-radius: 50%; }
.premium-site .community-circle::before, .premium-site .community-circle::after { display: none; }
.premium-site #footer-character { position: absolute; width: 123%; height: auto; aspect-ratio: 1; left: -9%; bottom: -2%; max-width: none; max-height: none; object-fit: contain; }
.premium-site .footer { color: #cdd9bc; background: #0c1009; max-width: none; padding-top: 58px; padding-bottom: 27px; }
.premium-site .footer .wordmark small { color: #819170; }
.premium-site .footer-top { padding-bottom: 50px; }
.premium-site .footer-top > span { color: #869678; font-size: 12px; }
.premium-site .footer-top > div { gap: 14px; }
.premium-site .footer-link { color: #a2b191; font-size: 11px; }
.premium-site .footer-link:hover { color: var(--neon); }
.premium-site .footer-bottom { border-color: #b2c19724; color: #78896b; font-size: 8px; padding-top: 24px; }
.premium-site .footer-bottom > p { color: #899a7c; font-size: 10px; max-width: 390px; }
.premium-site .back-top { border-color: #b1c19742; width: 37px; height: 37px; }
.premium-site .registry-dialog { border-color: #cedabc3b; background: #10170b; border-radius: 22px; padding: 42px; color: var(--paper); }
.premium-site .registry-dialog h2 { font-size: 57px; letter-spacing: -.065em; }
.premium-site .registry-dialog dl > div { border-color: #b7c69a27; }
.premium-site .registry-dialog .button-neon { color: var(--ink); background: var(--neon); }
.premium-site .registry-dialog .button-neon:hover { background: #ddff64; }
.premium-site .intro { background: var(--ink); color: var(--paper); }
.premium-site .toast { background: #17270e; border-color: #bfd49d66; color: #eef5e5; border-radius: 100px; }

@media (min-width: 1600px) {
  .premium-site .studio-workbench { grid-template-columns: 385px minmax(0, 1fr); gap: 36px; }
  .premium-site .studio-inspector { padding: 31px; }
  .premium-site .studio-choice-row > button { padding: 12px 5px; font-size: 12px; }
  .premium-site .studio-option { margin-bottom: 20px; }
  .premium-site .studio-output { position: static; }
}
@media (max-width: 1180px) {
  .premium-site .hero { min-height: 680px; }
  .premium-site .hero-copy h1 { font-size: 10vw; }
  .premium-site .hero-actions { gap: 20px; }
  .premium-site .hero-actions .button { padding: 17px 20px; font-size: 11px; gap: 23px; }
  .premium-site .hero-description { font-size: 14px; }
  .premium-site .hero-stage { margin-left: -4%; }
  .premium-site .stage-parallax { width: 117%; }
  .premium-site .desktop-nav { padding-left: 0; gap: 23px; }
  .premium-site .story-heading h2 { font-size: 7vw; }
  .premium-site .story-heading > p { font-size: 13px; max-width: 230px; }
  .premium-site .studio-workbench { grid-template-columns: 305px minmax(0, 1fr); gap: 22px; }
  .premium-site .studio-inspector { padding: 23px; }
  .premium-site .studio-choice-row > button { font-size: 10px; padding: 11px 3px; }
  .premium-site .studio-actions .button { flex-basis: 100%; font-size: 12px; }
  .premium-site .studio-actions { flex-wrap: wrap; }
  .premium-site .studio-stage-top, .premium-site .studio-stage-bottom { padding-left: 21px; padding-right: 21px; }
  .premium-site .orbit-scene-heading h2 { font-size: 8vw; }
  .premium-site .studio-preset-grid { gap: 20px; }
  .premium-site .studio-preset h3 { font-size: 27px; }
  .premium-site .community-inner, .premium-site .community-art { min-height: 570px; }
  .premium-site .community-art { height: 570px; }
}
@media (max-width: 900px) and (min-width: 761px) {
  .premium-site .desktop-nav { gap: 17px; }
  .premium-site .desktop-nav a { font-size: 10px; }
  .premium-site .wordmark { font-size: 26px; }
  .premium-site .wordmark small { display: none; }
  .premium-site .nav-actions { gap: 10px; }
  .premium-site .token-pill { font-size: 10px; padding: 9px 13px; }
  .premium-site .hero-actions { flex-wrap: wrap; gap: 10px; }
  .premium-site .hero-footnote { margin-top: 30px; }
  .premium-site .studio-workbench { grid-template-columns: 285px minmax(0, 1fr); gap: 18px; }
  .premium-site .studio-inspector { padding: 20px; }
  .premium-site .studio-stage-top > span:last-child { display: none; }
  .premium-site .workshop-copy { width: 38%; }
  .premium-site .workshop-copy > p { font-size: 45px; }
}
@media (max-width: 760px) {
  body.premium-site { --pad: 24px; }
  .premium-site .site-header { height: 78px; padding-left: 24px; padding-right: 24px; }
  .premium-site .wordmark { font-size: 26px; gap: 8px; }
  .premium-site .wordmark small { font-size: 6px; letter-spacing: 1px; margin-top: 5px; margin-left: 2px; }
  .premium-site .eye-logo { width: 29px; height: 23px; border-radius: 7px; gap: 4px; }
  .premium-site .eye-logo i { height: 10px; width: 6px; }
  .premium-site .nav-actions { gap: 8px; }
  .premium-site .nav-x { padding: 5px; }
  .premium-site .nav-x svg { width: 14px; height: 14px; }
  .premium-site .token-pill { padding: 8px 11px; font-size: 9px; }
  .premium-site .menu-toggle span { background: var(--ink); }
  .premium-site .mobile-nav { top: 77px; color: var(--ink); background: var(--paper); border-color: #0c100922; box-shadow: 0 25px 40px #242d1320; }
  .premium-site .mobile-nav > a { border-color: #0c100922; }
  .premium-site .mobile-nav > a > span { color: #7b8a65; }
  .premium-site .hero { display: flex; min-height: 0; max-height: none; height: auto; padding-top: 42px; padding-bottom: 46px; }
  .premium-site .hero-copy { padding-bottom: 0; }
  .premium-site .hero-eyebrow { margin-bottom: 23px; font-size: 8px; letter-spacing: 1.4px; }
  .premium-site .hero-copy h1 { font-size: clamp(72px, 17.5vw, 132px); line-height: .91; letter-spacing: -.075em; }
  .premium-site .hero-description { font-size: 13px; margin-top: 26px; line-height: 1.7; }
  .premium-site .hero-actions { gap: 22px; margin-top: 24px; }
  .premium-site .hero-actions .button { min-height: 49px; padding: 16px 20px; font-size: 11px; gap: 32px; }
  .premium-site .text-link { font-size: 10px; gap: 9px; }
  .premium-site .hero-footnote { display: none; }
  .premium-site .hero-finishes { margin-top: 25px; gap: 7px; }
  .premium-site .hero-finishes > span { font-size: 7px; margin-bottom: 3px; }
  .premium-site .hero-finishes > button { font-size: 9px; padding: 8px 11px; }
  .premium-site .hero-stage { height: clamp(360px, 95vw, 620px); min-height: 0; align-self: auto; margin: -6px -24px -3px; }
  .premium-site .hero-stage::before { width: 76%; transform: translate(2%, 0); }
  .premium-site .hero-stage::after { bottom: 10%; }
  .premium-site .stage-parallax { width: 100%; margin-left: 0; }
  .premium-site .hero-scroll { font-size: 8px; bottom: 23px; gap: 14px; }
  .premium-site .marquee-wrap { padding: 18px 0; }
  .premium-site .marquee span { font-size: 10px; letter-spacing: 1.5px; }
  .premium-site .marquee > div { gap: 37px; padding-right: 37px; }
  .premium-site .marquee span::after { margin-left: 37px; width: 4px; height: 4px; }
  .premium-site .story { padding-top: 64px; padding-bottom: 60px; }
  .premium-site .section-top { padding-bottom: 16px; margin-bottom: 29px; }
  .premium-site .section-top .eyebrow { font-size: 8px; letter-spacing: 1.3px; }
  .premium-site .section-top .micro-copy { display: none; }
  .premium-site .story-heading { display: block; margin-bottom: 30px; }
  .premium-site .story-heading h2 { font-size: clamp(46px, 11.8vw, 77px); line-height: 1.02; letter-spacing: -.068em; }
  .premium-site .story-heading > p { font-size: 12px; margin-top: 24px; max-width: 300px; line-height: 1.8; }
  .premium-site .workshop { height: 650px; border-radius: 17px; margin-left: -8px; margin-right: -8px; }
  .premium-site #workshop-character { inset: 0 auto auto 0; width: 100%; height: 64%; object-fit: cover; object-position: 25% center; }
  .premium-site .workshop-shade { background: linear-gradient(0deg, #10150d 0%, #10150de8 26%, transparent 60%); }
  .premium-site .workshop-label { top: 23px; left: 23px; font-size: 7px; letter-spacing: 1.2px; }
  .premium-site .workshop-copy { left: 28px; right: 25px; width: auto; top: auto; bottom: 83px; transform: none; }
  .premium-site .workshop-copy > .eyebrow { font-size: 8px; }
  .premium-site .workshop-copy > p { font-size: clamp(42px, 10vw, 62px); line-height: 1.03; margin: 17px 0; }
  .premium-site .workshop-copy .handwritten { font-size: 11px; margin-top: 17px; }
  .premium-site .workshop-track { display: none; }
  .premium-site .sound-toggle { left: auto; right: 23px; bottom: 24px; font-size: 7px; padding: 9px 11px; }
  .premium-site .story-bottom { display: flex; align-items: center; gap: 20px; padding: 22px 0; }
  .premium-site .story-bottom > p { font-size: 10px; line-height: 1.8; max-width: 220px; }
  .premium-site .story-bottom > span { font-size: 7px; margin: 0; gap: 8px; white-space: nowrap; }
  .premium-site .story-bottom svg { width: 12px; height: 12px; }
  .premium-site .orbit-scene { display: block; height: 100svh; min-height: 870px; max-height: 1150px; padding-top: 59px; }
  .premium-site .orbit-scene-heading { width: 100%; padding-bottom: 0; }
  .premium-site .orbit-scene-heading > .eyebrow { font-size: 8px; letter-spacing: 1.2px; }
  .premium-site .orbit-scene-heading h2 { font-size: clamp(58px, 14vw, 86px); line-height: .99; letter-spacing: -.07em; margin: 25px 0 23px; }
  .premium-site .orbit-scene-heading p { font-size: 12px; max-width: 215px; line-height: 1.7; }
  .premium-site .orbit-replay { font-size: 10px; margin-top: 20px; gap: 34px; padding-bottom: 11px; }
  .premium-site .orbit-canvas { inset: 38% -10% 4% -12%; pointer-events: none; }
  .premium-site .floating-study { border-radius: 21px; }
  .premium-site .study-one { top: 9%; left: 16%; width: 49%; }
  .premium-site .study-two { top: 43%; left: 55%; width: 39%; }
  .premium-site .study-three { top: 62%; left: 12%; width: 33%; }
  .premium-site .orbit-scene-bottom { bottom: 25px; font-size: 7px; letter-spacing: 1px; }
  .premium-site .studio-section { padding-top: 60px; padding-bottom: 60px; }
  .premium-site .studio-heading { display: block; padding-top: 0; margin-bottom: 28px; }
  .premium-site .studio-heading h2 { font-size: clamp(57px, 14vw, 82px); line-height: 1; letter-spacing: -.07em; }
  .premium-site .studio-heading > p { font-size: 12px; line-height: 1.8; margin-top: 22px; }
  .premium-site .studio-workbench { display: flex; flex-direction: column; gap: 17px; }
  .premium-site .studio-output { display: contents; position: static; }
  .premium-site .studio-stage { order: -2; position: relative; top: auto; width: 100%; border-radius: 16px; z-index: 1; }
  .premium-site .studio-stage > canvas { width: 100%; max-height: none; }
  .premium-site .studio-stage-top, .premium-site .studio-stage-bottom { padding: 19px 19px; font-size: 7px; letter-spacing: 1px; }
  .premium-site .studio-stage-top > span:last-child { font-size: 6px; }
  .premium-site .studio-stage-bottom { padding-top: 36px; }
  .premium-site .studio-stage-bottom > span:first-child { font-size: 11px; }
  .premium-site .studio-stage-bottom > span:last-child { font-size: 6px; }
  .premium-site .studio-inspector {
    order: 0;
    width: 100%;
    max-height: 350px;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: #9aad83 #e7e9de;
    padding: 22px;
    border-radius: 16px;
  }
  .premium-site .studio-inspector-top { position: sticky; top: -22px; z-index: 2; background: #e7e9de; font-size: 9px; padding-top: 7px; padding-bottom: 17px; margin-bottom: 20px; box-shadow: 0 -8px 0 #e7e9de; }
  .premium-site .studio-name-label { font-size: 11px; margin-bottom: 23px; }
  .premium-site .studio-name-label > input { font-size: 21px; }
  .premium-site .studio-option { margin-bottom: 20px; }
  .premium-site .studio-option legend { font-size: 11px; }
  .premium-site .studio-choice-row { gap: 7px; }
  .premium-site .studio-choice-row > button { padding: 13px 6px; font-size: 11px; min-height: 40px; border-radius: 8px; }
  .premium-site .studio-option button, .premium-site .studio-name-label input { scroll-margin-top: 58px; scroll-margin-bottom: 25px; }
  .premium-site .studio-actions { order: 1; width: 100%; gap: 9px; margin-top: 0; }
  .premium-site .studio-actions .button { flex-basis: 100%; padding: 18px 21px; font-size: 12px; }
  .premium-site .studio-actions > button:not(.button) { min-height: 47px; padding: 14px 12px; font-size: 11px; }
  .premium-site .studio-status { order: 2; margin: 0 2px; min-height: 0; font-size: 11px; }
  .premium-site .studio-proof { order: 3; width: 100%; }
  .premium-site .studio-proof > summary { font-size: 11px; padding: 19px 0; }
  .premium-site .studio-proof dl > div { display: block; }
  .premium-site .studio-proof dd { margin-top: 6px; }
  .premium-site .studio-proof-actions { gap: 8px; }
  .premium-site .studio-proof-actions > button { font-size: 10px; padding: 11px 13px; }
  .premium-site .studio-presets { padding-top: 60px; padding-bottom: 65px; }
  .premium-site .archive-heading { display: block; margin-bottom: 29px; }
  .premium-site .studio-presets .archive-heading h2, .premium-site .studio-shelf .archive-heading h2 { font-size: 49px; letter-spacing: -.065em; }
  .premium-site .studio-presets .archive-heading > p, .premium-site .studio-shelf .archive-heading > p { font-size: 11px; margin-top: 20px; max-width: 300px; }
  .premium-site .studio-preset-grid { grid-template-columns: 1fr; gap: 34px; }
  .premium-site .studio-preset { display: block; padding-bottom: 22px; }
  .premium-site .studio-preset > div { aspect-ratio: 1.1; border-radius: 17px; }
  .premium-site .studio-preset > div > canvas { width: 100%; height: 100%; object-fit: cover; }
  .premium-site .studio-preset > div > span { font-size: 9px; top: 20px; left: 20px; }
  .premium-site .studio-preset h3 { margin-top: 21px; font-size: 29px; }
  .premium-site .studio-preset > p { font-size: 12px; margin-top: 9px; }
  .premium-site .preset-open { font-size: 11px; margin-top: 23px; }
  .premium-site .studio-shelf { padding-top: 58px; padding-bottom: 65px; }
  .premium-site .studio-empty { margin-top: 28px; padding: 33px 20px; font-size: 12px; line-height: 1.8; }
  .premium-site .studio-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; }
  .premium-site .studio-saved-meta { padding: 15px 12px; }
  .premium-site .studio-saved-meta h3 { font-size: 15px; }
  .premium-site .studio-saved-meta p { font-size: 9px; }
  .premium-site .studio-saved-actions > button { padding: 13px 4px; font-size: 9px; }
  .premium-site .community-line { padding-top: 28px; padding-bottom: 20px; }
  .premium-site .community-line > .eyebrow { font-size: 8px; letter-spacing: 1.1px; }
  .premium-site .community-line > span:last-child { font-size: 7px; }
  .premium-site .community-inner { display: flex; flex-direction: column; min-height: 0; }
  .premium-site .community-copy { padding-top: 43px; padding-bottom: 5px; }
  .premium-site .community-copy h2 { font-size: clamp(61px, 14.8vw, 90px); line-height: 1; letter-spacing: -.07em; }
  .premium-site .community-copy > p { font-size: 12px; margin: 25px 0; }
  .premium-site .community-copy .button { padding: 18px 23px; font-size: 11px; gap: 47px; }
  .premium-site .community-handle { font-size: 8px; margin-top: 25px; }
  .premium-site .community-art { width: 100%; min-height: 0; height: clamp(390px, 104vw, 630px); margin-top: 13px; }
  .premium-site .community-circle { width: 94%; left: 3%; top: 10%; }
  .premium-site #footer-character { width: 130%; left: -15%; bottom: -4%; }
  .premium-site .footer { padding-top: 42px; padding-bottom: 23px; }
  .premium-site .footer-top { gap: 31px; padding-bottom: 33px; }
  .premium-site .footer-top > .wordmark { font-size: 29px; }
  .premium-site .footer-top > span { font-size: 10px; }
  .premium-site .footer-top > div { gap: 14px; }
  .premium-site .footer-link { font-size: 9px; }
  .premium-site .footer-bottom { padding-top: 22px; font-size: 7px; gap: 18px; }
  .premium-site .footer-bottom > p { font-size: 9px; max-width: none; }
  .premium-site .back-top { width: 31px; height: 31px; }
  .premium-site .registry-dialog { padding: 37px 27px; border-radius: 17px; }
  .premium-site .registry-dialog h2 { font-size: 48px; }
  .premium-site .toast { border-radius: 15px; }
}
@media (max-width: 375px) {
  body.premium-site { --pad: 20px; }
  .premium-site .site-header { padding-left: 20px; padding-right: 20px; }
  .premium-site .wordmark small, .premium-site .nav-x { display: none; }
  .premium-site .hero-copy h1 { font-size: 18vw; }
  .premium-site .hero-actions { gap: 17px; }
  .premium-site .hero-actions .button { padding: 15px 17px; gap: 23px; }
  .premium-site .text-link { font-size: 9px; }
  .premium-site .hero-stage { margin-left: -20px; margin-right: -20px; min-height: 330px; }
  .premium-site .workshop { height: 615px; }
  .premium-site .workshop-copy { left: 23px; }
  .premium-site .workshop-copy > p { font-size: 41px; }
  .premium-site .story-bottom > span { font-size: 6px; }
  .premium-site .orbit-scene { min-height: 830px; }
  .premium-site .orbit-scene-heading h2 { font-size: 55px; }
  .premium-site .orbit-canvas { inset: 40% -10% 4% -12%; }
  .premium-site .studio-heading h2 { font-size: 54px; }
  .premium-site .studio-inspector { padding: 19px; }
  .premium-site .studio-inspector-top { top: -19px; }
  .premium-site .studio-choice-row > button { font-size: 10px; }
  .premium-site .studio-presets .archive-heading h2, .premium-site .studio-shelf .archive-heading h2 { font-size: 44px; }
  .premium-site .community-copy h2 { font-size: 57px; }
}
@media (prefers-reduced-motion: reduce) {
  .premium-site *, .premium-site *::before, .premium-site *::after { animation: none !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
  .premium-site .stage-parallax, .premium-site .orbit-parallax { transform: none !important; }
  .premium-site .floating-study { translate: none; rotate: none; }
}
html.reduce-motion .premium-site .stage-parallax,
html.reduce-motion .premium-site .orbit-parallax { transform: none !important; }
html.reduce-motion .premium-site .floating-study { translate: none; rotate: none; }

/* Keep the workshop image and copy in normal flow inside narrow browser panes. */
@media (max-width: 980px) {
  .premium-site .workshop {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    height: auto;
    min-height: 0;
    aspect-ratio: auto;
    background: #10150d;
  }
  .premium-site #workshop-character {
    display: block;
    position: relative;
    inset: auto;
    width: 100%;
    height: auto;
    aspect-ratio: 1672 / 941;
    object-fit: contain;
    object-position: center;
    transform: none;
    animation: none;
  }
  .premium-site .workshop-shade, .premium-site .workshop-track { display: none; }
  .premium-site .workshop-copy {
    position: static;
    width: auto;
    max-width: none;
    inset: auto;
    transform: none;
    padding: 28px 32px 32px;
  }
  .premium-site .workshop-copy > p {
    font-size: clamp(34px, 5.2vw, 49px);
    line-height: 1.08;
    margin: 15px 0 0;
    overflow-wrap: normal;
  }
  .premium-site .workshop-copy > p > br { display: none; }
  .premium-site .workshop-copy .handwritten { margin-top: 15px; }
  .premium-site .workshop-label { top: 23px; left: 25px; }
  .premium-site .sound-toggle { inset: 19px 23px auto auto; }
}
@media (max-width: 600px) {
  .premium-site #workshop-character { aspect-ratio: 6 / 5; object-fit: cover; object-position: left center; }
  .premium-site .workshop-copy { padding: 25px 25px 28px; }
  .premium-site .workshop-copy > p { font-size: clamp(35px, 9.4vw, 44px); }
  .premium-site .workshop-label { font-size: 6px; letter-spacing: 1px; left: 21px; }
  .premium-site .sound-toggle { right: 18px; top: 18px; }
}

.premium-site .studio-stage { isolation: isolate; }
.premium-site .studio-stage > canvas { transition: opacity .18s ease; }
.premium-site .studio-stage[data-render-state='loading'] > canvas,
.premium-site .studio-stage[data-render-state='error'] > canvas { opacity: .2; }
.premium-site .studio-stage-message {
  display: none;
  position: absolute;
  inset: 0;
  z-index: 4;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 17px;
  padding: 30px;
  color: #eef1e6;
  background: #09100680;
  font-size: 13px;
  line-height: 1.7;
  text-align: center;
  pointer-events: none;
}
.premium-site .studio-stage[data-render-state='loading'] .studio-stage-message,
.premium-site .studio-stage[data-render-state='error'] .studio-stage-message { display: flex; }
.premium-site .studio-stage-message p { margin: 0; max-width: 260px; }
.premium-site .studio-stage-message button {
  padding: 10px 20px;
  border: 1px solid #ceff0080;
  border-radius: 30px;
  background: #ceff00;
  color: #10150d;
  font-size: 12px;
}
.premium-site .studio-stage[data-render-state='loading'] .studio-stage-message::before {
  content: '';
  width: 22px;
  height: 22px;
  border: 2px solid #edffcd33;
  border-top-color: #ceff00;
  border-radius: 50%;
  animation: studio-loading .9s linear infinite;
}
@keyframes studio-loading { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
  .premium-site .studio-stage-message::before { animation: none !important; }
}

/* Each composition keeps its own real canvas shape from preview to export. */
.premium-site .studio-stage { margin-inline: auto; max-width: 900px; }
.premium-site .studio-stage[data-composition='scout'] { max-width: 560px; }
.premium-site .studio-stage[data-composition='orb'] { max-width: none; }
.premium-site .studio-stage > canvas {
  width: 100%;
  height: auto;
  max-height: none;
  aspect-ratio: var(--studio-aspect, 1);
  object-fit: fill;
}
.premium-site .studio-stage-top > #studio-format { display: block; white-space: nowrap; }
.premium-site .studio-export-size { color: #6a785e; font-size: 10px; letter-spacing: .5px; margin: 13px 3px 0; }
.premium-site .studio-preset-grid { grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 5%; row-gap: 70px; align-items: start; }
.premium-site .preset-study { grid-column: 1 / 8; grid-row: 1; }
.premium-site .preset-portrait { grid-column: 9 / 13; grid-row: 1; margin-top: 140px; }
.premium-site .preset-flight { grid-column: 2 / 12; grid-row: 2; }
.premium-site .studio-preset > div { height: auto; aspect-ratio: auto; }
.premium-site .studio-preset > div > canvas { display: block; width: 100%; height: auto; object-fit: fill; }
.premium-site .studio-preset > div > .preset-format { left: auto; top: auto; right: 20px; bottom: 20px; font-size: 9px; }
.premium-site .studio-gallery { display: block; columns: 3; column-gap: 20px; }
.premium-site .studio-saved-card { display: inline-block; vertical-align: top; width: 100%; break-inside: avoid; margin-bottom: 20px; }
.premium-site .studio-saved-thumbnail { display: block; width: 100%; height: auto; max-height: none; aspect-ratio: auto; object-fit: contain; }
.premium-site .floating-study, .premium-site .floating-study > canvas { height: auto; aspect-ratio: auto; }
.premium-site .study-one { width: 53%; left: 8%; top: 18%; }
.premium-site .study-two { width: 28%; left: 65%; top: 34%; }
.premium-site .study-three { width: 29%; left: 22%; top: 61%; }
@media (max-width: 980px) {
  .premium-site .studio-preset-grid { column-gap: 4%; row-gap: 50px; }
  .premium-site .preset-study { grid-column: 1 / 8; }
  .premium-site .preset-portrait { grid-column: 8 / 13; margin-top: 90px; }
  .premium-site .preset-flight { grid-column: 1 / 13; }
  .premium-site .studio-gallery { columns: 2; }
}
@media (max-width: 760px) {
  .premium-site .studio-stage { max-width: 100%; }
  .premium-site .studio-stage[data-composition='scout'] { width: min(100%, 420px); }
  .premium-site .studio-stage[data-composition='orb'] .studio-stage-top,
  .premium-site .studio-stage[data-composition='orb'] .studio-stage-bottom { padding: 13px 16px; }
  .premium-site .studio-stage[data-composition='orb'] .studio-stage-bottom > span:first-child { font-size: 10px; }
  .premium-site .studio-export-size { order: -1; margin: -3px 3px 0; font-size: 9px; }
  .premium-site .studio-preset-grid { display: flex; flex-direction: column; gap: 45px; }
  .premium-site .studio-preset { width: 100%; margin: 0; }
  .premium-site .preset-portrait { width: 77%; align-self: flex-end; }
  .premium-site .studio-preset > div > .preset-format { right: 16px; bottom: 16px; font-size: 7px; }
  .premium-site .study-one { width: 64%; top: 14%; left: 5%; }
  .premium-site .study-two { width: 33%; top: 43%; left: 58%; }
  .premium-site .study-three { width: 32%; top: 66%; left: 12%; }
}
@media (max-width: 480px) {
  .premium-site .studio-gallery { columns: 1; }
}