/* Visual layer for the public pages. Existing scripts, preview geometry and
   product motion are deliberately outside this stylesheet. */
:is(.upload-document, .orders-document, .template-document, .gogorender-document) {
  --ui-ink: #17241f;
  --ui-muted: #526e59;
  --ui-line: rgb(43 84 53 / 42%);
  --ui-glass: rgb(250 255 242 / 38%);
  --ui-glass-strong: rgb(251 255 246 / 48%);
  --ui-focus: #2f6b48;
}

:is(.upload-document, .orders-document) {
  background: radial-gradient(ellipse at 8% 8%, rgb(217 255 138 / 66%), transparent 44%),
    radial-gradient(ellipse at 100% 32%, rgb(112 171 124 / 48%), transparent 46%),
    linear-gradient(118deg, #e4f8b8, #c7dda9 64%, #9ec79b);
  background-attachment: fixed;
}

:is(.upload-document, .orders-document) :is(.card, .order-record, .orders-empty, .retail-prefill-summary > div, .retail-prefill-specs li),
:is(.template-document, .gogorender-document) :is(.template-card, .template-selection-card, .template-form-card, .gogorender-card, .gogorender-panel) {
  border: 1px solid var(--ui-line);
  border-radius: 0;
  background: var(--ui-glass);
  box-shadow: 0 7px 24px rgb(25 58 35 / 7%);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

:is(.template-document, .gogorender-document) :is(.template-card, .gogorender-card):hover,
.template-document .template-category-card:hover {
  box-shadow: 0 12px 28px rgb(25 58 35 / 12%);
}

:is(.upload-document, .orders-document) :is(.site-header, .mockup-page-header) {
  border-bottom: 1px solid var(--ui-line);
  background: transparent;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
:is(.upload-document, .orders-document) :is(.site-header, .mockup-page-header)::before {
  border-bottom: 0;
  background: transparent;
  box-shadow: none;
}

:is(.upload-document, .orders-document) :is(.eyebrow, .uploads-eyebrow),
:is(.template-document, .gogorender-document) .template-card-kicker {
  color: #416c4e;
  font-weight: 600;
  letter-spacing: .13em;
}

.upload-document :is(.hero h1, .uploads-landing-intro h1),
.orders-document .orders-intro h1,
:is(.template-document, .gogorender-document) .template-intro h1 {
  font-family: Outfit, "Noto Sans SC", sans-serif;
  font-weight: 600;
  letter-spacing: -.04em;
}

.upload-document .hero h1 { font-size: clamp(31px, 4vw, 52px); line-height: 1.18; }
.orders-document .orders-intro { padding-top: clamp(42px, 6vw, 74px); }
.orders-document .orders-intro h1 { font-size: clamp(32px, 4.6vw, 52px); }
:is(.template-document, .gogorender-document) .template-intro h1 { font-size: clamp(32px, 4.1vw, 50px); }

:is(.upload-document, .orders-document) :is(.section-heading h2, .submit-bar h2, .orders-empty h2, .order-record-header h2),
:is(.template-document, .gogorender-document) :is(.template-card h2, .template-selection-card h2, .template-form-card h2, .gogorender-card-body h2, .gogorender-panel h2, .gogorender-preview-head h2) {
  font-weight: 600;
  letter-spacing: -.025em;
}

/* Restrict preview backgrounds to their surrounding card, not the image/canvas. */
:is(.template-document, .gogorender-document) :is(.template-preview, .gogorender-card-preview, .template-sku-preview),
.upload-document .uploads-carrier-preview {
  background: rgb(234 246 218 / 36%);
}

:is(.upload-document, .orders-document) :is(.field input, .mockup-controls select),
.template-document .template-form input {
  border: 1px solid var(--ui-line);
  border-radius: 10px;
  background: var(--ui-glass-strong);
  color: var(--ui-ink);
  box-shadow: none;
}

:is(.upload-document, .orders-document) :is(.field input, .mockup-controls select):focus-visible,
.template-document .template-form input:focus-visible {
  outline: 2px solid var(--ui-focus);
  outline-offset: 2px;
}

.upload-document :is(.asset-item, .product-kind-switch label > span, .option-button, .source-switch span, .mockup-controls, .preview-notes, .audio-panel .audio-skip-action),
.orders-document :is(.order-file-list li, .retail-prefill-summary > div, .retail-prefill-specs li),
:is(.template-document, .gogorender-document) :is(.template-remark, .template-download-item, .gogorender-file-picker, .gogorender-color-picker) {
  border: 1px solid var(--ui-line);
  border-radius: 11px;
  background: rgb(252 255 248 / 64%);
  box-shadow: none;
}

.upload-document :is(.product-kind-switch input:checked + span, .option-button.is-active, .source-switch input:checked + span),
.gogorender-document :is(.gogorender-specs button.is-active, .gogorender-option-row button.is-active, .gogorender-views button.is-active) {
  border-color: #548166;
  background: rgb(220 242 194 / 62%);
  box-shadow: inset 0 0 0 1px rgb(84 129 102 / 15%);
}

.upload-document :is(.option-button, .product-kind-switch b, .asset-name),
.gogorender-document :is(.gogorender-specs button, .gogorender-option-row button, .gogorender-file-picker span) {
  font-weight: 600;
}

.gogorender-document :is(.gogorender-specs button, .gogorender-option-row button, .gogorender-views button, .gogorender-color-picker) {
  border-color: var(--ui-line);
  background-color: rgb(252 255 248 / 70%);
  box-shadow: none;
}
.gogorender-document :is(.gogorender-specs button, .gogorender-option-row button, .gogorender-views button):disabled {
  background: #edf0eb;
}
.gogorender-document :is(.gogorender-specs button.is-active, .gogorender-option-row button.is-active, .gogorender-views button.is-active) {
  background: rgb(220 242 194 / 72%);
}

/* Keep meaning conveyed by selected, unavailable and confirmed controls. */
.upload-document .asset-item.is-selected {
  border-color: #548166;
  box-shadow: 0 0 0 2px rgb(84 129 102 / 16%);
}
.upload-document .asset-item.is-ready { background: rgb(240 251 232 / 82%); }
.upload-document .option-button:disabled,
.upload-document .product-kind-switch .is-coming-soon > span {
  border-color: #c4cec2;
  border-style: dashed;
  background: rgb(234 239 231 / 80%);
  color: #758578;
  box-shadow: none;
}
.gogorender-document .gogorender-file-picker.is-pending {
  border-color: #b68a3c;
  background: #fff4d4;
}
.gogorender-document .gogorender-file-picker.is-confirmed {
  border-color: #4d8b5b;
  background: #e2f4bc;
}

/* SKU download entries are intentionally text led; packaging cards retain art. */
.template-document .template-selection-card:not(.template-category-card) > .template-sku-preview {
  display: none;
}

/* A narrow outline treatment gives every action the same visual weight. */
:is(.upload-document, .orders-document) :is(.primary-button, .secondary-button, .upload-button, .order-search-link, .audio-upload-button, .preview-action, .mockup-action),
:is(.template-document, .gogorender-document) :is(.template-card-link, .template-direct-download, .template-form button, .gogorender-start, .gogorender-reset, .gogorender-secondary, .gogorender-primary, .gogorender-vinyl-color-current button) {
  border: 1px solid #446d50;
  border-radius: 10px;
  background: rgb(250 255 244 / 72%);
  color: var(--ui-ink);
  font-family: Outfit, "Noto Sans SC", sans-serif;
  font-weight: 600;
  box-shadow: none;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

:is(.upload-document, .orders-document) :is(.primary-button, .secondary-button, .upload-button, .order-search-link, .audio-upload-button, .preview-action, .mockup-action):hover:not(:disabled),
:is(.template-document, .gogorender-document) :is(.template-card-link, .template-direct-download, .template-form button, .gogorender-start, .gogorender-reset, .gogorender-secondary, .gogorender-primary, .gogorender-vinyl-color-current button):hover:not(:disabled) {
  border-color: #285a3b;
  background: rgb(224 243 200 / 86%);
  color: var(--ui-ink);
}

.upload-document :is(.primary-button, .secondary-button):disabled,
.gogorender-document .gogorender-start:disabled {
  border-color: #b7c5b5;
  background: rgb(221 230 217 / 72%);
  color: #77877b;
  box-shadow: none;
}

:is(.template-document, .gogorender-document) .template-card-link.is-disabled {
  border-color: #b7c5b5;
  background: rgb(221 230 217 / 72%);
  color: #657669;
}

.upload-document .uploads-carrier-link {
  min-height: 43px;
  border: 1px solid #446d50;
  border-radius: 10px;
  background: rgb(250 255 244 / 72%);
  color: var(--ui-ink);
  font-weight: 600;
}

.upload-document .submit-bar {
  border-color: var(--ui-line);
  background: rgb(248 255 239 / 83%);
  box-shadow: 0 10px 30px rgb(25 58 35 / 14%);
}
.upload-document .submit-bar .primary-button.is-ready {
  border-color: #285a3b;
  background: #254d34;
  color: #fff;
  box-shadow: none;
}

.upload-document :is(.audio-disc-box, .mockup-sidebar, .mockup-controls) {
  border-color: var(--ui-line);
  border-radius: 14px;
  background: var(--ui-glass);
  box-shadow: 0 7px 24px rgb(25 58 35 / 7%);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}
.upload-document :is(.audio-upload-button, .add-track, .mockup-tabs button, .mockup-actions > button, .audio-skip-action button) {
  border: 1px solid #446d50;
  border-radius: 10px;
  background: rgb(250 255 244 / 78%);
  color: var(--ui-ink);
  font-family: Outfit, "Noto Sans SC", sans-serif;
  font-weight: 600;
  box-shadow: none;
}
.upload-document :is(.mockup-tabs button.is-active, .audio-skip-action.is-active button) {
  border-color: #548166;
  background: rgb(220 242 194 / 76%);
}
.upload-document .mockup-actions {
  border-color: var(--ui-line);
  border-radius: 15px;
  background: rgb(248 255 239 / 84%);
  box-shadow: 0 10px 30px rgb(25 58 35 / 14%);
}
.upload-document .mockup-actions #mockup-finish {
  border: 1px solid #527b5b;
  border-radius: 10px;
  background: #dcedbf;
  color: var(--ui-ink);
  box-shadow: none;
}
.upload-document .mockup-actions #mockup-finish:hover:not(:disabled) {
  background: #d1ebaa;
}
.upload-document .progress-dock {
  border-color: var(--ui-line);
  border-radius: 14px;
  background: rgb(248 255 239 / 84%);
  box-shadow: 0 8px 22px rgb(25 58 35 / 10%);
}
.upload-document .progress-dock a.is-active {
  border-color: #82a681;
  background: rgb(220 242 194 / 76%);
  box-shadow: none;
}

:is(.upload-document, .gogorender-document) :is(dialog, .gogorender-crop-dialog, .gogorender-vinyl-color-dialog, .upload-progress-dialog) {
  border-color: var(--ui-line);
  border-radius: 18px;
  background: rgb(250 255 246 / 95%);
  box-shadow: 0 22px 55px rgb(23 36 31 / 20%);
}

.orders-document :is(.order-record-header, .order-record-grid) { border-color: var(--ui-line); }
.orders-document .order-record-header > span { background: rgb(220 242 194 / 75%); font-weight: 600; }

/* Replace decorative arrow glyphs with one consistent fine-stroke icon. */
:is(.template-document, .gogorender-document) .template-card-link > span[aria-hidden="true"],
.upload-document .uploads-carrier-link b {
  display: inline-block;
  flex: 0 0 17px;
  width: 17px;
  height: 17px;
  overflow: hidden;
  color: transparent;
  font-size: 0;
  background: url('/assets/ui-refinement/arrow-up-right.svg') center / contain no-repeat;
}
.template-document .template-selection-card:not(.template-category-card) .template-card-link > span[aria-hidden="true"] {
  background-image: url('/assets/ui-refinement/download.svg');
}
.gogorender-document .gogorender-start > span[aria-hidden="true"] {
  display: inline-block;
  width: 17px;
  height: 17px;
  margin-left: 3px;
  overflow: hidden;
  color: transparent;
  font-size: 0;
  background: url('/assets/ui-refinement/arrow-up-right.svg') center / contain no-repeat;
}
.orders-document .order-search-form .primary-button::before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 9px;
  vertical-align: -3px;
  background: url('/assets/ui-refinement/search.svg') center / contain no-repeat;
}
.upload-document :is(.upload-button, .audio-upload-button, .slimcase-split-upload)::before,
.gogorender-document #gogorender-download::before {
  content: '';
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 7px;
  vertical-align: -3px;
  background: url('/assets/ui-refinement/upload.svg') center / contain no-repeat;
}
.gogorender-document #gogorender-download::before {
  background-image: url('/assets/ui-refinement/download.svg');
}

