/* Generated by scripts/sync-platform-palette.cjs. All platform surfaces use the selected palette. Catalog themes are excluded. */
body:not(.catalogMode) button,body:not(.catalogMode) a,body:not(.catalogMode) input,body:not(.catalogMode) select { -webkit-tap-highlight-color:transparent
}
body:not(.catalogMode) button {border:0
}
body:not(.catalogMode) button:focus-visible,body:not(.catalogMode) a:focus-visible {outline:3px solid var(--platform-muted)
}
body:not(.catalogMode) a {color:inherit
}
body:not(.catalogMode) button.primary {background:var(--accent);color:var(--platform-text)
}
body:not(.catalogMode) button.secondary {border:1px solid var(--line);background:var(--platform-surface);color:var(--ink)
}
body:not(.catalogMode) .sidebar {background:var(--platform-surface)
}
body:not(.catalogMode) .mark {border:2px solid currentColor
}
body:not(.catalogMode) .storebadge {background:var(--paper);border:1px solid var(--line)
}
body:not(.catalogMode) .avatar {background:var(--platform-surface)
}
body:not(.catalogMode) .small {color:var(--muted)
}
body:not(.catalogMode) .nav button {background:none;color:var(--platform-muted)
}
body:not(.catalogMode) .nav button.active {background:var(--platform-surface);color:var(--accent)
}
body:not(.catalogMode) .pill {background:var(--platform-surface);color:var(--platform-muted)
}
body:not(.catalogMode) .intro {background:var(--platform-deep);border:1px solid var(--platform-muted)
}
body:not(.catalogMode) .intro p {color:var(--platform-muted)
}
body:not(.catalogMode) .eyebrow {color:var(--platform-muted)
}
body:not(.catalogMode) .mini {background:var(--platform-surface);border:1px solid var(--platform-muted);box-shadow:0 6px 12px color-mix(in srgb,var(--platform-deep) 4.31%,transparent)
}
body:not(.catalogMode) .mini:nth-child(2) {background:var(--platform-surface)
}
body:not(.catalogMode) .mini .tile {background:var(--platform-deep)
}
body:not(.catalogMode) .mini hr {border:0;background:var(--platform-surface)
}
body:not(.catalogMode) .stat {border:1px solid var(--line);background:var(--platform-surface)
}
body:not(.catalogMode) .staticon {background:var(--platform-surface);color:var(--platform-muted)
}
body:not(.catalogMode) .panel {background:var(--platform-surface);border:1px solid var(--line)
}
body:not(.catalogMode) .linkbtn {background:none;color:var(--accent)
}
body:not(.catalogMode) input,body:not(.catalogMode) select,body:not(.catalogMode) textarea {background:var(--platform-surface);border:1px solid var(--platform-muted);color:var(--ink)
}
body:not(.catalogMode) input:focus,body:not(.catalogMode) select:focus,body:not(.catalogMode) textarea:focus {outline:2px solid var(--platform-muted)
}
body:not(.catalogMode) .search {background:var(--platform-surface)
}
body:not(.catalogMode) .product {border:1px solid var(--line);background:var(--platform-surface)
}
body:not(.catalogMode) .product .photo {background:var(--platform-surface)
}
body:not(.catalogMode) .tag {background:color-mix(in srgb,var(--platform-surface) 60.00%,transparent)
}
body:not(.catalogMode) del {color:var(--platform-muted)
}
body:not(.catalogMode) .dot {border:1px solid color-mix(in srgb,var(--platform-muted) 6.67%,transparent)
}
body:not(.catalogMode) .edit {background:var(--platform-surface);color:var(--platform-muted)
}
body:not(.catalogMode) .empty {color:var(--muted)
}
body:not(.catalogMode) .swatches button {border:3px solid var(--platform-muted);box-shadow:0 0 0 1px var(--platform-deep)
}
body:not(.catalogMode) .notice {background:var(--platform-surface);color:var(--platform-muted)
}
body:not(.catalogMode) .categoryrow:last-child {border:0
}
body:not(.catalogMode) .toggle input {accent-color:var(--accent)
}
body:not(.catalogMode) .chips button {background:var(--platform-surface);border:1px solid var(--line);color:var(--ink)
}
body:not(.catalogMode) .chips button.active {background:var(--accent);color:var(--platform-text);border-color:var(--accent)
}
body:not(.catalogMode) dialog {border:1px solid var(--line);color:var(--ink)
}
body:not(.catalogMode) dialog::backdrop {background:color-mix(in srgb,var(--platform-deep) 43.92%,transparent)
}
body:not(.catalogMode) .close {background:var(--platform-surface)
}
body:not(.catalogMode) #toast {background:var(--platform-deep);color:var(--platform-text)
}
body:not(.catalogMode) .saveindicator {color:var(--platform-muted)
}
body:not(.catalogMode) .uploadhint {color:var(--platform-muted)
}
@media (max-width:660px) {
 body:not(.catalogMode) .sidebar {border:0
 }
}
body:not(.catalogMode) .filterLabel {color:var(--platform-muted)
}
body:not(.catalogMode) dialog.productDrawer {border:0;box-shadow:20px 0 80px color-mix(in srgb,var(--platform-deep) 10.20%,transparent)
}
body:not(.catalogMode) .editorVisual {background:var(--platform-surface)
}
body:not(.catalogMode) .editorFields input,body:not(.catalogMode) .editorFields select,body:not(.catalogMode) .editorFields textarea {background:var(--platform-surface);border:1px solid var(--platform-muted)
}
body:not(.catalogMode) .nameField input {background:var(--platform-surface);border:0
}
body:not(.catalogMode) .optional {color:var(--platform-muted)
}
body:not(.catalogMode) .editorVisual #editorCover {background:var(--platform-surface)
}
body:not(.catalogMode) .visualCaption span {color:var(--platform-muted)
}
body:not(.catalogMode) .uploadZone {border:1px dashed var(--platform-muted);color:var(--platform-muted);background:var(--platform-surface)
}
body:not(.catalogMode) .uploadZone span {color:var(--platform-muted)
}
body:not(.catalogMode) .editorActions {background:color-mix(in srgb,var(--platform-surface) 94.90%,transparent)
}
body:not(.catalogMode) .deleteText {background:none;color:var(--platform-muted)
}
body:not(.catalogMode) .sidebar {background:var(--platform-surface)
}
body:not(.catalogMode) .sidebar .mark {border:0;background:var(--platform-deep);color:var(--platform-text)
}
body:not(.catalogMode) .storebadge {background:color-mix(in srgb,var(--platform-surface) 60.00%,transparent);border:0
}
body:not(.catalogMode) .avatar {background:var(--platform-deep)
}
body:not(.catalogMode) .nav button.active {background:var(--platform-deep);color:var(--platform-text);box-shadow:0 7px 18px color-mix(in srgb,var(--platform-deep) 7.06%,transparent)
}
body:not(.catalogMode) .nav button:hover:not(.active) {background:var(--platform-surface)
}
body:not(.catalogMode) .sidefoot {border-color:var(--platform-muted)
}
body:not(.catalogMode) .topbar {border:0
}
body:not(.catalogMode) .intro {background:var(--platform-deep);border:0
}
body:not(.catalogMode) .intro .mini {box-shadow:0 15px 24px color-mix(in srgb,var(--platform-deep) 5.10%,transparent)
}
body:not(.catalogMode) .stat {border:0;background:var(--platform-surface)
}
body:not(.catalogMode) .staticon {background:var(--platform-surface)
}
body:not(.catalogMode) .panel {border:0;box-shadow:0 4px 25px color-mix(in srgb,var(--platform-deep) 1.18%,transparent)
}
body:not(.catalogMode) .panel .product {border:0;background:var(--platform-surface)
}
body:not(.catalogMode) .notice {background:var(--platform-surface);border:0;color:var(--platform-muted)
}
body:not(.catalogMode) .previewRibbon {color:var(--platform-muted)
}
body:not(.catalogMode) .previewRibbon button {color:inherit;background:none
}
body:not(.catalogMode) .roundIcon,body:not(.catalogMode) .roundLanguage {background:color-mix(in srgb,var(--ink) 5%,var(--bg,var(--platform-surface)));color:var(--ink);border:1px solid color-mix(in srgb,var(--ink) 8%,transparent)
}
body:not(.catalogMode) .heroExplore {background:transparent;color:var(--ink)
}
body:not(.catalogMode) .heroExplore>span {background:var(--accent);color:var(--platform-text)
}
body:not(.catalogMode) .heroMeta small {color:color-mix(in srgb,var(--ink) 54%,transparent)
}
body:not(.catalogMode) .heroMeta i {background:color-mix(in srgb,var(--accent) 18%,transparent)
}
body:not(.catalogMode) .featured .sectionhead h2::before {color:var(--accent)
}
body:not(.catalogMode) .viewProduct {background:color-mix(in srgb,var(--platform-surface) 90.20%,transparent);border:1px solid var(--platform-muted)
}
body:not(.catalogMode) .photoCount {background:color-mix(in srgb,var(--platform-surface) 78.82%,transparent)
}
body:not(.catalogMode) .countLabel {background:color-mix(in srgb,var(--accent) 7%,var(--platform-surface));color:var(--accent)
}
body:not(.catalogMode) .discountCapsule {background:var(--platform-deep);color:var(--platform-muted)
}
body:not(.catalogMode) .specRow>span {color:var(--platform-muted)
}
body:not(.catalogMode) .detailFootnote {color:var(--platform-muted)
}
@media (max-width:660px) {
 body:not(.catalogMode) .sidebar {background:var(--platform-surface)
 }
}
@media (max-width:660px) {
 body:not(.catalogMode) .nav button.active {box-shadow:none
 }
}
body:not(.catalogMode) .sidebar {background:var(--platform-surface)
}
body:not(.catalogMode) .sidebar .mark {background:var(--platform-deep);color:var(--platform-text)
}
body:not(.catalogMode) .storebadge {background:color-mix(in srgb,var(--platform-surface) 69.02%,transparent)
}
body:not(.catalogMode) .avatar {background:var(--platform-deep);color:var(--platform-muted)
}
body:not(.catalogMode) .nav button {color:var(--platform-muted)
}
body:not(.catalogMode) .nav button.active {background:var(--platform-deep);color:var(--platform-text);box-shadow:0 7px 18px color-mix(in srgb,var(--platform-deep) 6.27%,transparent)
}
body:not(.catalogMode) .nav button:hover:not(.active) {background:var(--platform-surface)
}
body:not(.catalogMode) .sidefoot {border-color:var(--platform-muted)
}
body:not(.catalogMode) .pill {background:var(--platform-surface);color:var(--platform-muted)
}
body:not(.catalogMode) .intro {background:var(--platform-surface)
}
body:not(.catalogMode) .intro p {color:var(--platform-muted)
}
body:not(.catalogMode) .intro .eyebrow {color:var(--platform-muted)
}
body:not(.catalogMode) .introart .mini {border-color:var(--platform-muted);background:var(--platform-surface)
}
body:not(.catalogMode) .introart .mini:nth-child(2) {background:var(--platform-surface)
}
body:not(.catalogMode) .introart .mini .tile {background:var(--platform-deep);color:var(--platform-muted)
}
body:not(.catalogMode) .introart .mini hr {background:var(--platform-surface)
}
body:not(.catalogMode) .stat {background:var(--platform-surface)
}
body:not(.catalogMode) .staticon {background:var(--platform-surface);color:var(--platform-muted)
}
body:not(.catalogMode) .notice {background:var(--platform-surface);color:var(--platform-muted)
}
body:not(.catalogMode) .panel .product {background:var(--platform-surface)
}
body:not(.catalogMode) .edit {background:var(--platform-surface);color:var(--platform-muted)
}
body:not(.catalogMode) .search {background:var(--platform-surface)
}
body:not(.catalogMode) .linkbtn {color:var(--platform-muted)
}
body:not(.catalogMode) .saveindicator {color:var(--platform-muted)
}
body:not(.catalogMode) .moreNav summary {color:var(--platform-muted)
}
body:not(.catalogMode) .quickSteps button {border:1px solid var(--platform-muted);background:color-mix(in srgb,var(--platform-surface) 43.92%,transparent);color:var(--platform-muted)
}
body:not(.catalogMode) .quickSteps button>span {color:var(--platform-text)
}
body:not(.catalogMode) .quickSteps b {color:var(--platform-muted)
}
body:not(.catalogMode) .quickSteps small {color:var(--platform-muted)
}
body:not(.catalogMode) .quickSteps i {color:var(--platform-text)
}
body:not(.catalogMode) .quickSteps button:hover {border-color:var(--platform-muted);background:var(--platform-surface)
}
body:not(.catalogMode) .miniLine {background:currentColor
}
body:not(.catalogMode) .customTheme {border:1px solid var(--platform-muted)
}
body:not(.catalogMode) .customTheme summary {color:var(--platform-muted)
}
body:not(.catalogMode) .editorVisual {background:var(--platform-surface)
}
body:not(.catalogMode) .editorFields input,body:not(.catalogMode) .editorFields select,body:not(.catalogMode) .editorFields textarea {background:var(--platform-surface);border-color:var(--platform-muted)
}
body:not(.catalogMode) .uploadZone {border-color:var(--platform-muted);background:var(--platform-surface);color:var(--platform-muted)
}
body:not(.catalogMode) .uploadZone span,body:not(.catalogMode) .visualCaption span {color:var(--platform-muted)
}
body:not(.catalogMode) .extraDetails {border-color:var(--platform-muted)
}
body:not(.catalogMode) .editorActions {border-color:var(--platform-muted)
}
body:not(.catalogMode) .detailFootnote {color:color-mix(in srgb,var(--ink) 43%,transparent)
}
body:not(.catalogMode) .specRow {border-color:color-mix(in srgb,var(--ink) 10%,transparent)
}
body:not(.catalogMode) .detailOption {border-color:color-mix(in srgb,var(--ink) 10%,transparent)
}
body:not(.catalogMode) .specRow>span {color:color-mix(in srgb,var(--ink) 45%,transparent)
}
@media (max-width:660px) {
 body:not(.catalogMode) .sidebar {background:var(--platform-surface)
 }
}
@media (max-width:660px) {
 body:not(.catalogMode) .moreNav {border:0
 }
}
@media (max-width:660px) {
 body:not(.catalogMode) .stat .small {color:var(--platform-muted)
 }
}
body:not(.catalogMode) .accountFacts span {color:var(--platform-muted)
}
body:not(.catalogMode) .signout {color:var(--platform-muted)
}
body:not(.catalogMode) {background:var(--platform-background);color:var(--platform-text)
}
body:not(.catalogMode) .sidebar {background:var(--platform-raised)
}
body:not(.catalogMode) .sidebar .brand {color:var(--platform-text)
}
body:not(.catalogMode) .sidebar .mark {background:var(--platform-deep);color:var(--platform-muted)
}
body:not(.catalogMode) .storebadge {background:color-mix(in srgb,var(--platform-surface) 1.96%,transparent);border:1px solid color-mix(in srgb,var(--platform-muted) 4.71%,transparent)
}
body:not(.catalogMode) .avatar {background:var(--platform-deep);color:var(--platform-text)
}
body:not(.catalogMode) .nav button {color:var(--platform-muted)
}
body:not(.catalogMode) .nav button.active {background:var(--platform-deep);color:var(--platform-muted);box-shadow:none
}
body:not(.catalogMode) .nav button:hover:not(.active) {background:color-mix(in srgb,var(--platform-surface) 2.75%,transparent);color:var(--platform-text)
}
body:not(.catalogMode) .moreNav,body:not(.catalogMode) .sidefoot {border-color:color-mix(in srgb,var(--platform-muted) 4.71%,transparent)
}
body:not(.catalogMode) .moreNav summary {color:var(--platform-muted)
}
body:not(.catalogMode) .pill {background:color-mix(in srgb,var(--platform-deep) 10.20%,transparent);color:var(--platform-text)
}
body:not(.catalogMode) .small {color:var(--platform-muted)
}
body:not(.catalogMode) .topbar {color:var(--platform-muted)
}
body:not(.catalogMode) .topbar b {color:var(--platform-text)
}
body:not(.catalogMode) button.primary {color:var(--platform-muted);background:var(--platform-deep)
}
body:not(.catalogMode) button.secondary {background:color-mix(in srgb,var(--platform-surface) 1.96%,transparent);color:var(--platform-text);border:1px solid color-mix(in srgb,var(--platform-muted) 7.06%,transparent)
}
body:not(.catalogMode) .intro {background:radial-gradient(ellipse at 0% 100%,color-mix(in srgb,var(--platform-deep) 17.25%,transparent),transparent 65%),var(--platform-raised);border:1px solid color-mix(in srgb,var(--platform-muted) 13.33%,transparent)
}
body:not(.catalogMode) .intro p {color:var(--platform-muted)
}
body:not(.catalogMode) .intro .eyebrow {color:var(--platform-muted)
}
body:not(.catalogMode) .introart .mini {background:var(--platform-raised);border:1px solid color-mix(in srgb,var(--platform-muted) 14.51%,transparent);box-shadow:0 15px 30px color-mix(in srgb,#000000 13.33%,transparent)
}
body:not(.catalogMode) .introart .mini:nth-child(2) {background:var(--platform-raised)
}
body:not(.catalogMode) .introart .mini .tile {background:color-mix(in srgb,var(--platform-deep) 20.00%,transparent);color:var(--platform-text)
}
body:not(.catalogMode) .introart .mini hr {background:color-mix(in srgb,var(--platform-deep) 13.33%,transparent)
}
body:not(.catalogMode) .quickSteps button {background:color-mix(in srgb,var(--platform-surface) 1.18%,transparent);border-color:color-mix(in srgb,var(--platform-muted) 4.31%,transparent)
}
body:not(.catalogMode) .quickSteps button>span {color:var(--platform-muted)
}
body:not(.catalogMode) .quickSteps button b {color:var(--platform-text)
}
body:not(.catalogMode) .quickSteps button small {color:var(--platform-muted)
}
body:not(.catalogMode) .quickSteps button:hover {border-color:color-mix(in srgb,var(--platform-muted) 26.67%,transparent);background:color-mix(in srgb,var(--platform-deep) 3.14%,transparent)
}
body:not(.catalogMode) .quickSteps i {color:var(--platform-muted)
}
body:not(.catalogMode) .stat {background:var(--platform-raised);border:1px solid color-mix(in srgb,var(--platform-muted) 1.96%,transparent)
}
body:not(.catalogMode) .stat strong {color:var(--platform-text)
}
body:not(.catalogMode) .staticon {background:color-mix(in srgb,var(--platform-surface) 1.96%,transparent);color:var(--platform-muted)
}
body:not(.catalogMode) .panel {background:var(--platform-raised);border:1px solid color-mix(in srgb,var(--platform-muted) 2.75%,transparent);box-shadow:none
}
body:not(.catalogMode) .notice {background:color-mix(in srgb,var(--platform-deep) 3.92%,transparent);border:1px solid color-mix(in srgb,var(--platform-muted) 7.06%,transparent);color:var(--platform-muted)
}
body:not(.catalogMode) .panel .product {background:var(--platform-raised)
}
body:not(.catalogMode) .product .details {color:var(--platform-text)
}
body:not(.catalogMode) .edit {background:color-mix(in srgb,var(--platform-surface) 2.35%,transparent);color:var(--platform-muted)
}
body:not(.catalogMode) input,body:not(.catalogMode) select,body:not(.catalogMode) textarea {background:var(--platform-raised);border-color:color-mix(in srgb,var(--platform-muted) 5.88%,transparent);color:var(--platform-text)
}
body:not(.catalogMode) input::placeholder,body:not(.catalogMode) textarea::placeholder {color:var(--platform-muted)
}
body:not(.catalogMode) input:focus,body:not(.catalogMode) select:focus,body:not(.catalogMode) textarea:focus {outline-color:var(--platform-muted)
}
body:not(.catalogMode) .linkbtn,body:not(.catalogMode) .signout {color:var(--platform-muted)
}
body:not(.catalogMode) .saveindicator {color:var(--platform-muted)
}
body:not(.catalogMode) .accountFacts>div {border-color:color-mix(in srgb,var(--platform-muted) 3.92%,transparent)
}
body:not(.catalogMode) .accountFacts span {color:var(--platform-muted)
}
body:not(.catalogMode) .customTheme {border-color:color-mix(in srgb,var(--platform-muted) 4.71%,transparent)
}
body:not(.catalogMode) .customTheme summary {color:var(--platform-muted)
}
body:not(.catalogMode) dialog {background:var(--platform-raised);color:var(--platform-text);border-color:color-mix(in srgb,var(--platform-muted) 4.31%,transparent)
}
body:not(.catalogMode) .editorVisual {background:var(--platform-raised)
}
body:not(.catalogMode) .editorFields .eyebrow {color:var(--platform-muted)
}
body:not(.catalogMode) .editorVisual #editorCover {background:var(--platform-raised)
}
body:not(.catalogMode) .visualCaption span {color:var(--platform-muted)
}
body:not(.catalogMode) .uploadZone {background:color-mix(in srgb,var(--platform-surface) 1.18%,transparent);color:var(--platform-muted);border-color:var(--platform-muted)
}
body:not(.catalogMode) .uploadZone span {color:var(--platform-muted)
}
body:not(.catalogMode) .extraDetails,body:not(.catalogMode) .editorActions,body:not(.catalogMode) .modalhead {border-color:color-mix(in srgb,var(--platform-muted) 4.31%,transparent)
}
body:not(.catalogMode) .editorActions {background:color-mix(in srgb,var(--platform-raised) 94.90%,transparent)
}
body:not(.catalogMode) .optional {color:var(--platform-muted)
}
body:not(.catalogMode) .close {background:color-mix(in srgb,var(--platform-surface) 3.14%,transparent);color:var(--platform-text)
}
body:not(.catalogMode) .step {border-color:color-mix(in srgb,var(--platform-muted) 4.31%,transparent)
}
body:not(.catalogMode) .product .photo svg stop:first-child {stop-color:var(--platform-muted)
}
body:not(.catalogMode) .product .photo svg stop:last-child {stop-color:var(--platform-muted)
}
body:not(.catalogMode) .layoutChoices>button {border:1px solid var(--platform-muted);background:transparent;color:inherit
}
body:not(.catalogMode) .layoutChoices>button.selected {border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,transparent)
}
body:not(.catalogMode) .layoutChoices>button {border-color:color-mix(in srgb,var(--platform-muted) 5.49%,transparent)
}
body:not(.catalogMode) .layoutChoices>button.selected {border-color:var(--platform-muted);background:color-mix(in srgb,var(--platform-deep) 3.14%,transparent)
}
@media (max-width:660px) {
 body:not(.catalogMode) .sidebar {background:var(--platform-raised)
 }
}
@media (max-width:660px) {
 body:not(.catalogMode) .stat .small {color:var(--platform-muted)
 }
}
body:not(.catalogMode) .previewActions #previewColors {border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);color:var(--accent)
}
body:not(.catalogMode) .billingShortcut {background:transparent;color:var(--platform-muted)
}
body:not(.catalogMode) .colorStudioDialog {background:var(--platform-raised);color:var(--platform-text);border-color:color-mix(in srgb,var(--platform-muted) 6.27%,transparent)
}
body:not(.catalogMode) .colorStudioDialog .small {color:var(--platform-muted)
}
body:not(.catalogMode) .colorStudioDialog .close {background:color-mix(in srgb,var(--platform-surface) 3.14%,transparent);color:var(--platform-text)
}
body:not(.catalogMode) .colorInputGroup input[type=color] {border:1px solid color-mix(in srgb,var(--platform-muted) 8.24%,transparent);background:color-mix(in srgb,var(--platform-surface) 3.14%,transparent)
}
body:not(.catalogMode) .colorInputGroup input[type=text] {background:color-mix(in srgb,var(--platform-surface) 1.96%,transparent);border:1px solid color-mix(in srgb,var(--platform-muted) 6.27%,transparent);color:var(--platform-text);outline-color:var(--platform-muted)
}
body:not(.catalogMode) .colorStudioDialog .contrastHint {color:var(--platform-muted)
}
body:not(.catalogMode) .colorStudioDialog .primary {background:var(--platform-deep);color:var(--platform-muted)
}
body:not(.catalogMode) .colorStudioDialog .secondary {background:transparent;border-color:color-mix(in srgb,var(--platform-muted) 9.41%,transparent);color:var(--platform-muted)
}
body:not(.catalogMode) .ownerPlanBanner {border:1px solid color-mix(in srgb,var(--platform-muted) 13.33%,transparent);background:color-mix(in srgb,var(--platform-deep) 3.14%,transparent)
}
body:not(.catalogMode) .ownerPlanBanner>strong {color:var(--platform-text)
}
body:not(.catalogMode) .ownerPlanBanner>strong small {color:var(--platform-muted)
}
body:not(.catalogMode) .planCard {background:var(--platform-raised);border:1px solid color-mix(in srgb,var(--platform-muted) 4.31%,transparent)
}
body:not(.catalogMode) .planCard.selected {border-color:color-mix(in srgb,var(--platform-muted) 46.67%,transparent);background:linear-gradient(125deg,color-mix(in srgb,var(--platform-deep) 2.75%,transparent),var(--platform-raised))
}
body:not(.catalogMode) .planCard .eyebrow {color:var(--platform-muted)
}
body:not(.catalogMode) .planPrice {color:var(--platform-text)
}
body:not(.catalogMode) .planPrice>span {color:var(--platform-muted)
}
body:not(.catalogMode) .planCard ul {color:var(--platform-muted)
}
body:not(.catalogMode) .upcomingFeatures>span {color:var(--platform-muted)
}
body:not(.catalogMode) .upcomingFeatures p {color:var(--platform-muted)
}
body:not(.catalogMode) .planCard li .uiIcon {color:var(--accent)
}
body:not(.catalogMode) .editorSectionLabel {color:var(--platform-muted)
}
body:not(.catalogMode) .editorSectionLabel>span {color:var(--platform-muted)
}
body:not(.catalogMode) .editorFields .nameField {color:var(--platform-muted)
}
body:not(.catalogMode) .editorFields .nameField input {background:transparent!important;color:var(--platform-text)
}
body:not(.catalogMode) .priceEssentials>label {color:var(--platform-muted)
}
body:not(.catalogMode) .priceEssentials>label>input {color:var(--platform-text)
}
body:not(.catalogMode) .discountOption {border:1px dashed color-mix(in srgb,var(--platform-muted) 25.10%,transparent);color:var(--platform-muted)
}
body:not(.catalogMode) .classificationBlock>.fieldTitle {color:var(--platform-muted)
}
body:not(.catalogMode) .editorChips button {border:1px solid color-mix(in srgb,var(--platform-muted) 4.31%,transparent);background:color-mix(in srgb,var(--platform-surface) 1.18%,transparent);color:var(--platform-muted)
}
body:not(.catalogMode) .editorChips button.active {border-color:color-mix(in srgb,var(--platform-muted) 33.33%,transparent);background:color-mix(in srgb,var(--platform-deep) 7.84%,transparent);color:var(--platform-text)
}
body:not(.catalogMode) .editorChips button:hover {background:color-mix(in srgb,var(--platform-deep) 4.71%,transparent)
}
body:not(.catalogMode) .editorChips button:focus-visible {outline:2px solid var(--platform-muted)
}
body:not(.catalogMode) #editorSubBlock>.fieldTitle {color:var(--platform-muted)
}
body:not(.catalogMode) #editorSubs button {background:color-mix(in srgb,var(--platform-surface) 0.78%,transparent)
}
body:not(.catalogMode) #editorSubs button.active {background:color-mix(in srgb,var(--platform-deep) 6.27%,transparent);border-color:color-mix(in srgb,var(--platform-muted) 20.78%,transparent)
}
body:not(.catalogMode) .optionalColors .summaryLabel small {color:var(--platform-muted)
}
body:not(.catalogMode) .optionalColors .colorCount {color:var(--platform-muted);background:color-mix(in srgb,var(--platform-deep) 4.71%,transparent);border:1px solid color-mix(in srgb,var(--platform-muted) 7.84%,transparent)
}
body:not(.catalogMode) .clearColors {background:none;color:var(--platform-muted)
}
body:not(.catalogMode) .editorVisual {border:1px solid color-mix(in srgb,var(--platform-muted) 3.14%,transparent)
}
body:not(.catalogMode) .emptyPhoto {border:1px dashed color-mix(in srgb,var(--platform-muted) 15.69%,transparent);background:radial-gradient(ellipse,color-mix(in srgb,var(--platform-deep) 3.14%,transparent),transparent)
}
body:not(.catalogMode) .emptyPhoto>.uiIcon {color:var(--platform-muted)
}
body:not(.catalogMode) .emptyPhoto>span {color:var(--platform-muted)
}
body:not(.catalogMode) .emptyPhoto>small {color:var(--platform-muted)
}
body:not(.catalogMode) .moduleBar button {background:transparent;color:var(--platform-muted);border:1px solid color-mix(in srgb,var(--platform-muted) 3.53%,transparent)
}
body:not(.catalogMode) .moduleBar button.active {background:color-mix(in srgb,var(--platform-deep) 8.24%,transparent);border-color:color-mix(in srgb,var(--platform-muted) 25.10%,transparent);color:var(--platform-text)
}
body:not(.catalogMode) .moduleBar>span {color:var(--platform-muted)
}
body:not(.catalogMode) .posNotice {color:var(--platform-muted);border:1px solid color-mix(in srgb,var(--platform-muted) 8.24%,transparent);background:color-mix(in srgb,var(--platform-deep) 2.75%,transparent)
}
body:not(.catalogMode) .posItem {border:1px solid color-mix(in srgb,var(--platform-muted) 4.31%,transparent);background:var(--platform-raised);color:var(--platform-text)
}
body:not(.catalogMode) .posItemPhoto {background:var(--platform-raised)
}
body:not(.catalogMode) .posItemPhoto svg stop:first-child {stop-color:var(--platform-muted)
}
body:not(.catalogMode) .posItemPhoto svg stop:last-child {stop-color:var(--platform-muted)
}
body:not(.catalogMode) .posItem span {color:var(--platform-muted)
}
body:not(.catalogMode) .posItem>i {background:color-mix(in srgb,var(--platform-deep) 9.02%,transparent);color:var(--platform-text)
}
body:not(.catalogMode) .posItem:hover {border-color:color-mix(in srgb,var(--platform-muted) 26.67%,transparent)
}
body:not(.catalogMode) .orderComposer {background:var(--platform-raised);border:1px solid color-mix(in srgb,var(--platform-muted) 4.71%,transparent)
}
body:not(.catalogMode) .serviceChoices button {background:color-mix(in srgb,var(--platform-surface) 1.18%,transparent);border:1px solid color-mix(in srgb,var(--platform-muted) 3.53%,transparent);color:var(--platform-muted)
}
body:not(.catalogMode) .serviceChoices button.active {color:var(--platform-text);border-color:color-mix(in srgb,var(--platform-muted) 26.67%,transparent);background:color-mix(in srgb,var(--platform-deep) 8.24%,transparent)
}
body:not(.catalogMode) .orderMeta label {color:var(--platform-muted)
}
body:not(.catalogMode) .cartLine .row>span {color:var(--platform-muted)
}
body:not(.catalogMode) .qtyControl button {background:color-mix(in srgb,var(--platform-surface) 2.35%,transparent);border:1px solid color-mix(in srgb,var(--platform-muted) 3.92%,transparent);color:var(--platform-muted)
}
body:not(.catalogMode) .qtyControl input {border:0!important;background:color-mix(in srgb,var(--platform-surface) 1.18%,transparent)!important
}
body:not(.catalogMode) .cartEmpty {border:1px dashed color-mix(in srgb,var(--platform-muted) 6.27%,transparent);color:var(--platform-muted)
}
body:not(.catalogMode) .orderNotes {color:var(--platform-muted)
}
body:not(.catalogMode) .paymentRecord {color:var(--platform-muted)
}
body:not(.catalogMode) .paymentRecord small {color:var(--platform-muted)
}
body:not(.catalogMode) .orderTotal>span {color:var(--platform-muted)
}
body:not(.catalogMode) .orderTotal b {color:var(--platform-text)
}
body:not(.catalogMode) .orderSent {background:color-mix(in srgb,var(--platform-deep) 5.10%,transparent);border:1px solid color-mix(in srgb,var(--platform-muted) 13.33%,transparent);color:var(--platform-text)
}
body:not(.catalogMode) .orderSent>button {background:none;color:var(--platform-text)
}
body:not(.catalogMode) .kitchenLegend>span:first-child {color:var(--platform-muted)
}
body:not(.catalogMode) .kitchenTicket {background:var(--platform-raised);border:1px solid color-mix(in srgb,var(--platform-muted) 4.31%,transparent)
}
body:not(.catalogMode) .kitchenTicket.status-preparing {border-top-color:color-mix(in srgb,var(--platform-muted) 66.67%,transparent)
}
body:not(.catalogMode) .kitchenTicket.status-ready {border-top-color:color-mix(in srgb,var(--platform-muted) 66.67%,transparent)
}
body:not(.catalogMode) .kitchenTicket.status-cancelled,body:not(.catalogMode) .kitchenTicket.status-collected {border-top-color:var(--platform-muted)
}
body:not(.catalogMode) .kitchenTicket>header strong {color:var(--platform-text)
}
body:not(.catalogMode) .orderStatus {background:color-mix(in srgb,var(--platform-deep) 7.06%,transparent);color:var(--platform-text)
}
body:not(.catalogMode) .status-preparing .orderStatus {background:color-mix(in srgb,var(--platform-deep) 10.20%,transparent);color:var(--platform-text)
}
body:not(.catalogMode) .status-ready .orderStatus {background:color-mix(in srgb,var(--platform-deep) 9.41%,transparent);color:var(--platform-text)
}
body:not(.catalogMode) .vehicleLabel {background:color-mix(in srgb,var(--platform-surface) 1.57%,transparent)
}
body:not(.catalogMode) .vehicleLabel>.uiIcon {color:var(--platform-muted)
}
body:not(.catalogMode) .vehicleLabel b {color:var(--platform-text)
}
body:not(.catalogMode) .vehicleLabel small {color:var(--platform-muted)
}
body:not(.catalogMode) .vehicleLabel>span {color:var(--platform-muted)
}
body:not(.catalogMode) .customerLabel {color:var(--platform-muted)
}
body:not(.catalogMode) .ticketItems>div>b {background:color-mix(in srgb,var(--platform-surface) 2.75%,transparent);color:var(--platform-muted)
}
body:not(.catalogMode) .ticketItems span {color:var(--platform-text)
}
body:not(.catalogMode) .ticketItems small {color:var(--platform-muted)
}
body:not(.catalogMode) .ticketNote {border:1px solid color-mix(in srgb,var(--platform-muted) 13.33%,transparent);background:color-mix(in srgb,var(--platform-deep) 3.53%,transparent);color:var(--platform-muted)
}
body:not(.catalogMode) .ticketFooter>span {color:var(--platform-muted)
}
body:not(.catalogMode) .ticketFooter>small {color:var(--platform-muted)
}
body:not(.catalogMode) .cancelOrder {background:transparent;color:var(--platform-muted)
}
body:not(.catalogMode) .kitchenEmpty {color:var(--platform-muted);border:1px dashed color-mix(in srgb,var(--platform-muted) 10.20%,transparent)
}
body:not(.catalogMode) .kitchenEmpty p {color:var(--platform-muted)
}
body:not(.catalogMode) .installAppIcon {background:var(--platform-deep);color:var(--platform-muted)
}
body:not(.catalogMode) .installLink {border:1px solid color-mix(in srgb,var(--platform-muted) 20.00%,transparent);color:var(--platform-muted)
}
body:not(.catalogMode) .launchLanding {color:var(--platform-text)
}
body:not(.catalogMode) .launchWordmark {color:var(--platform-text)
}
body:not(.catalogMode) .launchWordmark>span {background:var(--platform-deep);color:var(--platform-muted)
}
body:not(.catalogMode) .launchWordmark small {color:var(--platform-muted)
}
body:not(.catalogMode) .launchNav>div>a {color:var(--platform-muted)
}
body:not(.catalogMode) .launchNav .launchLogin {border:1px solid color-mix(in srgb,var(--platform-muted) 18.82%,transparent)
}
body:not(.catalogMode) .launchEyebrow {color:var(--platform-muted)
}
body:not(.catalogMode) .launchCopy em {color:var(--platform-text)
}
body:not(.catalogMode) .launchCopy p {color:var(--platform-muted)
}
body:not(.catalogMode) .launchCTA {background:var(--platform-deep);border:1px solid var(--platform-muted);color:var(--platform-muted)
}
body:not(.catalogMode) .launchCopy>small {color:var(--platform-muted)
}
body:not(.catalogMode) .launchFeatures b {color:var(--platform-text)
}
body:not(.catalogMode) .launchFeatures p {color:var(--platform-muted)
}
body:not(.catalogMode) .launchPeriod,body:not(.catalogMode) .billingPeriod {border:1px solid color-mix(in srgb,var(--platform-muted) 7.84%,transparent);background:color-mix(in srgb,var(--platform-surface) 1.18%,transparent)
}
body:not(.catalogMode) .launchPeriod button,body:not(.catalogMode) .billingPeriod button {border:0;background:none;color:var(--platform-muted)
}
body:not(.catalogMode) .launchPeriod button.active,body:not(.catalogMode) .billingPeriod button.active {background:var(--platform-deep);color:var(--platform-muted)
}
body:not(.catalogMode) .launchPlanGrid>article {background:var(--platform-raised);border:1px solid color-mix(in srgb,var(--platform-muted) 7.84%,transparent)
}
body:not(.catalogMode) .launchPlanGrid>article:last-child {border-color:color-mix(in srgb,var(--platform-muted) 23.53%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--platform-deep) 29.02%,transparent),var(--platform-raised))
}
body:not(.catalogMode) .launchPrice {color:var(--platform-text)
}
body:not(.catalogMode) .launchPrice>span {color:var(--platform-muted)
}
body:not(.catalogMode) .launchPlanGrid ul {color:var(--platform-muted)
}
body:not(.catalogMode) .launchPlanGrid>article>a {border:1px solid color-mix(in srgb,var(--platform-muted) 25.10%,transparent);color:var(--platform-text)
}
body:not(.catalogMode) .launchPlanGrid>article:last-child>a {background:var(--platform-deep);color:var(--platform-muted)
}
body:not(.catalogMode) .launchUpcoming {color:var(--platform-muted)
}
body:not(.catalogMode) .annualFineprint {color:var(--platform-muted)
}
body:not(.catalogMode) .launchPaymentNote {color:var(--platform-muted)
}
body:not(.catalogMode) .launchHow article>span {color:var(--platform-muted)
}
body:not(.catalogMode) .launchHow b {color:var(--platform-text)
}
body:not(.catalogMode) .launchHow p {color:var(--platform-muted)
}
body:not(.catalogMode) .launchFooter {color:var(--platform-muted)
}
body:not(.catalogMode) .launchFooter a {color:var(--platform-muted)
}
body:not(.catalogMode) .launchLegal {color:var(--platform-text)
}
body:not(.catalogMode) .launchLegal p {color:var(--platform-muted)
}
body:not(.catalogMode) .launchLegal>a {color:var(--platform-text)
}
body:not(.catalogMode) .trialStatus {background:color-mix(in srgb,var(--platform-deep) 3.14%,transparent);border:1px solid color-mix(in srgb,var(--platform-muted) 8.24%,transparent);color:var(--platform-muted)
}
body:not(.catalogMode) .trialStatus button {background:none;color:var(--platform-muted)
}
body:not(.catalogMode) .trialStatus.expired {background:color-mix(in srgb,var(--platform-deep) 4.31%,transparent);color:var(--platform-muted)
}
body:not(.catalogMode) {background:var(--platform-background);color:var(--platform-text)
}
body:not(.catalogMode) :is(.sidebar,.panel,.stat,.product,.planCard,.colorStudioDialog,dialog) {background:var(--platform-surface);color:var(--platform-text);border-color:var(--platform-line)
}
body:not(.catalogMode) :is(.storebadge,.accountFacts>div,.photo,.emptyImage,.productColorSection,.moreNav,.productComposer section,.posCart,.kitchenCard) {background:var(--platform-surface);border-color:var(--platform-line)
}
body:not(.catalogMode) :is(input,select,textarea,.secondary,.edit,.categoryChoice,.parentChip,.subChip) {background:var(--platform-raised);color:var(--platform-text);border-color:var(--platform-line)
}
body:not(.catalogMode) :is(input,select,textarea):focus {outline:2px solid var(--platform-tint)
}
body:not(.catalogMode) :is(.primary,.intro .primary,.billingPeriod button.active,.moduleBar button.active,.posTabs button.active) {background:var(--platform-accent);color:var(--platform-text);border-color:var(--platform-accent)
}
body:not(.catalogMode) :is(.nav button,.small,.saveindicator,.eyebrow,.stat .small,.sidefoot p,.planCard ul,.planCard .eyebrow,.planPrice>span,.upcomingFeatures p,.upcomingFeatures>span,.colorStudioDialog .small,.accountFacts span) {color:var(--platform-muted)
}
body:not(.catalogMode) :is(h1,h2,h3,.brand,.stat strong,.product h3,.accountFacts b,.moduleBar button) {color:var(--platform-text)
}
body:not(.catalogMode) :is(.intro,.ownerPlanBanner,.trialStatus,.notice) {background:var(--platform-deep);border-color:var(--platform-line);color:var(--platform-text)
}
body:not(.catalogMode) :is(.intro p,.trialStatus button,.billingShortcut,.linkbtn,.planPrice,.ownerPlanBanner>strong,.ownerPlanBanner>strong small,.moreNav summary,.intro .eyebrow) {color:var(--platform-muted)
}
body:not(.catalogMode) :is(.nav button.active,.pill,.staticon,.avatar,.categoryChoice.active,.parentChip.active,.subChip.active) {background:var(--platform-deep);color:var(--platform-text);border-color:var(--platform-accent)
}
body:not(.catalogMode) .billingPeriod {background:var(--platform-raised);border-color:var(--platform-line)
}
body:not(.catalogMode) .billingPeriod button {color:var(--platform-muted)
}
body:not(.catalogMode) .billingPeriod button.active {color:var(--platform-text)
}
body:not(.catalogMode) .moduleBar span {color:var(--platform-muted)
}
body:not(.catalogMode) .moduleBar button {background:var(--platform-surface)
}
body:not(.catalogMode) .moduleBar button.active {background:var(--platform-accent);color:var(--platform-text)
}
body:not(.catalogMode) .launchLanding,body:not(.catalogMode) .launchLegal {color:var(--platform-text)
}
body:not(.catalogMode) .launchLanding :is(.launchEyebrow,.launchNav>div>a,.launchCopy p,.launchCopy>small,.launchFeatures p,.launchPrice>span,.launchPlanGrid ul,.launchUpcoming,.annualFineprint,.launchPaymentNote,.launchHow p,.launchFooter,.launchFooter a,.launchFooter>span),body:not(.catalogMode) .launchLegal p {color:var(--platform-muted)
}
body:not(.catalogMode) .launchLanding :is(.launchCopy h1,.launchFeatures b,.launchHow b,.launchPlanGrid h3,.launchPlans h2,.launchHow h2) {color:var(--platform-text)
}
body:not(.catalogMode) .launchCopy h1 em {color:var(--platform-tint)
}
body:not(.catalogMode) .launchLanding .launchCTA,body:not(.catalogMode) .launchPlanGrid>article:last-child>a {background:var(--platform-accent);color:var(--platform-text);border-color:var(--platform-accent)
}
body:not(.catalogMode) .launchCTA>span {border-color:color-mix(in srgb,var(--platform-muted) 25.10%,transparent)
}
body:not(.catalogMode) .launchNav .launchLogin,body:not(.catalogMode) .launchPlanGrid>article>a {color:var(--platform-text);border-color:var(--platform-accent);background:var(--platform-deep)
}
body:not(.catalogMode) .launchPlanGrid>article,body:not(.catalogMode) .launchPlanGrid>article:last-child {background:var(--platform-surface);border-color:var(--platform-line)
}
body:not(.catalogMode) .launchPlanGrid>article:last-child {background:linear-gradient(145deg,var(--platform-deep),var(--platform-surface));border-color:var(--platform-accent)
}
body:not(.catalogMode) .launchPrice {color:var(--platform-text)
}
body:not(.catalogMode) .launchPeriod {background:var(--platform-raised);border-color:var(--platform-line)
}
body:not(.catalogMode) .launchPeriod button {color:var(--platform-muted)
}
body:not(.catalogMode) .launchPeriod button.active {background:var(--platform-accent);color:var(--platform-text)
}
body:not(.catalogMode) .launchHow article>span {color:var(--platform-tint)
}
body:not(.catalogMode) .launchLegal>a {color:var(--platform-tint)
}
body:not(.catalogMode) .platformManage,body:not(.catalogMode) .platformSettingsLink {color:var(--platform-text);border:1px solid var(--platform-line);background:var(--platform-deep)
}
body:not(.catalogMode) .platformEditor>header {color:var(--platform-muted)
}
body:not(.catalogMode) .platformEditor>header a {color:var(--platform-text)
}
body:not(.catalogMode) #platformStatus {background:var(--platform-deep);border:1px solid var(--platform-line);color:var(--platform-text)
}
body:not(.catalogMode) #platformStatus.isError {border-color:var(--platform-muted);color:var(--platform-text)
}
body:not(.catalogMode) .platformEditor label {color:var(--platform-muted)
}
body:not(.catalogMode) #platformPreview {background:var(--platform-background);border:1px solid var(--platform-line);color:var(--platform-text);box-shadow:0 20px 70px color-mix(in srgb,#000000 26.67%,transparent)
}
body:not(.catalogMode) #previewEyebrow {color:var(--platform-muted)
}
body:not(.catalogMode) #platformPreview h2 em {color:var(--platform-tint)
}
body:not(.catalogMode) #platformPreview>p {color:var(--platform-muted)
}
body:not(.catalogMode) .previewCTA {background:var(--platform-accent);color:var(--platform-text)
}
body:not(.catalogMode) .previewFeature {background:var(--platform-surface)
}
body:not(.catalogMode) .previewFeature p {color:var(--platform-muted)
}
body:not(.catalogMode) .platformEditorActions {background:var(--platform-surface);border:1px solid var(--platform-line);box-shadow:0 10px 40px color-mix(in srgb,#000000 40.00%,transparent)
}
body:not(.catalogMode) .quickSteps button {background:var(--platform-surface);border-color:var(--platform-line);color:var(--platform-text)
}
body:not(.catalogMode) .quickSteps button>span {color:var(--platform-tint)
}
body:not(.catalogMode) .quickSteps button b {color:var(--platform-text)
}
body:not(.catalogMode) .quickSteps button small {color:var(--platform-muted)
}
body:not(.catalogMode) .quickSteps button i {color:var(--platform-muted)
}
body:not(.catalogMode) .quickSteps button:hover {background:var(--platform-raised);border-color:var(--platform-accent)
}
body:not(.catalogMode) .quickSteps button:focus-visible {outline:2px solid var(--platform-tint)
}
body:not(.catalogMode) .launchNav .languageSwitch {border:1px solid var(--platform-line);background:var(--platform-surface);color:var(--platform-text)
}
body:not(.catalogMode) .launchNav .languageSwitch:hover {border-color:var(--platform-accent)
}
body:not(.catalogMode) .previewLanguageLabel {color:var(--platform-muted)
}
body:not(.catalogMode) .studioNav {border:1px solid color-mix(in srgb,var(--platform-text) 13%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--platform-raised) 52%,transparent),color-mix(in srgb,var(--platform-deep) 28%,transparent));box-shadow:inset 0 1px 0 color-mix(in srgb,var(--platform-text) 6%,transparent),0 12px 32px color-mix(in srgb,#000000 7.06%,transparent)
}
body:not(.catalogMode) .studioNav button {border:1px solid color-mix(in srgb,var(--platform-text) 9%,transparent);background:color-mix(in srgb,var(--platform-raised) 28%,transparent);color:var(--platform-muted);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--platform-text) 3%,transparent)
}
body:not(.catalogMode) .studioNav button.active {background:color-mix(in srgb,var(--platform-accent) 48%,transparent);border-color:color-mix(in srgb,var(--platform-accent) 75%,var(--platform-text));color:var(--platform-text);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--platform-text) 8%,transparent)
}
body:not(.catalogMode) .studioNav button:hover:not(.active) {background:color-mix(in srgb,var(--platform-accent) 18%,transparent);border-color:color-mix(in srgb,var(--platform-accent) 60%,transparent);color:var(--platform-text)
}
body:not(.catalogMode) .studioNav .moreNav,body:not(.catalogMode) .studioNav .moreNav[open] {border:1px solid color-mix(in srgb,var(--platform-text) 9%,transparent);background:color-mix(in srgb,var(--platform-raised) 16%,transparent)
}
body:not(.catalogMode) .studioNav .moreNav summary {color:var(--platform-muted)
}
@media (max-width:660px) {
 body:not(.catalogMode) .sidebar {background:transparent;border:0
 }
}
body:not(.catalogMode) .launchLanding[data-editor-preview=true] [data-platform-section] {outline:1px dashed transparent
}
body:not(.catalogMode) .launchLanding[data-editor-preview=true] [data-platform-section]:hover {outline-color:var(--platform-muted)
}
body:not(.catalogMode) .launchLanding[data-editor-preview=true] .editorSectionSelected {outline:2px solid var(--platform-accent)
}
body:not(.catalogMode) .visualEditor .platformPreviewWrap {border:1px solid var(--platform-line);background:var(--platform-surface)
}
body:not(.catalogMode) .editorDevices {background:var(--platform-background)
}
body:not(.catalogMode) .editorDevices button {background:transparent;color:var(--platform-muted)
}
body:not(.catalogMode) .editorDevices button[aria-pressed=true] {background:var(--platform-accent);color:var(--platform-text)
}
body:not(.catalogMode) #previewViewport {background:var(--platform-background)
}
body:not(.catalogMode) #platformFrame {border:0;background:var(--platform-background)
}
body:not(.catalogMode) .editorControls {border:1px solid var(--platform-line);background:var(--platform-surface)
}
body:not(.catalogMode) .editorControls #platformStatus {background:var(--platform-deep);color:var(--platform-text)
}
body:not(.catalogMode) .editorControls #platformStatus.isError {border:1px solid var(--platform-muted)
}
body:not(.catalogMode) .editorTabs button {border:1px solid var(--platform-line);background:var(--platform-raised);color:var(--platform-muted)
}
body:not(.catalogMode) .editorTabs button[aria-pressed=true] {background:var(--platform-deep);color:var(--platform-text);border-color:var(--platform-accent)
}
body:not(.catalogMode) .editorContentLanguage button {background:var(--platform-raised);color:var(--platform-muted)
}
body:not(.catalogMode) .editorContentLanguage button[aria-pressed=true] {background:var(--platform-accent);color:var(--platform-text)
}
body:not(.catalogMode) .editorSectionRow {border:1px solid var(--platform-line);background:var(--platform-raised)
}
body:not(.catalogMode) .editorSectionRow input[type=checkbox] {accent-color:var(--platform-accent)
}
body:not(.catalogMode) .editorSectionRow button {background:var(--platform-deep);color:var(--platform-text)
}
body:not(.catalogMode) .visualEditor .platformEditorActions {border:1px solid var(--platform-line);background:color-mix(in srgb,var(--platform-surface) 95%,transparent)
}
body:not(.catalogMode) .platformEditorActions #editorDirty {color:var(--platform-muted)
}
body:not(.catalogMode) .paymentState {border:1px solid var(--platform-line);background:var(--platform-deep);color:var(--platform-text)
}
body:not(.catalogMode) .editorPriceSummary>span {background:var(--platform-raised)
}
body:not(.catalogMode) .editorExternalLink {background:var(--platform-accent);color:var(--platform-text)
}
body:not(.catalogMode) .ziinaTestPanel {border:1px solid var(--platform-line);background:var(--platform-raised)
}
body:not(.catalogMode) .ziinaTestPanel>button,body:not(.catalogMode) .ziinaTestPanel>a {background:var(--platform-accent);color:var(--platform-text)
}
body:not(.catalogMode) .ziinaTestPanel>button:nth-of-type(2) {background:var(--platform-deep);border:1px solid var(--platform-line)
}