.boxario-theme-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 38px;
  padding: 7px 10px;
  border: 1px solid rgba(148, 163, 184, .28);
  border-radius: 999px;
  background: rgba(255, 255, 255, .055);
  color: inherit;
  font: inherit;
  font-size: 11px;
  font-weight: 800;
  cursor: pointer;
  transition: border-color .16s ease, background-color .16s ease, color .16s ease;
}

.boxario-theme-toggle:hover,
.boxario-theme-toggle:focus-visible {
  border-color: rgba(36, 199, 193, .68);
  background: rgba(36, 199, 193, .11);
  outline: none;
}

.boxario-theme-toggle__icon {
  display: grid;
  place-items: center;
  width: 18px;
  height: 18px;
  color: #67e8df;
  font-size: 16px;
  line-height: 1;
}

.boxario-theme-welcome {
  width: min(760px, calc(100vw - 32px));
  max-width: none;
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(94, 234, 212, .32);
  border-radius: 26px;
  background: #0d1928;
  color: #f8fafc;
  box-shadow: 0 34px 100px rgba(0, 0, 0, .46);
}

.boxario-theme-welcome::backdrop {
  background: rgba(3, 10, 18, .78);
  backdrop-filter: blur(10px);
}

.boxario-theme-welcome__body {
  padding: 36px;
  background:
    radial-gradient(520px 260px at 14% 0%, rgba(20, 184, 177, .15), transparent 70%),
    linear-gradient(150deg, #101f31 0%, #0b1624 100%);
}

.boxario-theme-welcome__eyebrow {
  display: block;
  margin-bottom: 8px;
  color: #67e8df;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.boxario-theme-welcome h2 {
  margin: 0;
  color: #ffffff;
  font-size: clamp(25px, 4vw, 36px);
  font-weight: 850;
  line-height: 1.08;
}

.boxario-theme-welcome__lead {
  max-width: 560px;
  margin: 12px 0 26px;
  color: #b7c6d5;
  font-size: 14px;
  line-height: 1.55;
}

.boxario-theme-welcome__choices {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.boxario-theme-choice {
  display: grid;
  gap: 14px;
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(148, 163, 184, .26);
  border-radius: 18px;
  background: rgba(255, 255, 255, .055);
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: transform .16s ease, border-color .16s ease, background-color .16s ease, box-shadow .16s ease;
}

.boxario-theme-choice:hover,
.boxario-theme-choice:focus-visible {
  border-color: #2dd4bf;
  background: rgba(45, 212, 191, .1);
  box-shadow: 0 0 0 3px rgba(45, 212, 191, .13);
  outline: none;
  transform: translateY(-2px);
}

.boxario-theme-choice__preview {
  display: grid;
  grid-template-columns: 34% 1fr;
  grid-template-rows: 17px 1fr;
  height: 126px;
  overflow: hidden;
  border: 1px solid var(--theme-preview-line);
  border-radius: 12px;
  background: var(--theme-preview-canvas);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .04);
}

.boxario-theme-choice__preview::before {
  content: "";
  grid-column: 1 / -1;
  border-bottom: 1px solid var(--theme-preview-line);
  background:
    radial-gradient(circle at 12px 50%, #14b8a6 0 3px, transparent 3.5px),
    linear-gradient(var(--theme-preview-top), var(--theme-preview-top));
}

.boxario-theme-choice__preview::after {
  content: "";
  grid-column: 1;
  grid-row: 2;
  margin: 10px;
  border-radius: 7px;
  background:
    linear-gradient(var(--theme-preview-accent), var(--theme-preview-accent)) 10px 12px / 54% 6px no-repeat,
    repeating-linear-gradient(180deg, var(--theme-preview-copy) 0 4px, transparent 4px 12px);
  opacity: .9;
}

.boxario-theme-choice__scene {
  grid-column: 2;
  grid-row: 2;
  margin: 10px 10px 10px 0;
  border-radius: 8px;
  background:
    linear-gradient(145deg, transparent 0 39%, var(--theme-preview-building) 40% 78%, transparent 79%),
    linear-gradient(180deg, var(--theme-preview-sky) 0 56%, var(--theme-preview-ground) 57% 100%);
}

.boxario-theme-choice--light {
  --theme-preview-canvas: #f5f8fa;
  --theme-preview-top: #ffffff;
  --theme-preview-line: #cad6de;
  --theme-preview-accent: #087f7b;
  --theme-preview-copy: #8293a3;
  --theme-preview-sky: #dce8ed;
  --theme-preview-ground: #c7d5b1;
  --theme-preview-building: #293543;
}

.boxario-theme-choice--dark {
  --theme-preview-canvas: #0d1928;
  --theme-preview-top: #09131f;
  --theme-preview-line: #314157;
  --theme-preview-accent: #5eead4;
  --theme-preview-copy: #56677b;
  --theme-preview-sky: #435566;
  --theme-preview-ground: #718260;
  --theme-preview-building: #131d29;
}

.boxario-theme-choice__label {
  display: grid;
  gap: 3px;
}

.boxario-theme-choice__label strong {
  color: #ffffff;
  font-size: 15px;
  font-weight: 850;
}

.boxario-theme-choice__label span {
  color: #aebdca;
  font-size: 12px;
  line-height: 1.4;
}

.boxario-theme-welcome__note {
  display: block;
  margin-top: 18px;
  color: #8497aa;
  font-size: 11.5px;
  line-height: 1.45;
}

html[data-theme="light"] {
  color-scheme: light;
  --bg: #eef4f7;
  --text: #102033;
  --muted: #5f7185;
  --dark: #102033;
  --studio-bg: #edf3f6;
  --studio-panel: #f5f8fa;
  --studio-card: #ffffff;
  --studio-line: rgba(31, 55, 75, .2);
  --studio-muted: #52697e;
  --studio-text: #102033;
  --studio-teal: #087f7b;
}

html[data-theme="light"] body:not(.studio-app) {
  color: #102033;
  background: linear-gradient(180deg, #f7fafb 0%, #e7eff3 100%);
}

html[data-theme="light"] .configurator {
  color: #102033;
  background:
    radial-gradient(1000px 520px at 18% -8%, rgba(82, 196, 190, .16), transparent 62%),
    radial-gradient(820px 460px at 94% 8%, rgba(255, 112, 24, .10), transparent 64%),
    linear-gradient(180deg, #f7fafb 0%, #e7eff3 100%);
}

html[data-theme="light"] .topbar {
  border-bottom-color: rgba(31, 55, 75, .14) !important;
  background: rgba(255, 255, 255, .96) !important;
  box-shadow: 0 5px 22px rgba(38, 61, 78, .08);
}

html[data-theme="light"] .topbar__nav a,
html[data-theme="light"] .topbar__navLink,
html[data-theme="light"] .topbar__phone,
html[data-theme="light"] .topbar__menuToggle,
html[data-theme="light"] .boxario-theme-toggle {
  color: #203449 !important;
}

html[data-theme="light"] .topbar__nav a:hover,
html[data-theme="light"] .topbar__navLink:hover,
html[data-theme="light"] .topbar__nav a.is-active,
html[data-theme="light"] .topbar__navLink.is-active { color: #087f7b !important; }

html[data-theme="light"] .topbar__phone,
html[data-theme="light"] .topbar__menuToggle,
html[data-theme="light"] .boxario-theme-toggle {
  border-color: rgba(31, 55, 75, .17) !important;
  background: #f4f8fa !important;
}

html[data-theme="light"] .topbar__menuToggle span { background: #203449; }
html[data-theme="light"] .configurator__header h2,
html[data-theme="light"] .config-card h3,
html[data-theme="light"] .config-card__heading h3,
html[data-theme="light"] .repeatable-option label,
html[data-theme="light"] .config-field-label,
html[data-theme="light"] .config-explainer strong,
html[data-theme="light"] .config-example strong,
html[data-theme="light"] .assist-tile__text strong,
html[data-theme="light"] .emboss-choice strong,
html[data-theme="light"] .roof-cover-choice strong {
  color: #102033;
  font-weight: 800;
}

html[data-theme="light"] .configurator__header p,
html[data-theme="light"] .config-section-lead,
html[data-theme="light"] .config-example,
html[data-theme="light"] .config-note,
html[data-theme="light"] .summary-note,
html[data-theme="light"] .config-hint {
  color: #65778a;
  font-weight: 520;
}

html[data-theme="light"] .custom-checkbox,
html[data-theme="light"] .checkbox-text {
  color: #203449;
  font-weight: 700;
}

html[data-theme="light"] .checkbox-text small {
  color: #5b7084;
  font-weight: 520;
}

html[data-theme="light"] .custom-checkbox .checkmark {
  border-color: rgba(31, 55, 75, .38);
  background: #ffffff;
}

html[data-theme="light"] .custom-checkbox:has(input:disabled) {
  cursor: not-allowed;
}

html[data-theme="light"] .custom-checkbox:has(input:disabled) .checkbox-text {
  color: #53687c;
}

html[data-theme="light"] .custom-checkbox:has(input:disabled) .checkbox-text small {
  color: #6a7e91;
}

html[data-theme="light"] .custom-checkbox:has(input:disabled) .checkmark {
  border-color: rgba(31, 55, 75, .24);
  background: #e8eef2;
}

html[data-theme="light"] .config-card,
html[data-theme="light"] .repeatable-option,
html[data-theme="light"] .config-explainer,
html[data-theme="light"] .emboss-choice,
html[data-theme="light"] .roof-cover-choice {
  border-color: rgba(31, 55, 75, .15);
  background: #ffffff;
  color: #203449;
  box-shadow: 0 16px 38px rgba(42, 65, 82, .105);
}

html[data-theme="light"] .config-card input[type="number"],
html[data-theme="light"] .config-card input[type="text"],
html[data-theme="light"] .config-card input[type="email"],
html[data-theme="light"] .config-card input[type="tel"],
html[data-theme="light"] .config-card select,
html[data-theme="light"] .config-modal__box input,
html[data-theme="light"] .config-modal__box textarea {
  border-color: rgba(31, 55, 75, .18);
  background: #f5f8fa;
  color: #102033;
}

html[data-theme="light"] .assist-tile,
html[data-theme="light"] .config-help-card {
  border-color: rgba(13, 148, 143, .35);
  background: #e7f8f6;
  color: #153c42;
  box-shadow: 0 9px 24px rgba(13, 148, 143, .07);
}

html[data-theme="light"] .assist-tile__text small,
html[data-theme="light"] .config-help-card small { color: #476c70; }

html[data-theme="light"] .summary-box,
html[data-theme="light"] .summary-compact,
html[data-theme="light"] .quick-mobile-price,
html[data-theme="light"] .configurator__sticky {
  border-color: rgba(31, 55, 75, .14);
  background: #ffffff;
  color: #102033;
  box-shadow: 0 16px 40px rgba(42, 65, 82, .11);
}

html[data-theme="light"] .summary-details,
html[data-theme="light"] .summary-details div { color: #30465b; }
html[data-theme="light"] .summary-details div { border-color: rgba(31, 55, 75, .11); }

html[data-theme="dark"] .summary-box,
html[data-theme="dark"] .summary-compact,
html[data-theme="dark"] .quick-mobile-price,
html[data-theme="dark"] .configurator__sticky {
  border: 1px solid rgba(148, 163, 184, .16);
  background: #121b28;
  color: #edf5ff;
  box-shadow: 0 20px 52px rgba(0, 0, 0, .34);
}
html[data-theme="dark"] #summary {
  border-color: rgba(148, 163, 184, .15);
  background: #0c1522;
  color: #c7d5e3;
}
html[data-theme="dark"] .summary-note,
html[data-theme="dark"] .summary-contact-note { color: #93a7ba; }
html[data-theme="dark"] .summary-details div { border-color: rgba(148, 163, 184, .1); color: #c7d5e3; }
html[data-theme="dark"] .quick-studio-promo {
  border-color: rgba(45, 212, 191, .34);
  background: #0f2429;
  color: #edfdfc;
}
html[data-theme="dark"] .config-studio-cta--detail {
  border-color: rgba(45, 212, 191, .4);
  background: #132d32;
  color: #edfdfc;
}
html[data-theme="dark"] .quick-studio-promo > strong,
html[data-theme="dark"] .summary-box .config-studio-cta--detail strong,
html[data-theme="dark"] .summary-compact .config-studio-cta--detail strong { color: #edfdfc; }
html[data-theme="dark"] .quick-studio-promo p,
html[data-theme="dark"] .summary-box .config-studio-cta--detail small,
html[data-theme="dark"] .summary-compact .config-studio-cta--detail small { color: #a8c8cb; }
html[data-theme="dark"] .summary-box .config-studio-cta--detail span:last-child,
html[data-theme="dark"] .summary-compact .config-studio-cta--detail span:last-child { color: #5eead4; }

html[data-theme="light"] .config-modal { background: rgba(33, 49, 64, .46); }
html[data-theme="light"] .config-modal__box {
  border-color: rgba(31, 55, 75, .17);
  background: #ffffff;
  color: #102033;
  box-shadow: 0 28px 80px rgba(28, 46, 60, .22);
}
html[data-theme="light"] .config-modal__box p { color: #62768a; }

html[data-theme="light"] .boxario-privacy {
  border-color: rgba(31, 55, 75, .22);
  background: #ffffff;
  color: #203449;
  box-shadow: 0 16px 44px rgba(28, 46, 60, .18);
}
html[data-theme="light"] .boxario-privacy button {
  border-color: rgba(31, 55, 75, .22);
  background: #f1f6f8;
  color: #203449;
}
html[data-theme="light"] .boxario-privacy button[data-choice="accept"] {
  border-color: #ff7018;
  background: #ff7018;
  color: #10151c;
  box-shadow: 0 8px 20px rgba(255, 112, 24, .24);
}
html[data-theme="light"] .boxario-privacy button[data-choice="accept"]:hover {
  border-color: #ff832f;
  background: #ff832f;
}
html[data-theme="light"] .boxario-privacy button[data-choice="reject"],
html[data-theme="light"] .boxario-privacy button[data-choice="settings"] {
  border-color: rgba(31, 55, 75, .3);
  color: #203449;
}

html[data-theme="light"] body.studio-app { background: var(--studio-bg); color: var(--studio-text); }
html[data-theme="light"] .studio-topbar {
  border-color: var(--studio-line);
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 5px 22px rgba(38, 61, 78, .08);
}
html[data-theme="light"] .studio-brand { color: #102033; }
html[data-theme="light"] .studio-brand > span:last-child { color: #087f7b; }
html[data-theme="light"] .studio-topbar__price strong,
html[data-theme="light"] .studio-bottom-bar strong { color: #078b87; }
html[data-theme="light"] .studio-button--ghost { background: #f4f8fa; color: #203449; }
html[data-theme="light"] .studio-button--ghost:hover { color: #087f7b; }
html[data-theme="light"] .studio-panel {
  background:
    linear-gradient(rgba(8, 127, 123, .018) 1px, transparent 1px) 0 0 / 24px 24px,
    linear-gradient(90deg, rgba(8, 127, 123, .018) 1px, transparent 1px) 0 0 / 24px 24px,
    linear-gradient(180deg, #f8fafb 0%, var(--studio-panel) 42%, #edf3f6 100%);
  box-shadow: 12px 0 30px rgba(42, 65, 82, .055);
}
html[data-theme="light"] .studio-panel__heading h1 { font-weight: 850; }
html[data-theme="light"] .studio-panel__heading > span,
html[data-theme="light"] .studio-visualizer .boxario-visualizer__eyebrow {
  color: #076c68;
  font-weight: 900;
}
html[data-theme="light"] .studio-panel__heading p,
html[data-theme="light"] .studio-control-card p,
html[data-theme="light"] .studio-placement-rule,
html[data-theme="light"] .studio-empty-state { font-weight: 550; }
html[data-theme="light"] .studio-tabs {
  gap: 5px;
  border-bottom-color: rgba(31, 55, 75, .22);
}
html[data-theme="light"] .studio-tabs button {
  border-radius: 8px 8px 0 0;
  color: #31485e;
  font-weight: 850;
  transition: color .16s ease, background-color .16s ease, box-shadow .16s ease, transform .16s ease;
}
html[data-theme="light"] .studio-tabs button:hover,
html[data-theme="light"] .studio-tabs button:focus-visible {
  background: #dff2f0;
  color: #075d59;
  outline: none;
}
html[data-theme="light"] .studio-tabs button.is-active {
  border-color: #087f7b;
  background: #087f7b;
  color: #ffffff;
  box-shadow: 0 6px 14px rgba(8, 127, 123, .18), inset 0 -1px 0 #056965;
}
html[data-theme="light"] .studio-panel__content::-webkit-scrollbar-thumb { background: #b8c6d1; }
html[data-theme="light"] .studio-control-card {
  border-color: var(--studio-line);
  background: linear-gradient(155deg, #ffffff 0%, #fbfdfe 100%);
  box-shadow: 0 12px 30px rgba(42, 65, 82, .095), inset 0 1px 0 rgba(255, 255, 255, .86);
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
html[data-theme="light"] .studio-control-card--section { border-color: rgba(13, 148, 143, .34); }
html[data-theme="light"] .studio-control-card--section:hover {
  border-color: rgba(8, 127, 123, .5);
  box-shadow: 0 15px 34px rgba(42, 65, 82, .12), inset 3px 0 0 rgba(8, 127, 123, .72);
}
html[data-theme="light"] .studio-control-card--section > .studio-control-card__title {
  border-color: rgba(13, 148, 143, .2);
  background: linear-gradient(90deg, rgba(13, 148, 143, .12), rgba(13, 148, 143, .018) 68%);
}
html[data-theme="light"] .studio-control-card__title > span {
  border: 1px solid #087f7b;
  background: #087f7b;
  color: #ffffff;
  box-shadow: 0 5px 12px rgba(8, 127, 123, .24), inset 0 1px 0 rgba(255,255,255,.2);
}
html[data-theme="light"] .studio-control-card label,
html[data-theme="light"] .studio-repeatable label,
html[data-theme="light"] .studio-color-target > strong,
html[data-theme="light"] .studio-extension-wall__head strong,
html[data-theme="light"] .studio-option-toggle strong,
html[data-theme="light"] .studio-paid-option strong,
html[data-theme="light"] .studio-control-card--summary .summary-details strong {
  color: #203449;
  font-weight: 780;
}
html[data-theme="light"] .studio-control-card input[type="number"],
html[data-theme="light"] .studio-control-card select,
html[data-theme="light"] .studio-repeatable select,
html[data-theme="light"] .studio-repeatable input[type="number"],
html[data-theme="light"] .studio-color-picker,
html[data-theme="light"] .studio-order-copy textarea,
html[data-theme="light"] .studio-dialog input:not([type="checkbox"]),
html[data-theme="light"] .studio-dialog textarea {
  border-color: rgba(31, 55, 75, .18);
  background: #f5f8fa;
  color: #102033;
}
html[data-theme="light"] .studio-control-card input[type="number"],
html[data-theme="light"] .studio-repeatable input[type="number"] {
  transition: border-color .16s ease, background-color .16s ease, box-shadow .16s ease;
}
html[data-theme="light"] .studio-control-card input[type="number"]:hover,
html[data-theme="light"] .studio-repeatable input[type="number"]:hover {
  border-color: rgba(8, 127, 123, .42);
  background: #ffffff;
}
html[data-theme="light"] .studio-control-card input[type="number"]:focus,
html[data-theme="light"] .studio-repeatable input[type="number"]:focus {
  border-color: #087f7b;
  background: #ffffff;
  box-shadow: 0 0 0 3px rgba(8, 127, 123, .12);
}
html[data-theme="light"] .studio-check,
html[data-theme="light"] .studio-door-hinge-side,
html[data-theme="light"] .studio-extension-wall,
html[data-theme="light"] .studio-extension-wall-tabs button {
  border-color: rgba(31, 55, 75, .14);
  background: #f6f9fa;
  color: #30465b;
}
html[data-theme="light"] .studio-extension-lamella-action {
  border-top-color: #cbd9df;
}
html[data-theme="light"] .studio-extension-lamella-action small {
  color: #536b78;
}
html[data-theme="light"] .studio-wall-quarter-selector {
  border-color: rgba(8, 127, 123, .28);
  background: #eef8f7;
}
html[data-theme="light"] .studio-wall-quarter-selector legend { color: #075d59; }
html[data-theme="light"] .studio-wall-quarter-selector__edges,
html[data-theme="light"] .studio-wall-quarter-selector > small { color: #536b78; }
html[data-theme="light"] .studio-wall-quarter-selector__track button {
  border-color: rgba(31, 55, 75, .18);
  background: #ffffff;
  color: #40586b;
  box-shadow: 0 2px 6px rgba(31, 55, 75, .04);
}
html[data-theme="light"] .studio-wall-quarter-selector__track button:hover:not(:disabled),
html[data-theme="light"] .studio-wall-quarter-selector__track button:focus-visible {
  border-color: #087f7b;
  background: #e3f4f2;
  color: #064e4b;
}
html[data-theme="light"] .studio-wall-quarter-selector__track button.is-active {
  border-color: #087f7b;
  background: linear-gradient(180deg, #16a7a1, #087f7b);
  color: #ffffff;
  box-shadow: 0 4px 10px rgba(8, 127, 123, .2);
}
html[data-theme="light"] .studio-option-toggle:has(input:checked),
html[data-theme="light"] .studio-extension-wall-tabs button.is-active {
  border-color: rgba(13, 148, 143, .62);
  background: rgba(13, 148, 143, .09);
  color: #0d5553;
}
html[data-theme="light"] .studio-color-picker > summary,
html[data-theme="light"] .studio-color-choice span,
html[data-theme="light"] .studio-control-card--summary .summary-details { color: #30465b; }
html[data-theme="light"] .studio-color-picker > summary::after,
html[data-theme="light"] .studio-summary-placement,
html[data-theme="light"] .studio-paid-option strong em,
html[data-theme="light"] .studio-order-copy [data-order-specification-status] {
  color: #076c68;
}
html[data-theme="light"] .studio-add-item,
html[data-theme="light"] .studio-position-stepper button,
html[data-theme="light"] .studio-lamella-actions button,
html[data-theme="light"] .studio-lamella-snap-actions button,
html[data-theme="light"] .studio-button--secondary {
  border-color: rgba(8, 127, 123, .52);
  background: #e6f5f3;
  color: #075d59;
  box-shadow: 0 3px 10px rgba(8, 127, 123, .07);
}
html[data-theme="light"] .studio-add-item:hover,
html[data-theme="light"] .studio-add-item:focus-visible,
html[data-theme="light"] .studio-position-stepper button:hover,
html[data-theme="light"] .studio-position-stepper button:focus-visible,
html[data-theme="light"] .studio-lamella-actions button:hover,
html[data-theme="light"] .studio-lamella-actions button:focus-visible,
html[data-theme="light"] .studio-lamella-snap-actions button:hover,
html[data-theme="light"] .studio-lamella-snap-actions button:focus-visible,
html[data-theme="light"] .studio-button--secondary:hover,
html[data-theme="light"] .studio-button--secondary:focus-visible {
  border-color: #076c68;
  background: #d3ece9;
  color: #053f3c;
  outline: none;
}
html[data-theme="light"] .studio-remove-item {
  border-color: rgba(174, 25, 49, .46);
  background: #fff0f2;
  color: #9f1239;
  box-shadow: 0 2px 7px rgba(159, 18, 57, .08);
}
html[data-theme="light"] .studio-remove-item:hover,
html[data-theme="light"] .studio-remove-item:focus-visible {
  border-color: #9f1239;
  background: #ffe1e6;
  color: #7f102f;
  outline: none;
}
html[data-theme="light"] .studio-add-item:disabled,
html[data-theme="light"] .studio-button--secondary:disabled,
html[data-theme="light"] .studio-button:disabled {
  border-color: #b9c6cf;
  background: #e8eef2;
  color: #536a7d;
  box-shadow: none;
  opacity: 1;
}
html[data-theme="light"] .studio-repeatable__head strong,
html[data-theme="light"] .studio-subsection-title strong,
html[data-theme="light"] .studio-corner-accents > div > strong,
html[data-theme="light"] .studio-summary-anchoring > div > strong { color: #102033; font-weight: 850; }
html[data-theme="light"] .studio-summary-anchoring {
  border-color: rgba(13, 148, 143, .3);
  background: linear-gradient(135deg, rgba(13, 148, 143, .09), rgba(255, 255, 255, .82));
  box-shadow: inset 3px 0 0 rgba(13, 148, 143, .5);
}
html[data-theme="light"] .studio-control-card--summary .summary-details {
  gap: 0;
  font-size: 11.5px;
  font-weight: 540;
  line-height: 1.55;
}
html[data-theme="light"] .studio-control-card--summary .summary-details > div {
  padding: 7px 0;
  border-bottom: 1px solid rgba(31, 55, 75, .095);
}
html[data-theme="light"] .studio-control-card--summary .summary-details > div:first-child { padding-top: 0; }
html[data-theme="light"] .studio-control-card--summary .summary-details > div:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
html[data-theme="light"] .studio-color-choice {
  background: #f6f9fa;
  transition: border-color .14s ease, background-color .14s ease, box-shadow .14s ease, transform .14s ease;
}
html[data-theme="light"] .studio-color-choice:hover,
html[data-theme="light"] .studio-color-choice:focus-within {
  border-color: rgba(8, 127, 123, .48);
  background: #edf8f6;
  box-shadow: 0 4px 12px rgba(8, 127, 123, .08);
  transform: translateY(-1px);
}
html[data-theme="light"] .studio-check:hover,
html[data-theme="light"] .studio-extension-wall-tabs button:hover {
  border-color: rgba(8, 127, 123, .42);
  background: #edf8f6;
}

html[data-theme="light"] .wood-floor-limit-note,
html[data-theme="light"] .studio-floor-limit-status {
  border-color: rgba(8, 127, 123, .25);
  background: #edf8f6;
  color: #176a67;
}

html[data-theme="light"] .wood-floor-limit-note.is-error,
html[data-theme="light"] .studio-floor-limit-status.is-error {
  border-color: rgba(194, 65, 12, .32);
  background: #fff3e8;
  color: #9a3412;
}
html[data-theme="light"] .studio-topbar__price strong,
html[data-theme="light"] .studio-bottom-bar strong { font-variant-numeric: tabular-nums; }

html[data-theme="light"] .studio-select-trigger {
  border-color: rgba(31, 55, 75, .2);
  background: #f5f8fa;
  color: #102033;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.75);
}
html[data-theme="light"] .studio-select-trigger:hover {
  border-color: rgba(8, 127, 123, .5);
  background: #edf8f6;
}
html[data-theme="light"] .studio-select-trigger:focus-visible,
html[data-theme="light"] .studio-select-trigger.is-open {
  border-color: #087f7b;
  background: #ffffff;
  box-shadow: 0 0 0 3px rgba(8, 127, 123, .12), 0 7px 18px rgba(42, 65, 82, .09);
}
html[data-theme="light"] .studio-select-trigger__chevron { color: #087f7b; }
html[data-theme="light"] .studio-select-trigger:disabled {
  border-color: #c8d3db;
  background: #e9eef1;
  color: #62768a;
  opacity: 1;
}
html[data-theme="light"] .studio-select-menu {
  border-color: rgba(8, 127, 123, .34);
  background: #ffffff;
  box-shadow: 0 20px 48px rgba(37, 58, 73, .22), inset 0 1px 0 rgba(255,255,255,.96);
}
html[data-theme="light"] .studio-select-option { color: #203449; }
html[data-theme="light"] .studio-select-option:hover,
html[data-theme="light"] .studio-select-option:focus-visible {
  border-color: rgba(8, 127, 123, .22);
  background: #e2f3f1;
  color: #064e4b;
}
html[data-theme="light"] .studio-select-option[aria-selected="true"] {
  border-color: rgba(8, 127, 123, .42);
  background: #cae9e6;
  color: #053f3c;
}
html[data-theme="light"] .studio-select-option__check { color: #087f7b; }
html[data-theme="light"] .studio-stage-column {
  background: radial-gradient(circle at 58% 36%, #dce8ed 0, #edf3f6 52%, #e3ecef 100%);
}
html[data-theme="light"] .studio-visualizer {
  border-color: rgba(13, 148, 143, .3);
  background: #ffffff;
  box-shadow: 0 25px 60px rgba(42, 65, 82, .14);
}
html[data-theme="light"] .studio-visualizer .boxario-visualizer__head h2 { color: #102033; }
html[data-theme="light"] .studio-visualizer__footer,
html[data-theme="light"] .studio-visualizer .boxario-visualizer__toolbar,
html[data-theme="light"] .studio-visualizer .boxario-visualizer__diagnostics { background: #ffffff; }
html[data-theme="light"] .studio-visualizer .boxario-visualizer__environment {
  border-color: rgba(31, 55, 75, .16);
  background: #eef4f6;
}
html[data-theme="light"] .studio-visualizer .boxario-visualizer__environment > span,
html[data-theme="light"] .studio-visualizer .boxario-visualizer__diagnostics summary { color: #62768a; }
html[data-theme="light"] .studio-visualizer .boxario-visualizer__environment button {
  color: #40566b;
}
html[data-theme="light"] .studio-visualizer .boxario-visualizer__environment button:hover,
html[data-theme="light"] .studio-visualizer .boxario-visualizer__environment button:focus-visible {
  color: #087f7b;
}
html[data-theme="light"] .studio-visualizer .boxario-visualizer__environment button[aria-pressed="true"] {
  border-color: rgba(13, 148, 143, .42);
  background: rgba(13, 148, 143, .13);
  color: #087f7b;
}
html[data-theme="light"] .studio-visualizer .boxario-visualizer__status {
  border-color: rgba(13, 148, 143, .36);
  background: #e8f7f5;
  color: #087f7b;
}
html[data-theme="light"] .studio-visualizer .boxario-visualizer__toolbar button {
  border-color: rgba(31, 55, 75, .16);
  background: #f1f6f8;
  color: #203449;
}
html[data-theme="light"] .studio-visualizer .boxario-visualizer__toolbar button:hover,
html[data-theme="light"] .studio-visualizer .boxario-visualizer__toolbar button:focus-visible {
  border-color: rgba(13, 148, 143, .5);
  background: #e7f8f6;
  color: #087f7b;
}
html[data-theme="light"] .studio-visualizer .boxario-visualizer__diagnostics {
  border-color: rgba(31, 55, 75, .14);
}
html[data-theme="light"] .studio-hint { color: #62768a; }
html[data-theme="light"] .studio-dialog {
  border-color: rgba(31, 55, 75, .17);
  background: #ffffff;
  color: #102033;
}
html[data-theme="light"] .studio-dialog::backdrop { background: rgba(33, 49, 64, .48); }

@media (max-width: 700px) {
  .boxario-theme-toggle { width: 38px; padding-inline: 7px; }
  .boxario-theme-toggle__label { display: none; }
  .boxario-theme-welcome__body { padding: 24px 18px 20px; }
  .boxario-theme-welcome__lead { margin-bottom: 18px; }
  .boxario-theme-welcome__choices { grid-template-columns: 1fr; gap: 12px; }
  .boxario-theme-choice { grid-template-columns: 120px 1fr; align-items: center; }
  .boxario-theme-choice__preview { height: 86px; }
}