/* Keep product previews fully closed at rest; preserve the existing slide-out
   transforms on hover and the CD selected state. */
.upload-document .product-kind-jewel-visual .product-kind-disc,
.upload-document .product-kind-tape-package-visual .product-kind-tape-shell {
  opacity: 0;
  transition: opacity .2s ease, transform .55s cubic-bezier(.2,.8,.2,1);
}
.upload-document .product-kind-cd-package:is(:hover, :focus-within) .product-kind-disc,
.upload-document .product-kind-cd-package input:checked + span .product-kind-disc,
.upload-document .product-kind-tape-package:is(:hover, :focus-within) .product-kind-tape-shell {
  opacity: 1;
}
.upload-document .product-kind-tape-package-visual .product-kind-tape-cover {
  transform: translate(-50%, -50%) scale(.9);
}
.upload-document .product-kind-cd-package:not(:hover):not(:focus-within) .product-kind-jewel-visual .product-kind-cover {
  transform: translate(-55%, -50%) scale(.92);
}
.upload-document .product-kind-cd-package:not(:hover):not(:focus-within) .product-kind-jewel-visual .product-kind-disc {
  opacity: 0;
  transform: translate(-39%, -50%) scale(.86);
}

/* One homepage-style credits hierarchy on every subsidiary page. */
:is(.upload-document, .orders-document, .template-document, .gogorender-document) .site-credits {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 5px;
  width: 100%;
  font: 500 10px/1.25 Outfit, "Noto Sans SC", sans-serif;
  letter-spacing: .035em;
  text-align: center;
}
:is(.upload-document, .orders-document, .template-document, .gogorender-document) .site-credits .credits-line {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 3px 14px;
  width: 100%;
}
:is(.upload-document, .orders-document, .template-document, .gogorender-document) .site-credits .credits-line > span {
  white-space: nowrap;
  word-break: keep-all;
}
:is(.upload-document, .orders-document, .template-document, .gogorender-document) .site-credits .credits-mps a {
  display: inline-flex;
  align-items: baseline;
  gap: 4px;
  white-space: nowrap;
}
:is(.upload-document, .orders-document, .template-document, .gogorender-document) .site-credits .credits-mps img {
  display: block;
  position: relative;
  top: 1px;
  width: .9em;
  height: 1em;
  object-fit: contain;
  flex: none;
  align-self: baseline;
}

/* Let the browser balance the paragraph; never force a mobile break. */
.template-document .template-intro > p:last-child {
  max-width: 680px;
  text-wrap: balance;
}
.template-document :is(.template-card-body > p:not(.template-card-kicker), .template-selection-card > p, .template-note) {
  text-wrap: balance;
}
.template-document .template-copy-break { display: none; }

@media (max-width: 760px) {
  :is(.upload-document, .orders-document, .template-document, .gogorender-document) .site-credits {
    gap: 4px;
    font-size: 9px;
    line-height: 1.3;
  }
  :is(.upload-document, .orders-document, .template-document, .gogorender-document) .site-credits .credits-line {
    gap: 3px 8px;
  }
  :is(.upload-document, .orders-document, .template-document, .gogorender-document) .site-credits .credits-line > span::before {
    content: none;
    margin: 0;
  }
}

/* Group file information and actions so their centers align as complete units. */
.upload-document .asset-item.asset-item {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px 24px;
}
.upload-document .asset-info { min-width: 0; }
.upload-document .asset-info .asset-select { width: 100%; }
.upload-document .asset-info .asset-name {
  white-space: normal;
  overflow-wrap: anywhere;
  line-height: 1.6;
}
.upload-document .asset-info .asset-meta { margin-top: 7px; }
.upload-document .asset-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  align-self: center;
  gap: 14px;
  min-width: 0;
}
.upload-document .asset-actions .asset-state {
  margin: 0;
  padding: 0;
  max-width: none;
  line-height: 1.5;
  white-space: nowrap;
}
.upload-document .asset-actions .upload-button,
.upload-document .audio-upload-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  min-height: 42px;
  line-height: 1.5;
}
.upload-document .asset-actions .remove-button {
  position: static;
  flex-shrink: 0;
  min-width: 32px;
  min-height: 42px;
}
.upload-document .asset-actions > [hidden] { display: none !important; }
.upload-document .audio-item { align-items: center; }
@media (max-width: 760px) {
  .upload-document .asset-item.asset-item { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  .upload-document .asset-actions { width: 100%; justify-content: space-between; gap: 12px; }
  .upload-document .asset-actions .upload-button { margin-left: auto; }
}

/* Upload disc choices follow the same line-only treatment as quick render. */
.upload-document .disc-setting-group {
  border: 0;
  border-top: 1px solid var(--ui-line);
  border-bottom: 1px solid var(--ui-line);
  border-radius: 0;
  background: rgb(250 255 242 / 18%);
  box-shadow: none;
}
.upload-document .hub-switch > label > .hub-option-card,
.upload-document .hub-switch > label:hover > .hub-option-card,
.upload-document .hub-switch > label:focus-within > .hub-option-card,
.upload-document .hub-switch input:checked + .hub-option-card,
.upload-document .print-effect-switch > label > .effect-option-card,
.upload-document .print-effect-switch > label:hover > .effect-option-card,
.upload-document .print-effect-switch > label:focus-within > .effect-option-card,
.upload-document .print-effect-switch input:checked + .effect-option-card {
  border: 0;
  border-bottom: 1px solid var(--ui-line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.upload-document .hub-switch input:checked + .hub-option-card,
.upload-document .print-effect-switch input:checked + .effect-option-card {
  border-bottom-color: var(--ui-focus);
  box-shadow: inset 0 -1px var(--ui-focus);
}
.upload-document .hub-switch > label:has(input:focus-visible) > .hub-option-card,
.upload-document .print-effect-switch > label:has(input:focus-visible) > .effect-option-card {
  outline: 2px solid var(--ui-focus);
  outline-offset: 3px;
}
.upload-document .hub-switch .hub-option-copy b,
.upload-document .print-effect-switch .effect-option-card b { font-weight: 500; }
.upload-document .hub-switch .hub-option-copy small,
.upload-document .print-effect-switch .effect-option-card small { font-weight: 400; }
.upload-document .slimcase-mode-option span,
.upload-document .slimcase-mode-option input:checked + span {
  border: 0;
  border-bottom: 1px solid var(--ui-line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  font-weight: 500;
}
.upload-document .slimcase-mode-option input:checked + span {
  border-bottom-color: var(--ui-focus);
  box-shadow: inset 0 -1px var(--ui-focus);
}
.upload-document .slimcase-split-interface {
  border: 1px solid var(--ui-line);
  border-radius: 0;
  background: rgb(250 255 242 / 18%);
  box-shadow: none;
}
.upload-document .uploads-carrier-link b { font-weight: 400; }

:is(.upload-document, .orders-document, .template-document, .gogorender-document) :is(button, a, input, select):focus-visible {
  outline: 2px solid var(--ui-focus);
  outline-offset: 3px;
}

@media (max-width: 760px) {
  .upload-document .hero h1 { font-size: clamp(29px, 7.5vw, 39px); }
  .upload-document .progress-dock {
    position: sticky;
    top: 64px;
    z-index: 29;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 100%;
    gap: 3px;
    margin: 0 0 12px;
    padding: 4px;
    transform: none;
  }
  .upload-document .progress-dock a {
    display: flex;
    justify-content: center;
    width: auto;
    min-width: 0;
    gap: 5px;
    padding: 5px 3px;
  }
  .upload-document .progress-dock a span {
    flex: 0 0 23px;
    width: 23px;
    height: 23px;
  }
  .upload-document .progress-dock a b {
    position: static;
    width: auto;
    max-width: none;
    padding: 0;
    border: 0;
    background: none;
    box-shadow: none;
    opacity: 1;
    font-size: 10px;
    white-space: nowrap;
    pointer-events: auto;
    transform: none;
  }
  .upload-document .progress-dock a:hover b,
  .upload-document .progress-dock a:focus-visible b { transform: none; }
  .orders-document .orders-intro { padding-top: 40px; }
  .orders-document .order-search-form { grid-template-columns: 1fr; }
  .orders-document .order-search-form .primary-button { width: 100%; }
  :is(.template-document, .gogorender-document) .template-intro h1 { font-size: clamp(29px, 7.5vw, 42px); }
}

/* Homepage navigation language: lines and spacing, with no button capsules. */
:is(.upload-document, .orders-document) :is(.primary-button, .secondary-button, .upload-button, .order-search-link, .audio-upload-button, .audio-skip-action button, .add-track, .preview-action, .mockup-action, .mockup-tabs button, .mockup-actions > button),
:is(.template-document, .gogorender-document) :is(.template-card-link, .template-direct-download, .template-form button, .gogorender-start, .gogorender-reset, .gogorender-secondary, .gogorender-primary, .gogorender-views button, .gogorender-vinyl-color-current button) {
  border: 0;
  border-bottom: 1px solid var(--ui-line);
  border-radius: 0;
  background: transparent;
  color: var(--ui-ink);
  font-weight: 500;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:is(.template-document, .gogorender-document) .template-card-link,
.upload-document .uploads-carrier-link {
  min-height: 46px;
  padding-inline: 4px;
  border: 0;
  border-top: 1px solid var(--ui-line);
  border-bottom: 1px solid var(--ui-line);
  border-radius: 0;
  background: transparent;
  color: var(--ui-ink);
  font-weight: 500;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:is(.upload-document, .orders-document) :is(.primary-button, .secondary-button, .upload-button, .order-search-link, .audio-upload-button, .audio-skip-action button, .add-track, .preview-action, .mockup-action, .mockup-tabs button, .mockup-actions > button):hover:not(:disabled),
:is(.template-document, .gogorender-document) :is(.template-card-link, .template-direct-download, .template-form button, .gogorender-start, .gogorender-reset, .gogorender-secondary, .gogorender-primary, .gogorender-views button, .gogorender-vinyl-color-current button):hover:not(:disabled),
.upload-document .uploads-carrier-card:hover .uploads-carrier-link {
  border-bottom-color: #285a3b;
  background: rgb(242 253 226 / 35%);
  color: var(--ui-ink);
  box-shadow: none;
}

.upload-document :is(.option-button, .product-kind-switch label > span, .source-switch span, .mockup-tabs button, .progress-dock a),
.gogorender-document :is(.gogorender-specs button, .gogorender-option-row button, .gogorender-views button, .gogorender-color-picker, .gogorender-vinyl-color-option) {
  border: 0;
  border-bottom: 1px solid var(--ui-line);
  border-radius: 0;
  background: transparent;
  font-weight: 500;
  box-shadow: none;
}

.upload-document :is(.option-button.is-active, .product-kind-switch input:checked + span, .source-switch input:checked + span, .mockup-tabs button.is-active, .progress-dock a.is-active),
.gogorender-document :is(.gogorender-specs button.is-active, .gogorender-option-row button.is-active, .gogorender-views button.is-active, .gogorender-vinyl-color-option.is-active) {
  border: 0;
  border-bottom: 2px solid #285a3b;
  border-radius: 0;
  background: rgb(234 249 213 / 42%);
  color: var(--ui-ink);
  box-shadow: none;
}

.upload-document .product-kind-switch .is-coming-soon > span,
.upload-document .option-button:disabled,
.gogorender-document :is(.gogorender-specs button:disabled, .gogorender-option-row button:disabled) {
  border-bottom: 1px dashed #b5c4b1;
  background: rgb(234 239 231 / 50%);
  color: #758578;
}

.upload-document .submit-bar .primary-button.is-ready,
.upload-document .mockup-actions #mockup-finish {
  border: 0;
  border-bottom: 2px solid #285a3b;
  border-radius: 0;
  background: rgb(222 244 196 / 52%);
  color: var(--ui-ink);
  font-weight: 600;
  box-shadow: none;
}
.upload-document .submit-bar .primary-button:disabled,
.gogorender-document .gogorender-start:disabled,
.template-document .template-card-link.is-disabled {
  border: 0;
  border-bottom: 1px solid #b7c5b5;
  border-radius: 0;
  background: transparent;
  color: #788a7b;
}

:is(.upload-document, .orders-document) :is(.section-heading h2, .submit-bar h2, .orders-empty h2, .order-record-header h2),
:is(.template-document, .gogorender-document) :is(.template-card h2, .template-selection-card h2, .template-form-card h2, .gogorender-card-body h2, .gogorender-panel h2, .gogorender-preview-head h2) {
  font-weight: 600;
}
.upload-document :is(.product-kind-switch b, .asset-name, .option-button),
.gogorender-document :is(.gogorender-specs button, .gogorender-option-row button) {
  font-weight: 500;
}

/* Finish the visual system at the original high-specificity controls. */
.orders-document .order-search-form .primary-button.primary-button,
.upload-document .submit-bar .primary-button.primary-button,
.upload-document .submit-bar .primary-button.primary-button:disabled,
.upload-document .source-switch.source-switch label > span,
.upload-document .product-kind-switch.product-kind-switch label > span,
.upload-document .product-kind-switch.product-kind-switch .is-coming-soon > span {
  border: 0;
  border-bottom: 1px solid var(--ui-line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  font-weight: 500;
}
.upload-document .source-switch.source-switch input:checked + span,
.upload-document .product-kind-switch.product-kind-switch input:checked + span {
  border-bottom: 2px solid #285a3b;
  background: transparent;
}
.upload-document .product-kind-switch.product-kind-switch .is-coming-soon > span,
.upload-document .submit-bar .primary-button.primary-button:disabled {
  border-bottom-style: dashed;
  color: #758578;
}
.upload-document .submit-bar .primary-button.primary-button.is-ready {
  border-bottom: 2px solid #285a3b;
  background: rgb(222 244 196 / 52%);
  color: var(--ui-ink);
}
/* The published upload stylesheet marked the old pill radius !important. */
.upload-document .lowres-actions > button,
.upload-document .submit-actions > button,
.upload-document .submit-actions .draft-action > button,
.upload-document .mockup-actions > button,
.upload-document .lowres-actions > .primary-button,
.upload-document .submit-actions > .primary-button,
.upload-document .submit-actions .draft-action > .primary-button,
.upload-document .mockup-actions > .primary-button,
.upload-document .mockup-actions #mockup-finish,
.mockup-actions > button {
  border-radius: 0 !important;
}
.upload-document .submit-bar,
.upload-document .mockup-actions { border-radius: 16px; }
.upload-document .submit-bar.is-collapsed,
.upload-document .submit-bar.is-collapsed .submit-bar-peek {
  border-radius: 0;
}
.upload-document .submit-bar.is-collapsed {
  border: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.upload-document .submit-bar.is-collapsed .submit-bar-peek {
  background: transparent;
  font-weight: 500;
}
.upload-document .source-switch span { padding-block: 10px; }
.upload-document .option-button.option-button {
  border: 0;
  border-bottom: 1px solid var(--ui-line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  font-weight: 500;
}
.upload-document .option-button.option-button.is-active {
  border-bottom: 2px solid #285a3b;
  background: transparent;
}
.upload-document .option-button.option-button:disabled {
  border-bottom: 1px dashed #b5c4b1;
  color: #758578;
}
.upload-document .template-download-link {
  border: 0;
  border-bottom: 1px solid var(--ui-line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  font-weight: 500;
}
.upload-document .template-download-link::before {
  content: '';
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 7px;
  vertical-align: -3px;
  background: url('/assets/ui-refinement/download.svg') center / contain no-repeat;
}
.upload-document .submit-bar.is-collapsed .submit-bar-peek {
  border: 0;
  border-bottom: 1px solid var(--ui-line);
  border-radius: 0;
}
.upload-document .submit-bar-peek span[aria-hidden="true"] {
  display: inline-block;
  width: 13px;
  height: 13px;
  overflow: hidden;
  color: transparent;
  font-size: 0;
  background: url('/assets/ui-refinement/chevron-up.svg') center / contain no-repeat;
}
.upload-document :is(#disc-media-options, #disc2-media-options) .option-button strong {
  white-space: nowrap;
  word-break: keep-all;
  overflow-wrap: normal;
  font-weight: 500;
}
@media (max-width: 480px) {
  .upload-document .option-visual-disc-media-options {
    grid-template: 60px / 60px minmax(0, 1fr) !important;
    gap: 8px !important;
    min-height: 84px !important;
    padding: 8px 6px !important;
  }
  .upload-document .option-visual-disc-media-options img {
    width: 60px !important;
    height: 60px !important;
  }
  .upload-document .option-visual-disc2-media-options {
    grid-template: 48px / 48px minmax(0, 1fr) !important;
    gap: 6px !important;
    min-height: 72px !important;
    padding: 7px 5px !important;
  }
  .upload-document .option-visual-disc2-media-options img {
    width: 48px !important;
    height: 48px !important;
  }
}

/* Typography parity: homepage copy is 400, its slogan is 500. */
:is(.upload-document, .orders-document, .template-document, .gogorender-document) main :is(h1, h2, h3),
:is(.upload-document, .orders-document, .template-document, .gogorender-document) dialog :is(h2, h3) {
  font-family: "Noto Sans SC", sans-serif;
  font-weight: 500 !important;
  letter-spacing: -.02em;
}
.upload-document :is(.hero h1, .uploads-landing-intro h1),
.orders-document .orders-intro h1,
:is(.template-document, .gogorender-document) .template-intro h1 {
  font-size: clamp(30px, 3.2vw, 38px);
  line-height: 1.28;
}
:is(.upload-document, .orders-document) :is(.section-heading h2, .submit-bar h2, .orders-empty h2, .order-record-header h2),
:is(.template-document, .gogorender-document) :is(.template-card h2, .template-selection-card h2, .template-form-card h2, .gogorender-card-body h2, .gogorender-panel h2, .gogorender-preview-head h2) {
  font-size: clamp(18px, 1.8vw, 21px);
  line-height: 1.45;
}
.upload-document :is(.section-heading p, .hero-copy, .asset-meta, .preview-notes, .product-kind-copy small, .option-button strong, .product-kind-copy b, .asset-name, .field > span),
.orders-document :is(.orders-intro > p:not(.eyebrow), .order-search-form .field > span, .order-record-header > span),
.template-document :is(.template-card p, .template-selection-card p, .template-remark, .template-remark strong),
.gogorender-document :is(.gogorender-panel p, .gogorender-card-body p, .gogorender-file-picker span, .gogorender-file-picker strong) {
  font-weight: 400;
  line-height: 1.65;
}
.upload-document :is(.option-button strong, .product-kind-copy b, .asset-name, .field > span),
.orders-document .order-search-form .field > span,
.gogorender-document .gogorender-file-picker strong {
  font-weight: 500;
}
@media (max-width: 760px) {
  .upload-document :is(.hero h1, .uploads-landing-intro h1),
  .orders-document .orders-intro h1,
  :is(.template-document, .gogorender-document) .template-intro h1 {
    font-size: clamp(26px, 6.7vw, 31px);
    line-height: 1.32;
  }
  :is(.upload-document, .orders-document) :is(.section-heading h2, .submit-bar h2, .orders-empty h2, .order-record-header h2),
  :is(.template-document, .gogorender-document) :is(.template-card h2, .template-selection-card h2, .template-form-card h2, .gogorender-card-body h2, .gogorender-panel h2, .gogorender-preview-head h2) {
    font-size: 19px;
  }
}
.upload-document :is(.option-button.is-active, .progress-dock a.is-active),
.gogorender-document :is(.gogorender-specs button.is-active, .gogorender-option-row button.is-active, .gogorender-views button.is-active) {
  background: transparent;
}
.gogorender-document .gogorender-file-picker {
  border: 0;
  border-top: 1px solid var(--ui-line);
  border-bottom: 1px solid var(--ui-line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.gogorender-document .gogorender-file-picker.is-pending {
  border-bottom-color: #b68a3c;
  background: rgb(255 244 212 / 38%);
}
.gogorender-document .gogorender-file-picker.is-confirmed {
  border-bottom-color: #4d8b5b;
  background: rgb(226 244 188 / 38%);
}
.gogorender-document .gogorender-views button {
  background: transparent;
}
.gogorender-document .gogorender-views button.is-active {
  background: transparent;
}

/* Symbols describe the action, not the old diagonal-arrow convention. */
.upload-document .uploads-carrier-link b,
.upload-document .submit-actions #submit-button > span:last-child {
  background-image: url('/assets/ui-refinement/upload.svg');
}
.upload-document .submit-actions #submit-button > span:last-child {
  display: inline-block;
  width: 17px;
  height: 17px;
  margin-left: 10px;
  overflow: hidden;
  color: transparent;
  font-size: 0;
  vertical-align: -3px;
  background: url('/assets/ui-refinement/arrow-right.svg') center / contain no-repeat;
}
.template-document .template-card-link > span[aria-hidden="true"],
.template-document .template-category-card .template-card-link > span[aria-hidden="true"] {
  background-image: url('/assets/ui-refinement/download.svg');
}
.gogorender-document .gogorender-card-body .template-card-link > span[aria-hidden="true"] {
  background-image: url('/assets/ui-refinement/arrow-right.svg');
}

/* Order lookup uses the same open, ruled surfaces as the homepage actions. */
.orders-document .order-search-form,
.orders-document .orders-empty.card,
.orders-document .order-record.card {
  border: 0;
  border-top: 1px solid var(--ui-line);
  border-bottom: 1px solid var(--ui-line);
  border-radius: 0;
  background: rgb(250 255 242 / 22%);
  box-shadow: none;
  backdrop-filter: blur(18px) saturate(115%);
  -webkit-backdrop-filter: blur(18px) saturate(115%);
}
.orders-document .order-search-form {
  padding: 24px 20px;
}
.orders-document .order-search-form .field input {
  min-height: 46px;
  padding-inline: 2px;
  border: 0;
  border-bottom: 1px solid var(--ui-line);
  border-radius: 0;
  background: transparent;
  color: var(--ui-ink);
  font-family: "Noto Sans SC", sans-serif;
  font-weight: 400;
  box-shadow: none;
}
.orders-document .order-search-form .field input:focus {
  border-bottom-color: var(--ui-focus);
  box-shadow: none;
}
@media (max-width: 760px) {
  .orders-document .order-search-form { padding: 20px 14px; }
}
/* Text entry shares the transparent, ruled order-search treatment.
   Native hidden selects, file pickers, radios and crop sliders are excluded. */
:is(.upload-document, .orders-document, .template-document, .gogorender-document) :is(.field.field input:not([type="file"]):not([type="radio"]):not([type="checkbox"]), .field.field textarea, .template-form input, .mockup-controls select, .compact-field:not(.option-button-field) select),
.upload-document .vinyl-sticker-options .compact-field input,
.upload-document .dvd-content-panel textarea {
  min-height: 46px;
  box-sizing: border-box;
  padding: 10px 2px;
  border: 0;
  border-bottom: 1px solid var(--ui-line);
  border-radius: 0;
  background: transparent;
  color: var(--ui-ink);
  box-shadow: none;
  font-family: "Noto Sans SC", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
}
:is(.upload-document, .orders-document, .template-document, .gogorender-document) :is(.field.field input, .field.field textarea, .template-form input, .mockup-controls select, .compact-field:not(.option-button-field) input, .compact-field:not(.option-button-field) select):focus {
  border-bottom-color: var(--ui-focus);
  box-shadow: none;
}
:is(.upload-document, .orders-document, .template-document, .gogorender-document) :is(.field input, .field textarea, .template-form input, .mockup-controls select, .compact-field:not(.option-button-field) input, .compact-field:not(.option-button-field) select):focus-visible {
  outline: 2px solid var(--ui-focus);
  outline-offset: 3px;
}
:is(.upload-document, .orders-document, .template-document, .gogorender-document) :is(.field input, .field textarea, .template-form input, .mockup-controls select):disabled {
  opacity: .5;
  cursor: not-allowed;
}
:is(.upload-document, .orders-document, .template-document, .gogorender-document) :is(.field input, .field textarea, .template-form input)[aria-invalid="true"] {
  border-bottom-color: #a24c39;
}
.upload-document .order-panel.card,
.upload-document .audio-panel.card,
.template-document .template-form-card {
  border: 0;
  border-top: 1px solid var(--ui-line);
  border-bottom: 1px solid var(--ui-line);
  border-radius: 0;
  background: rgb(250 255 242 / 22%);
  box-shadow: none;
  backdrop-filter: blur(18px) saturate(115%);
  -webkit-backdrop-filter: blur(18px) saturate(115%);
}

/* Both expanded and collapsed submission controls must stay frame-free. */
.upload-document .submit-bar .submit-bar-peek,
.upload-document .submit-bar .submit-bar-peek:hover,
.upload-document .submit-bar .submit-bar-peek:focus-visible {
  border: 0;
  border-bottom: 1px solid var(--ui-line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  font-weight: 400;
}
.upload-document .submit-bar .submit-bar-peek:focus-visible {
  outline: 2px solid var(--ui-focus);
  outline-offset: 3px;
}
.upload-document .submit-bar:not(.is-collapsed) .submit-bar-peek span[aria-hidden="true"] {
  transform: rotate(180deg);
}
.upload-document .upload-guidance,
.upload-document .config-option-panel {
  border: 0;
  border-top: 1px solid var(--ui-line);
  border-bottom: 1px solid var(--ui-line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.upload-document .upload-guidance { padding: 12px 0; }
.upload-document .upload-guidance .config-option-panel { border: 0; padding: 8px 0; margin: 0; }
.upload-document .config-option-panel label,
.upload-document .config-option-panel label:has(input:checked) {
  border: 0;
  border-bottom: 1px solid var(--ui-line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  padding: 10px 8px;
  font-weight: 400;
  line-height: 1.6;
}
.upload-document .config-option-panel label:has(input:checked) {
  border-bottom-color: var(--ui-focus);
  box-shadow: inset 0 -1px var(--ui-focus);
  color: var(--ui-ink);
}
.upload-document .config-option-panel input { accent-color: #426c50; }
.upload-document .config-option-panel p { font-weight: 500; }
.upload-document .tape-option-panel .tape-effect-label { border-top-color: var(--ui-line); }
.upload-document .tape-option-panel small { color: var(--muted); font-weight: 400; }
.upload-document .asset-item.asset-item,
.upload-document .asset-item.asset-item.is-selected,
.upload-document .asset-item.asset-item.is-ready {
  border: 0;
  border-top: 1px solid var(--ui-line);
  border-bottom: 1px solid var(--ui-line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.upload-document .asset-item.asset-item.is-selected { border-bottom-color: var(--ui-focus); }

/* A shared upload symbol guides every artwork/audio/render file picker. */
.upload-document .slimcase-split-upload,
.upload-document .slimcase-split-upload:hover,
.upload-document .slimcase-split-upload:focus-within {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-bottom: 1px solid var(--ui-line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  font-weight: 400;
}
.upload-document :is(.upload-button, .audio-upload-button, .slimcase-split-upload)::before {
  flex-shrink: 0;
  align-self: center;
}
.gogorender-document .gogorender-file-picker {
  position: relative;
  padding-right: 54px;
}
.gogorender-document .gogorender-file-picker > span::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  width: 19px;
  height: 19px;
  background: url('/assets/ui-refinement/upload.svg') center / contain no-repeat;
}
.template-document .template-sku {
  padding: 2px 0 5px;
  border-bottom: 1px solid var(--ui-line);
  border-radius: 0;
  background: transparent;
  font-weight: 500;
}

@media (max-width: 760px) {
  .upload-document .progress-dock {
    position: relative;
    top: auto;
    z-index: auto;
    padding: 0 0 5px;
    border: 0;
    border-bottom: 1px solid var(--ui-line);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
}

/* One surface system for whole pages, not just individual form fragments.
   Only UI shells are included: artwork, canvas and product-motion layers stay intact. */
:is(.upload-document, .orders-document) :is(.card.card, .order-search-form, .uploads-carrier-card, .audio-disc-box, .mockup-sidebar, .mockup-controls, .mockup-actions),
:is(.template-document, .gogorender-document) :is(.template-card, .template-selection-card, .template-form-card, .gogorender-card, .gogorender-panel) {
  border: 1px solid var(--ui-line);
  border-radius: 0;
  background: var(--ui-glass);
  box-shadow: 0 5px 18px rgb(25 58 35 / 5%);
  backdrop-filter: blur(18px) saturate(115%);
  -webkit-backdrop-filter: blur(18px) saturate(115%);
}
.upload-document :is(.preview-notes.preview-notes, .audio-item, .audio-skip-action, .slimcase-split-slot, .slimcase-split-remove),
.orders-document :is(.retail-prefill-summary > div, .retail-prefill-specs li, .order-file-list li),
:is(.template-document, .gogorender-document) :is(.template-remark, .template-download-item, .gogorender-color-picker) {
  border-radius: 0;
  border-color: var(--ui-line);
  background: rgb(250 255 242 / 18%);
  box-shadow: none;
}
.upload-document .submit-bar.card.is-collapsed {
  border: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.upload-document .progress-dock {
  border-radius: 0;
  box-shadow: none;
}
:is(.upload-document, .orders-document, .template-document, .gogorender-document) :is(.field.field input:not([type="file"]):not([type="radio"]):not([type="checkbox"]), .field.field textarea, .template-form input, .mockup-controls select, .compact-field:not(.option-button-field) input, .compact-field:not(.option-button-field) select) {
  padding-inline: 10px;
  border-bottom-color: rgb(43 84 53 / 65%);
  background: rgb(250 255 242 / 14%);
}
:is(.upload-document, .orders-document, .template-document, .gogorender-document) :is(.field.field input, .field.field textarea, .template-form input)::placeholder {
  color: #526758;
  opacity: 1;
}
:is(.upload-document, .orders-document, .template-document, .gogorender-document) :is(.field.field input, .field.field textarea, .template-form input, .mockup-controls select, .compact-field:not(.option-button-field) input, .compact-field:not(.option-button-field) select):focus {
  border-bottom-color: var(--ui-focus);
}
:is(.upload-document, .orders-document, .template-document, .gogorender-document) :is(.field.field input, .field.field textarea, .template-form input)[aria-invalid="true"] {
  border-bottom-color: #a24c39;
}

/* Fixed icon and copy columns keep the two render actions optically aligned. */
.gogorender-document :is(#gogorender-start, #gogorender-download) {
  display: grid;
  grid-template-columns: 18px 7em;
  align-items: center;
  justify-content: center;
  column-gap: 12px;
  min-height: 48px;
  padding: 12px 10px;
  text-align: left;
}
.gogorender-document :is(#gogorender-start, #gogorender-download)::before {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  margin: 0;
  background: url('/assets/ui-refinement/render.svg') center / contain no-repeat;
}
.gogorender-document #gogorender-download::before {
  background-image: url('/assets/ui-refinement/download.svg');
}

/* The header action is plain navigation text, not an underlined form action. */
:is(.upload-document, .orders-document) .site-header .order-search-link,
:is(.upload-document, .orders-document) .site-header .order-search-link:is(:hover, :focus-visible) {
  border: 0;
  text-decoration: none;
  box-shadow: none;
}