.lene-configurator,
.lene-configurator * {
  box-sizing: border-box;
}

.lene-configurator {
  background: #f7f1ea;
  color: #3b2a20;
  padding: 70px 24px;
  overflow: hidden;
}

.lene-config-header,
.lene-steps,
.lene-grid,
.lene-order {
  width: 100%;
  max-width: 1220px;
  margin-left: auto;
  margin-right: auto;
}

/* HEADER */

.lene-config-header {
  text-align: center;
  margin-bottom: 48px;
}

.lene-kicker {
  margin: 0 0 10px;
  color: #c0903f;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.lene-config-header h1 {
  margin: 0 0 14px;
  font-family: "Playfair Display", serif;
  font-size: clamp(40px, 5vw, 68px);
  font-weight: 400;
  line-height: 1.05;
}

.lene-config-header p {
  max-width: 650px;
  margin: 0 auto;
  color: #7b6754;
  font-size: 18px;
}

/* STEPS */

.lene-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  margin-bottom: 34px;
}

.lene-steps div {
  display: flex;
  align-items: center;
  gap: 14px;
  font-size: 20px;
  font-weight: 700;
}

.lene-steps span {
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 42px;
  border-radius: 50%;
  background: #c0903f;
  color: #fff;
}

/* MAIN GRID */

.lene-grid {
  display: grid;
  grid-template-columns:
    minmax(0, 1fr)
    minmax(0, 1.12fr)
    minmax(0, 1fr);
  gap: 28px;
  align-items: start;
}

.lene-grid > * {
  min-width: 0;
}

.lene-panel {
  min-width: 0;
  background: #fff9f3;
  border: 1px solid #e8d8c2;
  border-radius: 20px;
  padding: 26px;
  box-shadow: 0 18px 45px rgba(59, 42, 32, 0.07);
}

.lene-panel-title {
  margin: 0 0 22px;
  font-family: "Playfair Display", serif;
  font-size: 26px;
  font-weight: 500;
  line-height: 1.1;
}

/* PRODUCTS */

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

.lene-product-card {
  min-width: 0;
  min-height: 205px;
  padding: 12px;
  border: 1px solid #e6d4bd;
  border-radius: 16px;
  background: #ffffff;
  text-align: center;
  cursor: pointer;
  transition:
    transform 0.22s ease,
    box-shadow 0.22s ease,
    border-color 0.22s ease;
}

.lene-product-card.active {
  border: 2px solid #c0903f;
  background: linear-gradient(145deg, #d4aa5a, #b98532);
  color: #ffffff;
  box-shadow: 0 16px 34px rgba(192, 144, 63, 0.34);
  transform: translateY(-4px) scale(1.025);
  animation: leneProductSelected .42s cubic-bezier(.2,.9,.3,1);
}
.lene-product-card.active div { color: rgba(255,255,255,.82); }
.lene-product-card.active img { box-shadow: 0 8px 22px rgba(83,52,14,.22); }
@keyframes leneProductSelected {
  0% { transform: scale(.96); box-shadow: 0 0 0 rgba(192,144,63,0); }
  60% { transform: translateY(-5px) scale(1.045); }
  100% { transform: translateY(-4px) scale(1.025); box-shadow: 0 16px 34px rgba(192,144,63,.34); }
}

.lene-product-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 28px rgba(59, 42, 32, 0.08);
}

.lene-product-card img {
  width: 100%;
  aspect-ratio: 4 / 3;
  display: block;
  object-fit: cover;
  border-radius: 12px;
  margin-bottom: 12px;
}

.lene-product-card strong {
  display: block;
  font-size: 16px;
  line-height: 1.25;
}

.lene-product-card div {
  margin-top: 6px;
  color: #8a7158;
  font-size: 14px;
}

/* FORM */

.lene-panel label {
  display: block;
  margin: 16px 0 8px;
  font-size: 14px;
  font-weight: 700;
}

.lene-panel input,
.lene-panel textarea {
  width: 100%;
  max-width: 100%;
  border: 1px solid #e0d0bd;
  border-radius: 10px;
  padding: 14px 15px;
  background: #fff;
  color: #3b2a20;
  font-size: 16px;
}

.lene-panel textarea {
  min-height: 110px;
  resize: vertical;
}

.lene-premium {
  margin-top: 24px;
  padding: 16px;
  border: 1px solid #e4c99f;
  border-radius: 14px;
  background: #fff4e6;
}

.lene-premium label {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 10px;
}

.lene-premium input {
  width: auto;
  flex: 0 0 auto;
}

/* ADDONS */

.lene-addon-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: center;
  padding: 15px 0;
  border-bottom: 1px solid #eadccc;
}

.lene-addon-row label {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 600;
}

.lene-addon-row input {
  width: auto;
  flex: 0 0 auto;
}

.lene-addon-row span {
  white-space: nowrap;
  font-weight: 700;
}

/* PREVIEW IMAGE */

.lene-preview {
  position: relative;
  width: 100%;
  margin-top: 28px;
  overflow: hidden;
  border: 1px solid #e4d0b6;
  border-radius: 16px;
  background: #eee5db;
  box-shadow: 0 12px 30px rgba(59, 42, 32, 0.08);
}

.lene-preview img {
  width: 100%;
  max-width: 100%;
  aspect-ratio: 4 / 3;
  display: block;
  object-fit: cover;
  margin: 0;
}

/* ORDER SUMMARY */

.lene-order {
  margin-top: 46px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 340px;
  gap: 28px;
  align-items: start;
  padding: 30px;
  background: #fff9f3;
  border: 1px solid #e8d8c2;
  border-radius: 22px;
  box-shadow: 0 18px 45px rgba(59, 42, 32, 0.07);
}

.lene-order > * {
  min-width: 0;
}

.lene-order-main {
  min-width: 0;
  display: grid;
  grid-template-columns: 38% minmax(0, 1fr);
  gap: 30px;
  align-items: start;
}

.lene-order-image,
.lene-order-text {
  min-width: 0;
}

.lene-order img {
  width: 100%;
  max-width: 100%;
  aspect-ratio: 4 / 3;
  display: block;
  object-fit: cover;
  border-radius: 16px;
}

.lene-order h3,
.lene-total-box h3 {
  margin: 0 0 20px;
  font-family: "Playfair Display", serif;
  font-size: 30px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.lene-order-text p {
  margin: 10px 0;
  overflow-wrap: anywhere;
}

.lene-total-box {
  min-width: 0;
  width: 100%;
  padding: 24px;
  border: 1px solid #e4d0b6;
  border-radius: 18px;
  background: #fff4e8;
}

.lene-price-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  margin-bottom: 12px;
  font-size: 14px;
}

.lene-price-row strong {
  white-space: nowrap;
}

.lene-total {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  margin: 22px 0;
  color: #c0903f;
  font-size: 28px;
  font-weight: 800;
}

.lene-total span {
  white-space: nowrap;
}

.lene-cart-btn {
  width: 100%;
  border: 0;
  border-radius: 12px;
  padding: 17px 20px;
  background: #c0903f;
  color: #fff;
  font-weight: 800;
  cursor: pointer;
  transition:
    background 0.22s ease,
    transform 0.22s ease,
    box-shadow 0.22s ease;
}

.lene-cart-btn:hover {
  background: #a9782e;
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(192, 144, 63, 0.25);
}

.lene-cart-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}

/* RESPONSIVE */

@media (max-width: 1100px) {
  .lene-grid {
    grid-template-columns: 1fr;
  }

  .lene-steps {
    grid-template-columns: 1fr;
  }

  .lene-order {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 700px) {
  .lene-configurator {
    padding: 46px 14px;
  }

  .lene-products {
    grid-template-columns: 1fr;
  }

  .lene-order-main {
    grid-template-columns: 1fr;
  }

  .lene-panel,
  .lene-order,
  .lene-total-box {
    padding: 20px;
  }

  .lene-order h3,
  .lene-total-box h3 {
    font-size: 25px;
  }

  .lene-total {
    font-size: 23px;
  }
}

/* LIVE PREVIEW */

.lene-preview {
  position: relative;
}

/* ODVOJENE LIVE PREVIEW ZONE */

.lene-preview {
  position: relative;
}

.lene-live-preview-zone {
  position: absolute;
  z-index: 2;
  transform: translate(-50%, -50%);
  overflow: hidden;

  display: flex;
  align-items: center;
  justify-content: center;

  padding: 4px 8px;
  text-align: center;
  pointer-events: none;

  color: #5b3518;

  text-shadow:
    -1px -1px 0 rgba(255, 255, 255, 0.95),
     1px -1px 0 rgba(255, 255, 255, 0.95),
    -1px  1px 0 rgba(255, 255, 255, 0.95),
     1px  1px 0 rgba(255, 255, 255, 0.95),
     0 3px 10px rgba(0, 0, 0, 0.28);

  overflow-wrap: anywhere;
}

.lene-live-preview-name {
  font-family: "Playfair Display", Georgia, serif;
  font-weight: 800;
  line-height: 1.1;
}

.lene-live-preview-date {
  font-family: Arial, sans-serif;
  font-weight: 800;
  line-height: 1.2;
}

.lene-live-preview-message {
  font-family: "Playfair Display", Georgia, serif;
  font-weight: 700;
  line-height: 1.3;
  white-space: pre-line;
}

.lene-live-preview-name {
  max-width: 100%;
  padding: 4px 10px;
  border-radius: 8px;

  background: rgba(255, 250, 245, 0.55);

  font-family: "Playfair Display", Georgia, serif;
  font-size: clamp(28px, 2.8vw, 44px);
  font-weight: 800;
  line-height: 1.1;

  overflow-wrap: anywhere;
}

.lene-live-preview-date {
  max-width: 100%;
  margin-top: 10px;
  padding: 3px 8px;
  border-radius: 7px;

  background: rgba(255, 250, 245, 0.5);

  font-size: clamp(16px, 1.5vw, 21px);
  font-weight: 800;
}

.lene-live-preview-message {
  max-width: 100%;
  margin-top: 14px;
  padding: 6px 10px;
  border-radius: 8px;

  background: rgba(255, 250, 245, 0.55);

  font-family: "Playfair Display", Georgia, serif;
  font-size: clamp(16px, 1.5vw, 21px);
  font-weight: 700;
  line-height: 1.35;

  white-space: pre-line;
  overflow-wrap: anywhere;
}

.lene-field-warning {
  margin: 7px 0 0;
  color: #b42318;
  font-size: 13px;
  font-weight: 700;
}

.lene-field-warning[hidden] {
  display: none;
}

.lene-panel input.has-preview-error,
.lene-panel textarea.has-preview-error {
  border-color: #b42318;
  box-shadow: 0 0 0 2px rgba(180, 35, 24, 0.12);
}


.lene-configurator select#leneFont {
  width: 100%;
  height: 46px !important;
  min-height: 46px !important;
  padding: 0 42px 0 14px !important;

  border: 1px solid #e0d0bd;
  border-radius: 10px;

  background-color: #fff !important;
  color: #3b2a20 !important;

  font-size: 16px !important;
  line-height: normal !important;

  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;

  background-image:
    linear-gradient(45deg, transparent 50%, #5b3518 50%),
    linear-gradient(135deg, #5b3518 50%, transparent 50%) !important;

  background-position:
    calc(100% - 19px) 20px,
    calc(100% - 14px) 20px !important;

  background-size: 5px 5px, 5px 5px !important;
  background-repeat: no-repeat !important;
}

.lene-configurator select#leneFont::-ms-expand {
  display: none;
}

#leneFont option {
  color: #3b2a20;
  background: #fff;
  font-size: 16px;
}

/* UPLOAD FOTOGRAFIJE */

#lenePhoto {
  width: 100%;
  padding: 10px;
  border: 1px dashed #c9ad84;
  border-radius: 10px;
  background: #ffffff;
}

.lene-upload-help {
  margin: 7px 0 0;
  color: #7b6754;
  font-size: 12px;
}

.lene-remove-photo {
  margin-top: 10px;
  padding: 9px 14px;
  border: 1px solid #c0903f;
  border-radius: 8px;
  background: transparent;
  color: #7a5422;
  font-weight: 700;
  cursor: pointer;
}

.lene-remove-photo:hover {
  background: #fff0dc;
}

.lene-uploaded-photo-frame {
  position: absolute;
  z-index: 1;
  overflow: hidden;
  transform: translate(-50%, -50%);
    pointer-events: auto;
    cursor: grab;
    touch-action: none;
}

.lene-uploaded-photo-frame.is-dragging {
  cursor: grabbing;
}

.lene-uploaded-photo-frame[hidden] {
  display: none !important;
}

.lene-uploaded-photo {
  width: 100%;
  height: 100%;
  max-width: none;
  display: block;
  object-fit: cover;
  object-position: center;
  transform-origin: center center;
  pointer-events: none;
  user-select: none;
  -webkit-user-drag: none;
}

/* Tekst mora biti iznad fotografije. */
.lene-live-preview-zone {
  z-index: 2;
}

#lenePhotoControls {
  margin-top: 14px;
}

#lenePhotoControls[hidden] {
  display: none !important;
}

#lenePhotoZoom {
  width: 100%;
  margin-top: 8px;
  cursor: pointer;
}

.lene-photo-zoom-value {
  margin-top: 4px;
  text-align: right;
  color: #7b6754;
  font-size: 12px;
  font-weight: 700;
}

/* LARGE PREVIEW BUTTON */

.lene-open-preview-btn {
  width: 100%;
  margin-top: 14px;
  padding: 13px 18px;

  border: 1px solid #c0903f;
  border-radius: 10px;

  background: #ffffff;
  color: #7a5422;

  font-size: 15px;
  font-weight: 700;

  cursor: pointer;

  transition:
    background 0.2s ease,
    transform 0.2s ease;
}

.lene-open-preview-btn:hover {
  background: #fff1df;
  transform: translateY(-1px);
}


/* LARGE PREVIEW MODAL */

.lene-preview-modal {
  position: fixed;
  inset: 0;

  z-index: 999999;

  display: flex;
  align-items: center;
  justify-content: center;

  padding: 30px;
}

.lene-preview-modal[hidden] {
  display: none !important;
}

.lene-preview-modal-backdrop {
  position: absolute;
  inset: 0;

  background: rgba(25, 18, 13, 0.78);
  backdrop-filter: blur(7px);
}

.lene-preview-modal-dialog {
  position: relative;
  z-index: 2;

  width: min(100%, 1050px);
  max-height: 92vh;

  overflow: auto;

  padding: 28px;

  border-radius: 20px;

  background: #fff9f3;

  box-shadow:
    0 30px 90px rgba(0, 0, 0, 0.35);
}

.lene-preview-modal-close {
  position: absolute;

  top: 12px;
  right: 15px;

  width: 42px;
  height: 42px;

  border: 0;
  border-radius: 50%;

  background: #f1e6d8;
  color: #3b2a20;

  font-size: 30px;
  line-height: 1;

  cursor: pointer;
}

.lene-preview-modal-header {
  padding-right: 55px;
  margin-bottom: 20px;
}

.lene-preview-modal-header h3 {
  margin: 0 0 5px;

  font-family: "Playfair Display", serif;
  font-size: 30px;

  color: #3b2a20;
}

.lene-preview-modal-header p {
  margin: 0;
  color: #7b6754;
}


/* LARGE PREVIEW */

.lene-large-preview {
  position: relative;

  width: 100%;
  max-width: 900px;

  margin: 0 auto;

  overflow: hidden;

  border-radius: 16px;

  background: #eee5db;
}

.lene-large-preview > .lene-preview {
  width: 100%;
  margin: 0;

  border: 0;
  border-radius: 0;

  box-shadow: none;
}


/* spriječi scroll stranice kada je modal otvoren */

body.lene-preview-modal-open {
  overflow: hidden;
}


@media (max-width: 700px) {

  .lene-preview-modal {
    padding: 12px;
  }

  .lene-preview-modal-dialog {
    padding: 20px 14px;
  }

  .lene-preview-modal-header h3 {
    font-size: 24px;
  }
}

/* UPUTA ISPOD ZOOM KONTROLE */

.lene-photo-drag-help {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;

  margin-top: 10px;
  padding: 9px 12px;

  border-radius: 8px;

  background: #f7efe4;
  color: #765936;

  font-size: 13px;
  font-weight: 600;
}

.lene-drag-icon {
  font-size: 17px;
}


/* HINT PREKO FOTOGRAFIJE */

.lene-photo-drag-hint {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 20;

  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;

  transform: translate(-50%, -50%);

  width: max-content;
  max-width: calc(100% - 40px);

  padding: 11px 18px;

  border-radius: 30px;

  background: rgba(45, 31, 20, 0.82);
  color: #ffffff;

  box-shadow:
    0 8px 25px rgba(0, 0, 0, 0.2);

  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);

  font-size: 13px;
  font-weight: 700;
  line-height: 1.3;

  text-align: center;
  white-space: nowrap;

  pointer-events: none;

  transition:
    opacity 0.3s ease,
    visibility 0.3s ease;
}

.lene-photo-drag-hint[hidden] {
  display: none !important;
}

.lene-photo-drag-hint.is-hidden {
  opacity: 0;
  visibility: hidden;
}

.lene-photo-drag-hint-icon {
  flex: 0 0 auto;
  font-size: 20px;
}

.lene-photo-drag-hint-icon {
  font-size: 17px;
}

.lene-photo-drag-hint.is-hidden {
  opacity: 0;
  visibility: hidden;
}

.lene-photo-upload-box {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 8px;
}

.lene-photo-input {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  pointer-events: none;
}

.lene-photo-upload-btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;

  width: 100%;
  min-height: 46px;

  margin: 0 !important;
  padding: 12px 16px;

  border: 1px dashed #c0903f;
  border-radius: 10px;

  background: #ffffff;
  color: #6f4d26;

  font-size: 14px;
  font-weight: 700;

  cursor: pointer;

  transition:
    background 0.2s ease,
    border-color 0.2s ease,
    transform 0.2s ease;
}

.lene-photo-upload-btn:hover {
  background: #fff1df;
  border-color: #a9782e;
  transform: translateY(-1px);
}

.lene-photo-file-name {
  display: block;
  color: #8a7158;
  font-size: 12px;
  overflow-wrap: anywhere;
}

.lene-reset-photo-btn {
  width: 100%;
  margin-top: 10px;
  padding: 10px 14px;

  border: 1px solid #d7c0a1;
  border-radius: 9px;

  background: #ffffff;
  color: #6f4d26;

  font-size: 13px;
  font-weight: 700;

  cursor: pointer;
}

.lene-reset-photo-btn:hover {
  background: #fff0dc;
}

/* v2.8.0 — Unified Product Document renderer */
.lene-unified-preview-layers {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 4;
  overflow: hidden;
  pointer-events: none;
}

.lene-unified-preview-layers[hidden] {
  display: none !important;
}

.lene-unified-preview-layer {
  position: absolute;
  box-sizing: border-box;
  transform-origin: center center;
  pointer-events: none;
}

.lene-unified-preview-text {
  display: flex;
  align-items: center;
  padding: 0;
  overflow: hidden;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  line-height: 1.08;
}

.lene-unified-preview-image{overflow:hidden;display:block!important;padding:0!important}.lene-unified-preview-image img{display:block;max-width:none;transform-origin:center}
/* LeNe Studio v3 product selection: resilient against theme button styles. */
.lene-products .lene-product-card {
  position: relative !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  background: #fff !important;
  color: #3b2a20 !important;
  border: 2px solid #eadfce !important;
  box-shadow: 0 6px 18px rgba(59,42,32,.06) !important;
}
.lene-products .lene-product-card:hover {
  border-color: #d7b36a !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 14px 30px rgba(59,42,32,.12) !important;
}
.lene-products .lene-product-card.active,
.lene-products .lene-product-card[aria-pressed="true"] {
  background: linear-gradient(145deg,#d8b565,#b98631) !important;
  color: #fff !important;
  border-color: #b98631 !important;
  box-shadow: 0 16px 36px rgba(185,134,49,.34) !important;
  transform: translateY(-4px) scale(1.025) !important;
}
.lene-products .lene-product-card.active::after,
.lene-products .lene-product-card[aria-pressed="true"]::after {
  content: "✓";
  position: absolute;
  top: 10px;
  right: 10px;
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: #fff;
  color: #b98631;
  font-weight: 800;
  box-shadow: 0 6px 16px rgba(59,42,32,.18);
  animation: leneCheckIn .3s cubic-bezier(.2,.9,.3,1);
}
.lene-products .lene-product-card.active strong,
.lene-products .lene-product-card.active div,
.lene-products .lene-product-card[aria-pressed="true"] strong,
.lene-products .lene-product-card[aria-pressed="true"] div { color: #fff !important; }
@keyframes leneCheckIn { from { opacity: 0; transform: scale(.55) rotate(-15deg); } to { opacity: 1; transform: scale(1) rotate(0); } }

/* v3.0.1 renderer lifecycle */
.lene-unified-preview-layers[hidden]{display:none!important}.lene-preview.is-switching .lene-unified-preview-layers{opacity:0}.lene-unified-preview-layers{transition:opacity .16s ease}


/* v3.0.2 frontend unified renderer + 3D viewer */
.lene-preview { position: relative; }
.lene-preview-mode-switch { position:absolute; top:10px; right:10px; z-index:20; display:flex; gap:4px; padding:4px; border-radius:999px; background:rgba(255,255,255,.92); box-shadow:0 8px 24px rgba(41,27,17,.14); }
.lene-preview-mode-switch[hidden]{display:none!important}
.lene-preview-mode-switch button{border:0!important;border-radius:999px!important;padding:6px 10px!important;background:transparent!important;color:#5c4633!important;font-size:11px!important;font-weight:800!important;cursor:pointer}
.lene-preview-mode-switch button.is-active{background:#c6943e!important;color:#fff!important}
.lene-3d-product-viewer{position:absolute;inset:0;width:100%;height:100%;z-index:8;background:#f7f1ea;border-radius:inherit}
.lene-3d-product-viewer[hidden]{display:none!important}
.lene-unified-preview-layers .lene-uploaded-photo-frame{transform-origin:center center;pointer-events:auto}

/* v3.0.3: legacy zones may remain in markup for old products, but never overlay unified documents. */
.lene-preview:has(.lene-unified-preview-layers:not([hidden])) > .lene-live-preview-zone { display:none !important; }
.lene-unified-preview-layers .lene-uploaded-photo-frame { transform-origin:center center; }


/* v3.0.5: stabilan 3D viewport i kontrole fotografije u velikom pregledu */
.lene-preview{aspect-ratio:4/3;min-height:180px}
.lene-preview>img{width:100%;height:100%;aspect-ratio:auto;object-fit:contain;object-position:center}
.lene-3d-product-viewer{display:block!important;min-height:100%;--poster-color:transparent}
.lene-3d-product-viewer[hidden]{display:none!important}
.lene-3d-viewer-status{position:absolute;inset:0;z-index:9;display:flex;align-items:center;justify-content:center;padding:20px;text-align:center;background:rgba(247,241,234,.92);color:#5c4633;font-weight:700}
.lene-3d-viewer-status[hidden]{display:none!important}
.lene-large-photo-controls{margin-top:14px;padding:14px 16px;border:1px solid #e4d0b6;border-radius:14px;background:#fff9f3}
.lene-large-photo-controls[hidden]{display:none!important}
.lene-large-photo-controls label{display:block;margin-bottom:8px;font-weight:700;color:#4b3424}
.lene-large-photo-control-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center}
.lene-large-photo-control-row input[type=range]{width:100%}
.lene-large-photo-control-row button{border:0;border-radius:10px;padding:9px 13px;background:#c6943e;color:#fff;font-weight:700;cursor:pointer}
.lene-large-photo-controls p{margin:8px 0 0;color:#7b6754;font-size:13px}
@media(max-width:640px){.lene-large-photo-control-row{grid-template-columns:1fr auto}.lene-large-photo-control-row button{grid-column:1/-1}}


/* v3.0.6: unified ProductDocument coordinates use top-left x/y. */
.lene-unified-preview-layers .lene-uploaded-photo-frame {
  transform-origin: center center;
}

/* LeNe Studio 3.3 - 3D personalization projection (phase 1) */
.lene-3d-personalization-overlay{position:absolute;inset:0;z-index:18;pointer-events:none;overflow:hidden;border-radius:inherit}
.lene-3d-personalization-overlay[hidden]{display:none!important}
.lene-3d-personalization-layer{position:absolute;box-sizing:border-box;display:flex;align-items:center;justify-content:center;white-space:pre-wrap;overflow:hidden;transform-origin:center center}
.lene-3d-personalization-layer.is-image{display:block;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.25)}
.lene-preview.is-large .lene-3d-personalization-layer.is-text{font-size:clamp(14px,2vw,36px)!important}


/* LeNe 3D Multi-Surface v3.5 */
.lene-3d-product-viewer{--poster-color:transparent;width:100%;height:100%;min-height:420px}
.lene-3d-hotspot{position:relative;display:block;pointer-events:none;transform:translate(-50%,-50%);filter:drop-shadow(0 2px 2px rgba(0,0,0,.15));}
.lene-3d-hotspot[visible="false"]{display:none}
.lene-3d-surface-canvas{position:relative;width:220px;height:280px;transform:translate(-50%,-50%);overflow:hidden;background:transparent;pointer-events:none}
.lene-3d-hotspot.is-left .lene-3d-surface-canvas,.lene-3d-hotspot.is-right .lene-3d-surface-canvas{width:145px}
.lene-3d-personalization-layer{position:absolute;display:flex;align-items:center;justify-content:center;box-sizing:border-box;white-space:pre-wrap;overflow:hidden;transform-origin:center center;background:transparent!important;box-shadow:none!important;border:0!important}
.lene-3d-personalization-layer.is-image{display:block}
.lene-3d-surface-switch{position:absolute;left:50%;bottom:14px;z-index:32;transform:translateX(-50%);display:flex;gap:5px;padding:5px;border:1px solid rgba(176,128,57,.25);border-radius:999px;background:rgba(255,250,244,.94);box-shadow:0 8px 24px rgba(57,37,24,.12);backdrop-filter:blur(8px)}
.lene-3d-surface-switch[hidden]{display:none!important}
.lene-3d-surface-switch button{border:0;border-radius:999px;background:transparent;color:#6b4b36;font-size:11px;font-weight:700;padding:7px 10px;cursor:pointer}
.lene-3d-surface-switch button.is-active{background:linear-gradient(135deg,#d4a652,#b77a27);color:#fff;box-shadow:0 3px 10px rgba(151,96,27,.25)}
@media(max-width:700px){.lene-3d-product-viewer{min-height:340px}.lene-3d-surface-switch button{padding:6px 7px;font-size:10px}.lene-3d-surface-canvas{width:170px;height:220px}}


/* =========================================================
 * LeNe Studio 4.0 — premium 3D preview workspace
 * ======================================================= */
.lene-preview-modal-dialog{width:min(96vw,1480px);max-height:94vh;padding:30px 32px 18px;border-radius:24px;background:#fffaf5;overflow:auto}
.lene-preview-modal-close{top:20px;right:22px;background:linear-gradient(135deg,#dca63d,#b97812);color:#fff;box-shadow:0 8px 20px rgba(151,91,11,.28);font-size:25px}
.lene-preview-modal-header{margin-bottom:22px}.lene-preview-modal-header h3{font-size:34px}.lene-preview-modal-header p{font-size:15px}
.lene-preview-studio-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:30px;align-items:stretch}
.lene-preview-stage-column{position:relative;min-width:0}.lene-large-preview{max-width:none;height:min(72vh,760px);min-height:560px;border-radius:14px;background:radial-gradient(circle at 52% 42%,#faf6f0 0,#eee8e0 72%,#e7dfd5 100%);box-shadow:inset 0 0 0 1px rgba(91,66,43,.06)}
.lene-large-preview>.lene-preview{height:100%;aspect-ratio:auto!important;min-height:100%;background:transparent!important}.lene-large-preview .lene-3d-product-viewer{min-height:100%;background:transparent!important}
.lene-preview-help{position:absolute;left:34px;top:50%;transform:translateY(-50%);z-index:28;display:grid;gap:28px;pointer-events:none;color:#5f5145}.lene-preview-help>div{display:grid;grid-template-columns:42px auto;grid-template-rows:auto auto;column-gap:10px}.lene-help-icon{grid-row:1/3;font-size:31px;color:#8d7967}.lene-preview-help strong{font-size:13px}.lene-preview-help small{font-size:12px;color:#817367}
.lene-surface-sidebar{min-width:0;padding:0 2px;display:flex;flex-direction:column}.lene-surface-sidebar-heading h4,.lene-surface-layers-heading h4{margin:0;font-family:"Playfair Display",serif;color:#3d2c20;font-size:22px}.lene-surface-sidebar-heading p{margin:5px 0 15px;color:#8a7a6d;font-size:13px}
.lene-surface-cards{display:grid;gap:10px}.lene-surface-cards button{display:grid;grid-template-columns:52px 1fr;gap:12px;align-items:center;width:100%;padding:10px 12px;border:1px solid #e7ddd3;border-radius:12px;background:#fff;box-shadow:0 3px 10px rgba(55,39,27,.06);text-align:left;cursor:pointer;transition:.18s ease}.lene-surface-cards button:hover{transform:translateY(-1px);border-color:#d5ae6f}.lene-surface-cards button.is-active{border-color:#cf8f28;box-shadow:0 0 0 1px rgba(207,143,40,.12),0 8px 20px rgba(82,50,15,.08)}.lene-surface-cards strong{display:block;color:#493425;font-size:13px}.lene-surface-cards small{display:block;margin-top:3px;color:#8e8177;font-size:11px}.lene-surface-thumb{display:flex;align-items:center;justify-content:center;width:48px;height:46px;border-radius:9px;background:#f5efe8;color:#9b7a53;font-size:27px}.lene-surface-thumb.is-side{font-size:24px}.lene-surface-thumb.is-top{font-size:22px}
.lene-surface-layers-heading{display:flex;justify-content:space-between;align-items:center;margin:22px 0 10px;padding-top:18px;border-top:1px solid #eadfd5}.lene-surface-layers-heading h4{font-size:19px}.lene-surface-layers-heading button{border:1px solid #cf8f28;border-radius:9px;background:#fffaf4;color:#a76b13;padding:7px 10px;font-size:11px;font-weight:700;cursor:pointer}
.lene-surface-layer-list{display:grid;border:1px solid #e8ded5;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 4px 12px rgba(55,39,27,.05)}.lene-surface-layer-row{display:grid;grid-template-columns:34px 1fr 24px 20px;gap:8px;align-items:center;padding:10px;border-bottom:1px solid #eee6df}.lene-surface-layer-row:last-child{border-bottom:0}.lene-layer-type{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:#fbf6f0;color:#9d6d2b;font-family:Georgia,serif;font-weight:700}.lene-layer-copy{min-width:0}.lene-layer-copy strong,.lene-layer-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lene-layer-copy strong{font-size:12px;color:#493425}.lene-layer-copy small{font-size:10px;color:#9a8c82}.lene-layer-eye{color:#9a6b2c}.lene-layer-grip{color:#b4aaa3}.lene-surface-layer-empty{padding:22px 12px;text-align:center;color:#97887c;font-size:12px}
.lene-surface-tip{display:flex;gap:10px;margin-top:auto;padding:14px;border-radius:12px;background:linear-gradient(135deg,#fbf1e2,#fff9f2);color:#70563c}.lene-surface-tip p{margin:0;font-size:11px;line-height:1.55}.lene-surface-tip strong{display:block;margin-bottom:2px;font-size:12px}
.lene-large-preview .lene-preview-mode-switch{top:16px;right:16px}.lene-large-preview .lene-3d-surface-switch{bottom:22px;padding:7px;gap:7px}.lene-large-preview .lene-3d-surface-switch button{padding:9px 17px;font-size:12px}.lene-large-preview .lene-3d-product-viewer{--progress-bar-color:#c88b29}
@media(max-width:1050px){.lene-preview-studio-layout{grid-template-columns:1fr}.lene-surface-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:16px}.lene-surface-sidebar-heading,.lene-surface-layers-heading,.lene-surface-tip{grid-column:1/-1}.lene-surface-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.lene-large-preview{height:62vh;min-height:470px}}
@media(max-width:700px){.lene-preview-modal-dialog{padding:20px 14px 14px}.lene-preview-help{display:none}.lene-large-preview{height:58vh;min-height:390px}.lene-surface-sidebar{display:block}.lene-surface-cards{grid-template-columns:1fr}.lene-large-preview .lene-3d-surface-switch{width:calc(100% - 20px);overflow:auto;justify-content:flex-start}.lene-large-preview .lene-3d-surface-switch button{padding:8px 12px;white-space:nowrap}}


/* v4.1.1 viewer and zone interaction fixes */
.lene-preview.is-3d-active,
.lene-large-preview .lene-preview.is-3d-active {
  background:#f3eee8 !important;
  background-image:none !important;
}
.lene-preview.is-3d-active > img,
.lene-preview.is-3d-active .lene-preview-image,
.lene-preview.is-3d-active picture { display:none !important; }
.lene-preview.is-3d-active .lene-3d-product-viewer {
  background:radial-gradient(circle at 50% 45%,#faf7f2 0%,#eee8e1 70%,#e6ded5 100%) !important;
  --poster-color:#f3eee8;
}
.lene-3d-hotspot { pointer-events:none; transform-style:preserve-3d; }
.lene-3d-surface-canvas { filter:none; }
.lene-3d-personalization-layer.is-text { text-shadow:0 1px 1px rgba(255,255,255,.4); }
.lene-zone-canvas, #lene-zone-canvas { touch-action:none; user-select:none; }
.lene-zone-box { touch-action:none; cursor:move; }
.lene-zone-box .lene-zone-resize { cursor:nwse-resize; touch-action:none; }

/* LeNe Texture Engine 4.2 */
.lene-three-surface-host{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  overflow:hidden;
  border-radius:inherit;
  background:#f4eee6;
  z-index:2;
}
.lene-three-surface-host[hidden]{display:none!important}
.lene-three-surface-host canvas{display:block;width:100%;height:100%;cursor:grab}
.lene-three-surface-host canvas:active{cursor:grabbing}
.lene-three-surface-host.is-readying::after{
  content:'Učitavanje 3D modela…';position:absolute;inset:0;display:grid;place-items:center;
  color:#7b6756;font-weight:700;background:rgba(244,238,230,.72);backdrop-filter:blur(3px)
}
.lene-preview.is-three-engine .lene-3d-product-viewer{display:none!important}
.lene-preview.is-three-engine .lene-3d-viewer-status{z-index:4}

/* v4.3.0 — interactive texture layer controls */
.lene-three-surface-host{position:relative;overflow:hidden}
.lene-three-layer-editor{position:absolute;z-index:35;border:2px solid #d89a25;background:rgba(255,255,255,.08);box-shadow:0 0 0 1px rgba(255,255,255,.9),0 8px 28px rgba(74,48,24,.16);cursor:move;touch-action:none;transform-origin:center center;box-sizing:border-box}
.lene-three-layer-editor::before,.lene-three-layer-editor::after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:#fff;border:2px solid #d89a25;top:50%;transform:translateY(-50%)}
.lene-three-layer-editor::before{left:-7px}.lene-three-layer-editor::after{right:-7px}
.lene-three-layer-editor-label{position:absolute;left:50%;top:-27px;transform:translateX(-50%);padding:3px 8px;border-radius:999px;background:#fff;color:#4b3424;font-size:11px;font-weight:700;white-space:nowrap;box-shadow:0 4px 14px rgba(0,0,0,.12);max-width:180px;overflow:hidden;text-overflow:ellipsis}
.lene-three-layer-handle{position:absolute;width:14px;height:14px;border-radius:4px;background:#fff;border:2px solid #d89a25;box-shadow:0 2px 6px rgba(0,0,0,.18)}
.lene-three-layer-handle-se{right:-8px;bottom:-8px;cursor:nwse-resize}
.lene-surface-layer-row{cursor:pointer;transition:.18s ease}
.lene-surface-layer-row:hover,.lene-surface-layer-row.is-selected{background:#fff8ec;box-shadow:inset 3px 0 0 #d89a25}
.lene-layer-nudges{display:flex;gap:5px;margin-left:auto;align-items:center}
.lene-layer-nudges button{width:25px;height:25px;border:1px solid #ead9c4;border-radius:7px;background:#fff;color:#6a4a32;cursor:pointer;line-height:1;padding:0}

/* v4.3.2: large preview visibility control */
.lene-preview-modal-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-right:54px}
.lene-preview-visibility-toggle{appearance:none;border:1px solid rgba(173,116,34,.28);background:#fff;color:#6c4a24;border-radius:999px;padding:10px 16px;font-weight:700;cursor:pointer;box-shadow:0 5px 14px rgba(87,56,20,.08);white-space:nowrap}
.lene-preview-visibility-toggle:hover{background:#fff8ed;border-color:#c98d31}
.lene-preview-visibility-toggle.is-off{background:#f0ebe5;color:#7b7167;border-color:#d8d0c7}
@media(max-width:700px){.lene-preview-modal-header{align-items:flex-start;flex-direction:column;padding-right:45px}.lene-preview-visibility-toggle{padding:8px 12px;font-size:12px}}

/* v4.3.4: 2D products never expose surface navigation. */
.lene-preview-studio-layout.is-2d-product{grid-template-columns:minmax(0,1fr)!important;}
.lene-preview-studio-layout.is-2d-product .lene-preview-stage-column{grid-column:1/-1;}
.lene-surface-sidebar[hidden]{display:none!important;}

/* v5 photo layers start in Fit mode instead of cropped Cover mode. */
.lene-uploaded-photo{object-fit:contain!important}


/* LeNe Studio 5.0 dev.3 — product fit and stable 2D/3D switching */
.lene-preview{overflow:hidden;background:#f7f1ea}
.lene-preview>.lene-preview-image,
.lene-preview>img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important}
.lene-large-preview .lene-preview{padding:clamp(8px,1.4vw,22px);box-sizing:border-box}
.lene-large-preview .lene-unified-preview-layers{pointer-events:none}

.lene-dynamic-fields{display:contents}.lene-dynamic-field{animation:leneDynamicIn .18s ease}@keyframes leneDynamicIn{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}

.lene-inline-3d-editor{position:fixed;z-index:100000;width:280px;padding:12px;border-radius:14px;background:#fffaf4;border:1px solid rgba(190,142,62,.35);box-shadow:0 18px 55px rgba(38,29,22,.28);font-family:inherit}.lene-inline-3d-editor label{display:block;font-weight:700;margin-bottom:7px}.lene-inline-3d-editor textarea{width:100%;box-sizing:border-box;resize:vertical;min-height:62px;padding:9px 10px;border:1px solid #d8c9b8;border-radius:9px;font:inherit}.lene-inline-3d-editor>div{display:flex;gap:8px;justify-content:flex-end;margin-top:9px}.lene-inline-3d-editor button{border:0;border-radius:999px;padding:8px 13px;cursor:pointer}.lene-inline-3d-editor [data-save]{background:#bd8c39;color:#fff}.lene-inline-3d-editor [data-cancel]{background:#eee7df;color:#473c33}

/* =========================================================
 * LeNe Studio 6.0 — Premium Experience foundation
 * Visual language: warm ivory, stone, restrained gold.
 * ======================================================= */
:root{
  --lene-gold:#cf8f1d;
  --lene-gold-deep:#a96708;
  --lene-ink:#241d18;
  --lene-muted:#74685e;
  --lene-ivory:#fbf8f3;
  --lene-card:#fffdf9;
  --lene-line:rgba(85,61,40,.12);
}
.lene-preview-modal{padding:10px;background:rgba(25,20,16,.62);backdrop-filter:blur(14px) saturate(.9)}
.lene-preview-modal-backdrop{background:radial-gradient(circle at 50% 10%,rgba(255,244,225,.16),transparent 45%),rgba(20,16,13,.36)}
.lene-preview-modal-dialog{
  width:min(98vw,1580px);max-height:96vh;padding:24px;border-radius:22px;
  background:linear-gradient(145deg,#fffdfa 0%,#faf6ef 100%);
  border:1px solid rgba(255,255,255,.72);
  box-shadow:0 30px 100px rgba(15,10,7,.34),inset 0 1px 0 rgba(255,255,255,.9);
}
.lene-preview-modal-header{min-height:68px;margin:0 0 18px;padding:0 68px 0 6px;border-bottom:1px solid var(--lene-line)}
.lene-preview-title-row{display:flex;align-items:center;gap:13px;padding-bottom:17px}
.lene-premium-mark{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:linear-gradient(145deg,#fff5dd,#f1d29b);color:var(--lene-gold-deep);box-shadow:0 7px 20px rgba(174,111,13,.15),inset 0 1px 0 #fff;font-size:18px}
.lene-preview-modal-header h3{margin:0;color:var(--lene-ink);font-family:"Playfair Display",Georgia,serif;font-size:clamp(27px,2.4vw,38px);letter-spacing:-.025em}
.lene-preview-modal-header p{margin:5px 0 0;color:var(--lene-muted);font-size:13px}
.lene-preview-modal-close{top:20px;right:22px;width:42px;height:42px;border:1px solid rgba(151,95,10,.2);background:linear-gradient(145deg,#e5aa32,#c77f09);box-shadow:0 10px 25px rgba(163,96,5,.24),inset 0 1px 0 rgba(255,255,255,.4);transition:transform .18s ease,box-shadow .18s ease}
.lene-preview-modal-close:hover{transform:translateY(-2px) rotate(2deg);box-shadow:0 14px 30px rgba(163,96,5,.3)}
.lene-preview-visibility-toggle{border-radius:12px;padding:10px 14px;background:rgba(255,255,255,.72);border-color:var(--lene-line);box-shadow:0 5px 18px rgba(55,35,18,.06);color:#5f472e}
.lene-preview-studio-layout{grid-template-columns:minmax(0,1fr) 318px;gap:18px}
.lene-preview-stage-column{border-radius:17px;overflow:hidden;border:1px solid rgba(95,67,40,.1);box-shadow:0 12px 35px rgba(67,44,25,.08)}
.lene-large-preview{
  height:min(76vh,790px);min-height:570px;border-radius:17px;
  background:
    radial-gradient(circle at 68% 24%,rgba(255,255,255,.95),transparent 24%),
    radial-gradient(circle at 42% 45%,#f8efe2 0%,#e8d8c5 52%,#d8c4ae 100%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.45),inset 0 -80px 120px rgba(101,68,35,.08)
}
.lene-three-surface-host{background:transparent!important}
.lene-three-surface-host canvas{filter:saturate(1.04) contrast(1.025)}
.lene-preview-help{left:24px;gap:23px;color:#4f4439}
.lene-preview-help>div{grid-template-columns:38px auto;column-gap:8px;padding:8px 10px;border-radius:12px;background:rgba(255,252,247,.54);backdrop-filter:blur(8px);box-shadow:0 6px 18px rgba(67,43,22,.05)}
.lene-help-icon{font-size:25px;color:#8d6a43}.lene-preview-help strong{font-size:12px}.lene-preview-help small{font-size:11px}
.lene-surface-sidebar{padding:18px;border:1px solid var(--lene-line);border-radius:17px;background:rgba(255,253,249,.82);box-shadow:0 12px 35px rgba(67,44,25,.07);backdrop-filter:blur(15px)}
.lene-surface-sidebar-heading h4,.lene-surface-layers-heading h4{color:var(--lene-ink);font-size:20px;letter-spacing:-.015em}
.lene-surface-sidebar-heading p{color:var(--lene-muted);margin-bottom:13px}
.lene-surface-cards{gap:8px}
.lene-surface-cards button{grid-template-columns:43px 1fr;gap:10px;padding:9px;border-radius:11px;border-color:rgba(85,61,40,.11);box-shadow:0 3px 12px rgba(48,31,17,.045);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}
.lene-surface-cards button:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(48,31,17,.075)}
.lene-surface-cards button.is-active{color:#fff;border-color:#c9820c;background:linear-gradient(135deg,#d9a335,#bd7608);box-shadow:0 10px 24px rgba(177,106,5,.2),inset 0 1px 0 rgba(255,255,255,.3)}
.lene-surface-cards button.is-active strong,.lene-surface-cards button.is-active small{color:#fff}
.lene-surface-cards button.is-active small{opacity:.72}
.lene-surface-thumb{width:40px;height:40px;border-radius:9px;background:#f7f1e8;font-size:22px}.lene-surface-cards button.is-active .lene-surface-thumb{background:rgba(255,255,255,.9);color:#b16d08}
.lene-surface-layers-heading{margin:18px 0 9px;padding-top:16px}
.lene-surface-layers-heading button{border-radius:9px;background:#fff;color:#a86608;box-shadow:0 4px 12px rgba(112,68,12,.08)}
.lene-surface-layer-list{border-radius:11px;border-color:rgba(85,61,40,.11);box-shadow:0 4px 16px rgba(48,31,17,.045)}
.lene-surface-layer-row{padding:9px}.lene-layer-type{background:#f7f2eb;color:#7e5a2c}.lene-surface-layer-row:hover,.lene-surface-layer-row.is-selected{background:#fff6e8;box-shadow:inset 3px 0 0 var(--lene-gold)}
.lene-surface-tip{margin-top:16px;background:linear-gradient(145deg,#fff8ec,#f8ead5);border:1px solid rgba(188,126,31,.11)}
.lene-large-preview .lene-preview-mode-switch{top:14px;right:14px;padding:4px;border:1px solid rgba(83,58,36,.1);background:rgba(255,253,249,.88);backdrop-filter:blur(12px)}
.lene-preview-mode-switch button{padding:8px 15px!important}.lene-preview-mode-switch button.is-active{background:linear-gradient(135deg,#dca437,#bf780b)!important;box-shadow:0 5px 13px rgba(164,95,3,.2)}
.lene-large-preview .lene-3d-surface-switch{bottom:16px;padding:5px;border-color:rgba(83,58,36,.12);background:rgba(255,253,249,.88);box-shadow:0 10px 28px rgba(48,31,17,.13)}
.lene-large-preview .lene-3d-surface-switch button{padding:9px 16px}
.lene-three-layer-editor{border:1.5px solid #d99a24;background:rgba(255,246,222,.08);box-shadow:0 0 0 1px rgba(255,255,255,.94),0 10px 30px rgba(74,48,24,.15)}
.lene-three-layer-editor::before,.lene-three-layer-editor::after,.lene-three-layer-handle{border-color:#d99a24;box-shadow:0 3px 9px rgba(71,43,17,.17)}
.lene-inline-3d-editor{width:min(320px,calc(100vw - 24px));padding:17px;border-radius:16px;background:rgba(255,253,249,.96);border:1px solid rgba(117,79,39,.16);box-shadow:0 24px 70px rgba(35,23,14,.27);backdrop-filter:blur(18px)}
.lene-inline-3d-editor textarea{padding:11px 12px;border-radius:10px;background:#fff;border-color:rgba(95,67,40,.18);box-shadow:inset 0 1px 2px rgba(45,28,14,.03)}
.lene-inline-3d-editor [data-save]{background:linear-gradient(135deg,#dba336,#bd7508);box-shadow:0 7px 18px rgba(168,98,4,.2)}
@media(max-width:1050px){.lene-preview-studio-layout{grid-template-columns:1fr}.lene-surface-sidebar{display:grid}.lene-large-preview{min-height:500px}}
@media(max-width:700px){.lene-preview-modal{padding:0}.lene-preview-modal-dialog{width:100vw;max-height:100vh;min-height:100vh;border-radius:0;padding:17px 12px}.lene-preview-modal-header{padding-left:2px}.lene-premium-mark{display:none}.lene-large-preview{min-height:410px}.lene-surface-sidebar{padding:14px}}

/* V6.1 Premium material picker */
.lene-material-picker{margin-top:18px;padding:16px;border:1px solid rgba(185,132,39,.2);border-radius:18px;background:linear-gradient(145deg,#fffdf9,#f8efe2);box-shadow:0 10px 28px rgba(89,61,29,.07)}.lene-material-picker-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.lene-material-picker-head strong{display:block;font-family:Georgia,serif;font-size:16px;color:#2f281f}.lene-material-picker-head small{display:block;margin-top:3px;color:#8b7e6e;font-size:11px}.lene-material-picker-head>span{padding:5px 8px;border-radius:999px;background:#f2d79e;color:#7c5315;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.lene-material-picker-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:14px}.lene-material-choice{appearance:none;border:1px solid #ded2c2;background:#fff;border-radius:12px;padding:7px 5px;min-width:0;cursor:pointer;transition:.18s;position:relative}.lene-material-choice:hover{transform:translateY(-1px);border-color:#c99231}.lene-material-choice.is-active{border-color:#ce8e1d;box-shadow:0 0 0 2px rgba(206,142,29,.16)}.lene-material-choice:disabled{cursor:not-allowed;opacity:.56}.lene-material-choice-swatch{display:block;height:34px;border-radius:8px;background:var(--material-tone);box-shadow:inset 0 1px rgba(255,255,255,.7),inset 0 -8px 14px rgba(52,34,16,.08)}.lene-material-choice-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:6px;font-size:9px;font-weight:700;color:#51483d}.lene-material-choice-status{position:absolute;right:3px;top:3px;width:7px;height:7px;border-radius:50%;background:#d99b2b}.lene-material-choice:disabled .lene-material-choice-status{background:#9a9188}.lene-material-picker-note{min-height:14px;margin:9px 0 0;color:#9a6d22;font-size:10px}.lene-three-surface-host:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 35%,transparent 42%,rgba(96,66,34,.055) 100%)}


/* =========================================================
 * LeNe Studio 6.3 — Premium Dark Designer
 * Scoped only to the large product preview modal.
 * ======================================================= */
.lene-preview-modal.lene-theme-dark{
  --lene-dark:#0d1018;--lene-panel:#141923;--lene-panel-2:#1a202b;--lene-line:rgba(255,255,255,.09);
  --lene-text:#f6f1e8;--lene-muted:#9da4b2;--lene-gold:#d89a2b;--lene-gold-2:#f0bd57;
  background:rgba(5,7,11,.82);backdrop-filter:blur(18px) saturate(.85)
}
.lene-preview-modal.lene-theme-dark .lene-preview-modal-dialog{
  width:min(98vw,1580px);max-height:96vh;padding:0;border-radius:18px;overflow:auto;
  color:var(--lene-text);background:linear-gradient(145deg,#0c1017,#111620 55%,#0b0e15);
  border:1px solid rgba(255,255,255,.08);box-shadow:0 32px 90px rgba(0,0,0,.62)
}
.lene-preview-modal.lene-theme-dark .lene-preview-modal-header{
  margin:0;padding:18px 84px 18px 24px;min-height:76px;background:rgba(10,13,20,.96);
  border-bottom:1px solid var(--lene-line)
}
.lene-preview-modal.lene-theme-dark .lene-preview-title-row{align-items:center}
.lene-preview-modal.lene-theme-dark .lene-premium-mark{background:linear-gradient(145deg,#3a2a13,#1e1810);color:var(--lene-gold-2);border:1px solid rgba(225,166,63,.34)}
.lene-preview-modal.lene-theme-dark .lene-preview-modal-header h3{font-family:Inter,system-ui,sans-serif;font-size:22px;color:#fff;letter-spacing:-.02em}
.lene-preview-modal.lene-theme-dark .lene-preview-modal-header p{color:var(--lene-muted)}
.lene-preview-header-actions{display:flex;align-items:center;gap:10px}
.lene-preview-theme-toggle,.lene-preview-visibility-toggle{
  border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:10px 14px;background:#171c26;color:#e9edf4;
  font:700 12px/1 Inter,system-ui,sans-serif;cursor:pointer;transition:.18s ease
}
.lene-preview-theme-toggle:hover,.lene-preview-visibility-toggle:hover{transform:translateY(-1px);border-color:rgba(226,165,55,.5);color:#fff}
.lene-preview-modal.lene-theme-dark .lene-preview-modal-close{background:#171c26;border:1px solid rgba(255,255,255,.12);color:#fff;box-shadow:none}
.lene-preview-modal.lene-theme-dark .lene-preview-studio-layout{
  display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:14px;padding:14px;background:#0b0f16
}
.lene-preview-modal.lene-theme-dark .lene-preview-stage-column{
  display:grid;grid-template-columns:112px minmax(0,1fr);grid-template-rows:minmax(540px,1fr) auto;gap:12px;min-width:0
}
.lene-preview-modal.lene-theme-dark .lene-large-preview{
  grid-column:2;grid-row:1;min-height:650px;height:68vh;border-radius:14px;border:1px solid rgba(255,255,255,.08);
  background:radial-gradient(circle at 55% 30%,#d4b99a 0,#a98767 33%,#6f5948 66%,#42372f 100%);overflow:hidden
}
.lene-preview-modal.lene-theme-dark .lene-large-preview:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 45%,transparent 46%,rgba(0,0,0,.26) 100%)}
.lene-preview-modal.lene-theme-dark .lene-preview-help{
  grid-column:1;grid-row:1;position:static;display:flex;flex-direction:column;gap:8px;align-self:start;padding:0;background:transparent
}
.lene-preview-modal.lene-theme-dark .lene-preview-help>div{
  display:grid;grid-template-columns:28px 1fr;column-gap:8px;padding:13px 10px;border-radius:11px;background:#171c25;border:1px solid rgba(255,255,255,.08);color:#fff
}
.lene-preview-modal.lene-theme-dark .lene-preview-help strong{font:700 11px/1.2 Inter,system-ui,sans-serif}.lene-preview-modal.lene-theme-dark .lene-preview-help small{grid-column:2;color:#8f98a8;font-size:9px;margin-top:3px}
.lene-preview-modal.lene-theme-dark .lene-help-icon{color:var(--lene-gold-2);font-size:17px}
.lene-preview-modal.lene-theme-dark .lene-surface-sidebar{
  padding:16px;border-radius:14px;background:linear-gradient(180deg,#131923,#10151e);border:1px solid rgba(255,255,255,.08);box-shadow:none;color:#fff
}
.lene-preview-modal.lene-theme-dark .lene-surface-sidebar h4{font-family:Inter,system-ui,sans-serif;color:#fff;font-size:15px}.lene-preview-modal.lene-theme-dark .lene-surface-sidebar p{color:var(--lene-muted)}
.lene-preview-modal.lene-theme-dark .lene-surface-cards button,.lene-preview-modal.lene-theme-dark .lene-surface-layer-list>*{
  background:#1a202b;border-color:rgba(255,255,255,.08);color:#f1f3f6;box-shadow:none
}
.lene-preview-modal.lene-theme-dark .lene-surface-cards button:hover{border-color:rgba(216,154,43,.55);transform:translateY(-1px)}
.lene-preview-modal.lene-theme-dark .lene-surface-cards button.is-active{background:linear-gradient(135deg,#2b2419,#191b20);border-color:#d89a2b;box-shadow:inset 3px 0 #d89a2b}
.lene-preview-modal.lene-theme-dark .lene-surface-thumb{background:#252b36;color:#e8b34c}.lene-preview-modal.lene-theme-dark .lene-surface-tip{background:#171c25;border-color:rgba(255,255,255,.08)}
.lene-preview-modal.lene-theme-dark .lene-material-picker{
  grid-column:1 / -1;grid-row:2;margin:0;padding:14px 16px;border-radius:14px;background:#111721;border:1px solid rgba(255,255,255,.08);box-shadow:none
}
.lene-preview-modal.lene-theme-dark .lene-material-picker-head strong{font-family:Inter,system-ui,sans-serif;color:#fff;font-size:14px}.lene-preview-modal.lene-theme-dark .lene-material-picker-head small{color:#8f98a8}
.lene-preview-modal.lene-theme-dark .lene-material-picker-options{grid-template-columns:repeat(6,minmax(110px,1fr));gap:10px}
.lene-preview-modal.lene-theme-dark .lene-material-choice{padding:0 0 9px;overflow:hidden;border-radius:12px;background:#181e29;border:1px solid rgba(255,255,255,.09);color:#fff;text-align:left}
.lene-preview-modal.lene-theme-dark .lene-material-choice-swatch{height:68px;border-radius:0;background-color:var(--material-tone);background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,.28) 0 1px,transparent 2px),radial-gradient(circle at 70% 65%,rgba(54,35,19,.18) 0 1px,transparent 2px),linear-gradient(135deg,rgba(255,255,255,.1),rgba(0,0,0,.13));background-size:18px 18px,23px 23px,100% 100%;box-shadow:inset 0 -20px 30px rgba(0,0,0,.16)}
.lene-preview-modal.lene-theme-dark .lene-material-choice-name{padding:0 9px;color:#f4f1eb;font-size:10px}.lene-preview-modal.lene-theme-dark .lene-material-choice.is-active{border-color:#e1a535;box-shadow:0 0 0 1px rgba(225,165,53,.4)}
.lene-preview-modal.lene-theme-dark .lene-material-picker-note{color:#cfa75d}
.lene-preview-modal.lene-theme-dark .lene-3d-mode-switch,.lene-preview-modal.lene-theme-dark .lene-3d-surface-switch{background:rgba(16,20,28,.92);border:1px solid rgba(255,255,255,.09);box-shadow:0 8px 22px rgba(0,0,0,.25)}
.lene-preview-modal.lene-theme-dark .lene-3d-mode-switch button,.lene-preview-modal.lene-theme-dark .lene-3d-surface-switch button{color:#d7dce5}.lene-preview-modal.lene-theme-dark .lene-3d-mode-switch button.is-active,.lene-preview-modal.lene-theme-dark .lene-3d-surface-switch button.is-active{background:linear-gradient(135deg,#d99a2a,#b87513);color:#fff}
.lene-preview-modal.lene-theme-dark .lene-inline-editor{background:#141a24;color:#fff;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 50px rgba(0,0,0,.5)}
.lene-preview-modal.lene-theme-dark .lene-inline-editor input,.lene-preview-modal.lene-theme-dark .lene-inline-editor select,.lene-preview-modal.lene-theme-dark .lene-inline-editor textarea{background:#0e131b;color:#fff;border-color:rgba(255,255,255,.12)}
.lene-preview-modal.lene-theme-light .lene-preview-theme-toggle{background:#fff7ec;color:#76521b;border-color:#ead5b0}
@media(max-width:1100px){.lene-preview-modal.lene-theme-dark .lene-preview-stage-column{grid-template-columns:1fr}.lene-preview-modal.lene-theme-dark .lene-preview-help{display:none}.lene-preview-modal.lene-theme-dark .lene-large-preview{grid-column:1}.lene-preview-modal.lene-theme-dark .lene-material-picker{grid-column:1}.lene-preview-modal.lene-theme-dark .lene-material-picker-options{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.lene-preview-header-actions{width:100%;flex-wrap:wrap}.lene-preview-modal.lene-theme-dark .lene-preview-studio-layout{grid-template-columns:1fr}.lene-preview-modal.lene-theme-dark .lene-large-preview{min-height:480px;height:58vh}.lene-preview-modal.lene-theme-dark .lene-material-picker-options{grid-template-columns:repeat(2,1fr)}}


/* =========================================================
 * LeNe Studio 6.3.1 — viewport safety + premium light default
 * ======================================================= */
.lene-preview-modal{
  align-items:flex-start!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
  padding:12px!important;
}
.lene-preview-modal .lene-preview-modal-dialog{
  flex:0 0 auto;
  margin:0 auto 12px!important;
  max-height:none!important;
  min-height:0!important;
  overflow:visible!important;
}
body.lene-preview-modal-open{overflow:hidden!important}

/* The same premium workspace geometry is used in both themes. */
.lene-preview-modal.lene-theme-light{
  --lene-dark:#f3eee7;--lene-panel:#fffdf9;--lene-panel-2:#f8f2e9;--lene-line:rgba(85,61,40,.12);
  --lene-text:#2a211a;--lene-muted:#7f7164;--lene-gold:#c9891d;--lene-gold-2:#dda43b;
  background:rgba(31,24,18,.62);backdrop-filter:blur(18px) saturate(.9)
}
.lene-preview-modal.lene-theme-light .lene-preview-modal-dialog{
  width:min(98vw,1580px);padding:0;border-radius:18px;color:var(--lene-text);
  background:linear-gradient(145deg,#fffdfa,#f7f1e8 58%,#fffaf3);
  border:1px solid rgba(255,255,255,.75);box-shadow:0 32px 90px rgba(30,20,12,.38)
}
.lene-preview-modal.lene-theme-light .lene-preview-modal-header{
  margin:0;padding:18px 84px 18px 24px;min-height:76px;background:rgba(255,253,249,.96);
  border-bottom:1px solid var(--lene-line)
}
.lene-preview-modal.lene-theme-light .lene-preview-modal-header h3{font-family:Inter,system-ui,sans-serif;font-size:22px;color:#2b2119;letter-spacing:-.02em}
.lene-preview-modal.lene-theme-light .lene-preview-modal-header p{color:var(--lene-muted)}
.lene-preview-modal.lene-theme-light .lene-preview-modal-close{background:#fff7ec;border:1px solid #ead5b0;color:#7a531c;box-shadow:0 8px 22px rgba(91,56,18,.12)}
.lene-preview-modal.lene-theme-light .lene-preview-studio-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:14px;padding:14px;background:#f2ece4}
.lene-preview-modal.lene-theme-light .lene-preview-stage-column{display:grid;grid-template-columns:112px minmax(0,1fr);grid-template-rows:minmax(540px,1fr) auto;gap:12px;min-width:0}
.lene-preview-modal.lene-theme-light .lene-large-preview{grid-column:2;grid-row:1;min-height:650px;height:68vh;border-radius:14px;border:1px solid rgba(85,61,40,.12);overflow:hidden}
.lene-preview-modal.lene-theme-light .lene-preview-help{grid-column:1;grid-row:1;position:static;display:flex;flex-direction:column;gap:8px;align-self:start;padding:0;background:transparent}
.lene-preview-modal.lene-theme-light .lene-preview-help>div{display:grid;grid-template-columns:28px 1fr;column-gap:8px;padding:13px 10px;border-radius:11px;background:#fffaf3;border:1px solid rgba(85,61,40,.1);color:#33271e;box-shadow:0 5px 18px rgba(55,35,18,.05)}
.lene-preview-modal.lene-theme-light .lene-preview-help strong{font:700 11px/1.2 Inter,system-ui,sans-serif}.lene-preview-modal.lene-theme-light .lene-preview-help small{grid-column:2;color:#8a7b6d;font-size:9px;margin-top:3px}.lene-preview-modal.lene-theme-light .lene-help-icon{color:#bd7c16;font-size:17px}
.lene-preview-modal.lene-theme-light .lene-surface-sidebar{padding:16px;border-radius:14px;background:linear-gradient(180deg,#fffdf9,#f8f2e9);border:1px solid rgba(85,61,40,.11);box-shadow:none;color:#2a211a}
.lene-preview-modal.lene-theme-light .lene-surface-sidebar h4{font-family:Inter,system-ui,sans-serif;color:#2a211a;font-size:15px}.lene-preview-modal.lene-theme-light .lene-surface-sidebar p{color:#807265}
.lene-preview-modal.lene-theme-light .lene-material-picker{grid-column:1/-1;grid-row:2;margin:0;padding:14px 16px;border-radius:14px;background:#fffaf3;border:1px solid rgba(85,61,40,.11);box-shadow:none}
.lene-preview-modal.lene-theme-light .lene-material-picker-head strong{font-family:Inter,system-ui,sans-serif;color:#2a211a;font-size:14px}.lene-preview-modal.lene-theme-light .lene-material-picker-head small{color:#897a6d}
.lene-preview-modal.lene-theme-light .lene-material-picker-options{grid-template-columns:repeat(6,minmax(110px,1fr));gap:10px}
.lene-preview-modal.lene-theme-light .lene-material-choice{padding:0 0 9px;overflow:hidden;border-radius:12px;background:#fff;border:1px solid rgba(85,61,40,.13);text-align:left}
.lene-preview-modal.lene-theme-light .lene-material-choice-swatch{height:68px;border-radius:0;background-color:var(--material-tone);background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,.34) 0 1px,transparent 2px),radial-gradient(circle at 70% 65%,rgba(54,35,19,.16) 0 1px,transparent 2px),linear-gradient(135deg,rgba(255,255,255,.12),rgba(0,0,0,.1));background-size:18px 18px,23px 23px,100% 100%;box-shadow:inset 0 -20px 30px rgba(55,35,18,.11)}
.lene-preview-modal.lene-theme-light .lene-material-choice-name{padding:0 9px;color:#403329;font-size:10px}.lene-preview-modal.lene-theme-light .lene-material-choice.is-active{border-color:#cc8a1d;box-shadow:0 0 0 1px rgba(204,138,29,.28)}
.lene-preview-modal.lene-theme-light .lene-preview-theme-toggle,.lene-preview-modal.lene-theme-light .lene-preview-visibility-toggle{background:#fff7ec;color:#76521b;border-color:#ead5b0}

@media(max-width:1100px){
 .lene-preview-modal.lene-theme-light .lene-preview-stage-column{grid-template-columns:1fr}
 .lene-preview-modal.lene-theme-light .lene-preview-help{display:none}
 .lene-preview-modal.lene-theme-light .lene-large-preview{grid-column:1}
 .lene-preview-modal.lene-theme-light .lene-material-picker{grid-column:1}
 .lene-preview-modal.lene-theme-light .lene-material-picker-options{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:760px){
 .lene-preview-modal{padding:0!important}
 .lene-preview-modal .lene-preview-modal-dialog{width:100vw!important;margin:0!important;border-radius:0!important}
 .lene-preview-modal.lene-theme-light .lene-preview-studio-layout{grid-template-columns:1fr}
 .lene-preview-modal.lene-theme-light .lene-large-preview{min-height:480px;height:58vh}
 .lene-preview-modal.lene-theme-light .lene-material-picker-options{grid-template-columns:repeat(2,1fr)}
}

/* =========================================================
 * V6.4 hard viewport fix — header and close are always visible
 * ======================================================= */
.lene-preview-modal:not([hidden]){position:fixed!important;inset:0!important;display:block!important;width:100vw!important;height:100dvh!important;max-height:100dvh!important;padding:0!important;overflow:hidden!important;z-index:999999!important}
.lene-preview-modal .lene-preview-modal-backdrop{position:fixed!important;inset:0!important}
.lene-preview-modal .lene-preview-modal-dialog{position:relative!important;z-index:2!important;width:min(100vw,1600px)!important;height:100dvh!important;max-height:100dvh!important;margin:0 auto!important;border-radius:0!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;scrollbar-gutter:stable}
.lene-preview-modal .lene-preview-modal-header{position:sticky!important;top:0!important;z-index:1000!important;box-sizing:border-box!important}
.lene-preview-modal .lene-preview-modal-close{position:fixed!important;top:14px!important;right:max(18px,calc((100vw - 1600px)/2 + 18px))!important;z-index:1002!important}
@media(max-width:760px){.lene-preview-modal .lene-preview-modal-close{top:10px!important;right:10px!important}.lene-preview-modal .lene-preview-modal-header{padding-right:62px!important}}


/* =========================================================
 * LeNe Studio 6.4.1 — body portal viewport + real PBR swatches
 * ======================================================= */
html.lene-preview-modal-open,
body.lene-preview-modal-open{
  overflow:hidden!important;
  overscroll-behavior:none!important;
}
body > .lene-preview-modal:not([hidden]){
  position:fixed!important;
  inset:0!important;
  width:100%!important;
  height:100vh!important;
  height:100dvh!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  z-index:2147483000!important;
  isolation:isolate!important;
  transform:none!important;
  filter:none!important;
  perspective:none!important;
  contain:none!important;
}
body > .lene-preview-modal .lene-preview-modal-dialog{
  position:absolute!important;
  inset:0!important;
  width:min(100%,1600px)!important;
  height:100%!important;
  max-height:100%!important;
  min-height:0!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr) auto!important;
  overflow:hidden!important;
}
body > .lene-preview-modal .lene-preview-modal-header{
  position:relative!important;
  top:auto!important;
  flex:none!important;
  z-index:30!important;
}
body > .lene-preview-modal .lene-preview-studio-layout{
  min-height:0!important;
  overflow:auto!important;
  align-content:start!important;
}
body > .lene-preview-modal .lene-preview-modal-close{
  position:absolute!important;
  top:14px!important;
  right:18px!important;
  z-index:40!important;
}
.lene-material-choice.has-pbr-image .lene-material-choice-swatch{
  background-image:var(--material-image),linear-gradient(135deg,rgba(255,255,255,.08),rgba(0,0,0,.12))!important;
  background-size:cover!important;
  background-position:center!important;
}
@media (max-height:760px) and (min-width:761px){
  body > .lene-preview-modal .lene-preview-modal-header{padding-top:10px!important;padding-bottom:10px!important;min-height:58px!important}
  body > .lene-preview-modal .lene-preview-modal-header p{display:none!important}
  .lene-preview-modal.lene-theme-light .lene-large-preview,
  .lene-preview-modal.lene-theme-dark .lene-large-preview{height:60vh!important;min-height:440px!important}
}


/* =========================================================
 * LeNe Studio 6.4.2 — generated UVs + readable premium tools
 * ======================================================= */
.lene-preview-modal.lene-theme-light .lene-preview-stage-column,
.lene-preview-modal.lene-theme-dark .lene-preview-stage-column{
  grid-template-columns:190px minmax(0,1fr)!important;
}
.lene-preview-modal .lene-preview-help{
  min-width:0!important;
  width:auto!important;
  overflow:visible!important;
}
.lene-preview-modal .lene-preview-help-title{
  display:block!important;
  padding:4px 4px 10px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.lene-preview-modal .lene-preview-help-title strong{
  display:block!important;
  font-size:13px!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
}
.lene-preview-modal .lene-preview-help-title small{
  display:block!important;
  margin-top:4px!important;
  font-size:10px!important;
  line-height:1.4!important;
}
.lene-preview-modal .lene-preview-help>div:not(.lene-preview-help-title){
  grid-template-columns:34px minmax(0,1fr)!important;
  padding:13px 12px!important;
  min-height:62px!important;
  box-sizing:border-box!important;
}
.lene-preview-modal .lene-preview-help strong,
.lene-preview-modal .lene-preview-help small{
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  word-break:normal!important;
}
.lene-preview-modal .lene-preview-help strong{
  font-size:12px!important;
  line-height:1.3!important;
}
.lene-preview-modal .lene-preview-help small{
  font-size:10px!important;
  line-height:1.45!important;
}
.lene-preview-modal .lene-help-icon{
  align-self:start!important;
  margin-top:1px!important;
}
@media(max-width:1180px){
  .lene-preview-modal.lene-theme-light .lene-preview-stage-column,
  .lene-preview-modal.lene-theme-dark .lene-preview-stage-column{grid-template-columns:160px minmax(0,1fr)!important}
}
@media(max-width:980px){
  .lene-preview-modal.lene-theme-light .lene-preview-stage-column,
  .lene-preview-modal.lene-theme-dark .lene-preview-stage-column{grid-template-columns:1fr!important}
  .lene-preview-modal .lene-preview-help{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-column:1!important;grid-row:auto!important}
  .lene-preview-modal .lene-preview-help-title{grid-column:1/-1!important}
  .lene-preview-modal .lene-large-preview{grid-column:1!important}
}
@media(max-width:720px){
  .lene-preview-modal .lene-preview-help{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}


/* =========================================================
 * LeNe Studio 7.0 — fullscreen application shell
 * ======================================================= */
.lene-open-preview-btn{font-weight:800;letter-spacing:.01em}
body.lene-preview-modal-open{overflow:hidden!important;touch-action:none}
.lene-preview-modal:not([hidden]){
  position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;
  display:block!important;padding:0!important;margin:0!important;overflow:hidden!important;z-index:2147483000!important;
}
.lene-preview-modal .lene-preview-modal-backdrop{display:none!important}
.lene-preview-modal .lene-preview-modal-dialog{
  position:fixed!important;inset:0!important;width:100vw!important;max-width:none!important;height:100vh!important;height:100dvh!important;
  max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;overflow:hidden!important;
  display:grid!important;grid-template-rows:72px minmax(0,1fr)!important;background:#f3eee7!important;
}
.lene-preview-modal .lene-preview-modal-header{
  position:relative!important;inset:auto!important;z-index:50!important;height:72px!important;min-height:72px!important;margin:0!important;
  padding:0 154px 0 30px!important;display:flex!important;align-items:center!important;border-bottom:1px solid rgba(50,36,24,.11)!important;
  background:rgba(255,253,249,.98)!important;box-shadow:0 3px 18px rgba(45,30,17,.06)!important;overflow:visible!important;
}
.lene-preview-modal .lene-preview-modal-close{
  position:fixed!important;top:14px!important;right:20px!important;z-index:2147483640!important;width:44px!important;height:44px!important;
  display:grid!important;place-items:center!important;margin:0!important;border-radius:12px!important;
}
.lene-preview-modal .lene-preview-studio-layout{
  min-height:0!important;height:100%!important;overflow:hidden!important;padding:12px!important;
  display:grid!important;grid-template-columns:minmax(0,1fr) 340px!important;gap:12px!important;
}
.lene-preview-modal .lene-preview-stage-column{
  min-height:0!important;height:100%!important;display:grid!important;grid-template-columns:220px minmax(0,1fr)!important;
  grid-template-rows:minmax(0,1fr) 156px!important;gap:12px!important;overflow:hidden!important;
}
.lene-preview-modal .lene-large-preview{grid-column:2!important;grid-row:1!important;width:100%!important;height:100%!important;min-height:0!important}
.lene-preview-modal .lene-material-picker{grid-column:1/-1!important;grid-row:2!important;min-height:0!important;overflow:auto!important;margin:0!important}
.lene-preview-modal .lene-surface-sidebar{min-height:0!important;height:100%!important;overflow:auto!important}
.lene-preview-modal .lene-preview-header-actions{padding-right:0!important}

/* Brand and professional toolbox */
.lene-studio-toolbox{grid-column:1!important;grid-row:1!important;position:static!important;display:flex!important;flex-direction:column!important;
  min-width:0!important;height:100%!important;overflow:auto!important;padding:14px!important;border-radius:14px!important;gap:14px!important}
.lene-toolbox-brand{display:flex;align-items:center;gap:10px;padding:2px 3px 12px;border-bottom:1px solid rgba(70,48,28,.12)}
.lene-toolbox-brand img{width:78px!important;height:38px!important;object-fit:contain!important;object-position:left center!important}
.lene-toolbox-brand span{font-size:9px;letter-spacing:.22em;font-weight:800;color:#b57a1e}
.lene-toolbox-section{display:grid;gap:7px}.lene-toolbox-heading{font-size:11px;font-weight:900;letter-spacing:.11em;color:#796a5c;margin:2px 2px 4px}
.lene-toolbox-item{appearance:none;width:100%;min-height:42px;display:grid;grid-template-columns:32px 1fr;align-items:center;text-align:left;gap:8px;
  padding:7px 10px;border:1px solid rgba(68,46,25,.11);border-radius:10px;background:rgba(255,255,255,.7);color:#33281f;cursor:pointer}
.lene-toolbox-item span{font-size:18px;text-align:center;color:#a96e15}.lene-toolbox-item strong{font-size:12px}.lene-toolbox-item:hover,.lene-toolbox-item.is-active{border-color:#d49427;background:#fff8ea;box-shadow:0 0 0 1px rgba(212,148,39,.12)}
.lene-view-tools{margin-top:auto}.lene-view-tool{display:grid;grid-template-columns:28px 1fr;gap:8px;padding:8px;border-radius:9px;background:rgba(255,255,255,.55)}
.lene-view-tool>span{color:#b97813;font-size:16px}.lene-view-tool strong{display:block;font-size:11px}.lene-view-tool small{display:block;font-size:9px;color:#8b7b6d;margin-top:2px}

/* Docked inspector fixes inline-edit popup stacking forever */
.lene-layer-inspector{margin:14px 0 0;padding:14px;border-radius:13px;border:1px solid rgba(186,124,25,.28);background:linear-gradient(180deg,#fffaf0,#f7eddd);box-shadow:0 10px 30px rgba(77,48,20,.08)}
.lene-layer-inspector[hidden]{display:none!important}.lene-layer-inspector-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px}
.lene-layer-inspector-head span{display:block;font-size:9px;letter-spacing:.13em;font-weight:900;color:#b5791b}.lene-layer-inspector-head strong{display:block;margin-top:3px;font-size:14px;color:#2f241b}
.lene-layer-inspector-head button{width:30px;height:30px;border:0;border-radius:8px;background:#eee2d3;cursor:pointer}.lene-layer-inspector label{display:block;margin-bottom:6px;font-size:11px;font-weight:800;color:#4a3829}
.lene-layer-inspector textarea{box-sizing:border-box;width:100%;min-height:76px;resize:vertical;padding:10px;border:1px solid #dfcbae;border-radius:9px;background:#fff;color:#2c2119;font:600 13px/1.4 Inter,system-ui,sans-serif}
.lene-inspector-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.lene-inspector-actions button{min-height:37px;border-radius:9px;border:1px solid #d9c3a2;background:#fff;cursor:pointer;font-weight:800}
.lene-inspector-actions button:first-child{border-color:#c9881d;background:linear-gradient(135deg,#dda22e,#bd7711);color:#fff}.lene-layer-inspector p{margin:9px 0 0;font-size:9px;line-height:1.45;color:#857363}

/* Dark theme mapping */
.lene-preview-modal.lene-theme-dark .lene-preview-modal-dialog{background:#0c1018!important}.lene-preview-modal.lene-theme-dark .lene-preview-modal-header{background:#0f141e!important;border-color:rgba(255,255,255,.08)!important}
.lene-preview-modal.lene-theme-dark .lene-preview-studio-layout{background:#0c1018!important}.lene-preview-modal.lene-theme-dark .lene-studio-toolbox{background:#111722!important;border:1px solid rgba(255,255,255,.08)!important}
.lene-preview-modal.lene-theme-dark .lene-toolbox-brand{border-color:rgba(255,255,255,.08)}.lene-preview-modal.lene-theme-dark .lene-toolbox-heading{color:#a8afbb}
.lene-preview-modal.lene-theme-dark .lene-toolbox-item{background:#151c27;border-color:rgba(255,255,255,.07);color:#ecf0f6}.lene-preview-modal.lene-theme-dark .lene-toolbox-item:hover,.lene-preview-modal.lene-theme-dark .lene-toolbox-item.is-active{background:#211d16;border-color:#d59a31}
.lene-preview-modal.lene-theme-dark .lene-view-tool{background:#151c27;color:#fff}.lene-preview-modal.lene-theme-dark .lene-view-tool small{color:#929cab}
.lene-preview-modal.lene-theme-dark .lene-layer-inspector{background:#131a24;border-color:rgba(219,157,50,.3)}.lene-preview-modal.lene-theme-dark .lene-layer-inspector-head strong,.lene-preview-modal.lene-theme-dark .lene-layer-inspector label{color:#fff}.lene-preview-modal.lene-theme-dark .lene-layer-inspector textarea{background:#0b1018;color:#fff;border-color:rgba(255,255,255,.12)}.lene-preview-modal.lene-theme-dark .lene-layer-inspector-head button,.lene-preview-modal.lene-theme-dark .lene-inspector-actions button{background:#1c2430;color:#fff;border-color:rgba(255,255,255,.1)}

@media(max-width:1100px){
 .lene-preview-modal .lene-preview-studio-layout{grid-template-columns:minmax(0,1fr) 300px!important}
 .lene-preview-modal .lene-preview-stage-column{grid-template-columns:180px minmax(0,1fr)!important}
}
@media(max-width:820px){
 .lene-preview-modal .lene-preview-modal-header{padding-left:16px!important;padding-right:70px!important}.lene-preview-header-actions{display:none!important}
 .lene-preview-modal .lene-preview-studio-layout{grid-template-columns:1fr!important;overflow:auto!important}
 .lene-preview-modal .lene-preview-stage-column{height:auto!important;grid-template-columns:1fr!important;grid-template-rows:110px minmax(480px,62vh) auto!important;overflow:visible!important}
 .lene-studio-toolbox{grid-column:1!important;grid-row:1!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;height:110px!important;overflow:auto!important}
 .lene-toolbox-brand,.lene-view-tools,.lene-toolbox-heading{display:none!important}.lene-toolbox-section{display:contents!important}.lene-toolbox-item{min-width:90px!important}
 .lene-preview-modal .lene-large-preview{grid-column:1!important;grid-row:2!important}.lene-preview-modal .lene-material-picker{grid-column:1!important;grid-row:3!important}
 .lene-preview-modal .lene-surface-sidebar{height:auto!important;overflow:visible!important}
}

/* =========================================================
 * LeNe Studio 7.0.1 — authoritative viewport geometry fix
 * Must remain last: overrides legacy modal width/max-width rules.
 * ======================================================= */
html.lene-preview-modal-open,
body.lene-preview-modal-open{
  width:100%!important;
  height:100%!important;
  overflow:hidden!important;
}
body > .lene-preview-modal:not([hidden]){
  position:fixed!important;
  inset:0!important;
  left:0!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  width:100vw!important;
  min-width:100vw!important;
  max-width:none!important;
  height:100vh!important;
  height:100dvh!important;
  min-height:100dvh!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  transform:none!important;
}
body > .lene-preview-modal:not([hidden]) > .lene-preview-modal-dialog{
  position:absolute!important;
  inset:0!important;
  left:0!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  width:100vw!important;
  min-width:100vw!important;
  max-width:none!important;
  height:100vh!important;
  height:100dvh!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border-radius:0!important;
  display:grid!important;
  grid-template-rows:72px minmax(0,1fr)!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
body > .lene-preview-modal:not([hidden]) .lene-preview-modal-header{
  width:100%!important;
  min-width:0!important;
  height:72px!important;
  min-height:72px!important;
  box-sizing:border-box!important;
}
body > .lene-preview-modal:not([hidden]) .lene-preview-studio-layout{
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  box-sizing:border-box!important;
  grid-template-columns:minmax(0,1fr) clamp(300px,22vw,370px)!important;
  overflow:hidden!important;
}
body > .lene-preview-modal:not([hidden]) .lene-preview-stage-column{
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  grid-template-columns:clamp(210px,16vw,260px) minmax(0,1fr)!important;
  grid-template-rows:minmax(0,1fr) 156px!important;
  overflow:hidden!important;
}
body > .lene-preview-modal:not([hidden]) .lene-studio-toolbox,
body > .lene-preview-modal:not([hidden]) .lene-large-preview,
body > .lene-preview-modal:not([hidden]) .lene-material-picker,
body > .lene-preview-modal:not([hidden]) .lene-surface-sidebar{
  min-width:0!important;
  min-height:0!important;
  box-sizing:border-box!important;
}
body > .lene-preview-modal:not([hidden]) .lene-large-preview{
  height:100%!important;
  max-height:none!important;
}
body > .lene-preview-modal:not([hidden]) .lene-preview-modal-close{
  position:fixed!important;
  top:max(14px,env(safe-area-inset-top))!important;
  right:max(20px,env(safe-area-inset-right))!important;
}
@media (max-width:1180px){
  body > .lene-preview-modal:not([hidden]) .lene-preview-studio-layout{
    grid-template-columns:minmax(0,1fr) 300px!important;
  }
  body > .lene-preview-modal:not([hidden]) .lene-preview-stage-column{
    grid-template-columns:190px minmax(0,1fr)!important;
  }
}
@media (max-width:900px){
  body > .lene-preview-modal:not([hidden]) > .lene-preview-modal-dialog{
    grid-template-rows:64px minmax(0,1fr)!important;
  }
  body > .lene-preview-modal:not([hidden]) .lene-preview-modal-header{
    height:64px!important;
    min-height:64px!important;
  }
  body > .lene-preview-modal:not([hidden]) .lene-preview-studio-layout{
    grid-template-columns:1fr!important;
    overflow:auto!important;
  }
}


/* =========================================================
 * LeNe Studio 7.0.2 — viewport density, fit and padding fix
 * Keeps the whole application visible without browser zoom.
 * ======================================================= */
body > .lene-preview-modal:not([hidden]) > .lene-preview-modal-dialog{
  grid-template-rows:64px minmax(0,1fr)!important;
}
body > .lene-preview-modal:not([hidden]) .lene-preview-modal-header{
  height:64px!important;
  min-height:64px!important;
  padding:0 148px 0 22px!important;
}
body > .lene-preview-modal:not([hidden]) .lene-preview-modal-header h3{
  font-size:19px!important;
  line-height:1.1!important;
}
body > .lene-preview-modal:not([hidden]) .lene-preview-modal-header p{
  margin-top:3px!important;
  font-size:10px!important;
  line-height:1.2!important;
}
body > .lene-preview-modal:not([hidden]) .lene-preview-modal-close{
  top:10px!important;
  right:14px!important;
  width:40px!important;
  height:40px!important;
}
body > .lene-preview-modal:not([hidden]) .lene-preview-studio-layout{
  padding:10px!important;
  gap:10px!important;
  grid-template-columns:minmax(0,1fr) clamp(286px,20vw,328px)!important;
}
body > .lene-preview-modal:not([hidden]) .lene-preview-stage-column{
  gap:10px!important;
  grid-template-columns:clamp(184px,13.5vw,220px) minmax(0,1fr)!important;
  grid-template-rows:minmax(0,1fr) 132px!important;
}
body > .lene-preview-modal:not([hidden]) .lene-studio-toolbox{
  padding:10px!important;
  gap:9px!important;
  border-radius:12px!important;
  overscroll-behavior:contain!important;
}
body > .lene-preview-modal:not([hidden]) .lene-toolbox-brand{
  padding-bottom:8px!important;
}
body > .lene-preview-modal:not([hidden]) .lene-toolbox-brand img{
  width:66px!important;
  height:32px!important;
}
body > .lene-preview-modal:not([hidden]) .lene-toolbox-section{
  gap:5px!important;
}
body > .lene-preview-modal:not([hidden]) .lene-toolbox-heading{
  margin:0 2px 2px!important;
  font-size:9px!important;
}
body > .lene-preview-modal:not([hidden]) .lene-toolbox-item{
  min-height:35px!important;
  grid-template-columns:26px 1fr!important;
  padding:5px 8px!important;
  border-radius:8px!important;
}
body > .lene-preview-modal:not([hidden]) .lene-toolbox-item span{
  font-size:15px!important;
}
body > .lene-preview-modal:not([hidden]) .lene-toolbox-item strong{
  font-size:10px!important;
}
body > .lene-preview-modal:not([hidden]) .lene-view-tool{
  padding:6px!important;
  grid-template-columns:23px 1fr!important;
}
body > .lene-preview-modal:not([hidden]) .lene-view-tool strong{font-size:10px!important}
body > .lene-preview-modal:not([hidden]) .lene-view-tool small{font-size:8px!important}
body > .lene-preview-modal:not([hidden]) .lene-large-preview{
  border-radius:12px!important;
}
body > .lene-preview-modal:not([hidden]) .lene-material-picker{
  padding:9px 11px!important;
  border-radius:12px!important;
  overflow:hidden!important;
}
body > .lene-preview-modal:not([hidden]) .lene-material-picker-head{
  margin-bottom:7px!important;
}
body > .lene-preview-modal:not([hidden]) .lene-material-picker-head strong{font-size:12px!important}
body > .lene-preview-modal:not([hidden]) .lene-material-picker-head small{font-size:8px!important}
body > .lene-preview-modal:not([hidden]) .lene-material-picker-options{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(92px,1fr))!important;
  gap:7px!important;
  height:88px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding-bottom:2px!important;
}
body > .lene-preview-modal:not([hidden]) .lene-material-choice{
  min-width:92px!important;
  height:84px!important;
  padding-bottom:5px!important;
  border-radius:9px!important;
}
body > .lene-preview-modal:not([hidden]) .lene-material-choice-swatch{
  height:54px!important;
}
body > .lene-preview-modal:not([hidden]) .lene-material-choice-name{
  padding:0 6px!important;
  font-size:8px!important;
  line-height:1.15!important;
}
body > .lene-preview-modal:not([hidden]) .lene-material-picker-note{
  display:none!important;
}
body > .lene-preview-modal:not([hidden]) .lene-surface-sidebar{
  padding:12px!important;
  border-radius:12px!important;
  overscroll-behavior:contain!important;
}
body > .lene-preview-modal:not([hidden]) .lene-surface-sidebar-heading{margin-bottom:9px!important}
body > .lene-preview-modal:not([hidden]) .lene-surface-sidebar h4{font-size:13px!important}
body > .lene-preview-modal:not([hidden]) .lene-surface-sidebar p{font-size:9px!important}
body > .lene-preview-modal:not([hidden]) .lene-surface-cards{gap:6px!important}
body > .lene-preview-modal:not([hidden]) .lene-surface-cards button{min-height:50px!important;padding:7px!important}
body > .lene-preview-modal:not([hidden]) .lene-surface-layer-list{max-height:240px!important;overflow:auto!important}
body > .lene-preview-modal:not([hidden]) .lene-surface-layer-row{min-height:42px!important}

/* 2D layers are directly editable, just like 3D layers. */
body > .lene-preview-modal:not([hidden]) .lene-unified-preview-text{
  cursor:text!important;
}
body > .lene-preview-modal:not([hidden]) .lene-unified-preview-text:hover{
  outline:1px dashed rgba(205,139,28,.9)!important;
  outline-offset:3px!important;
  background:rgba(255,248,232,.08)!important;
}

@media (max-height:820px) and (min-width:901px){
  body > .lene-preview-modal:not([hidden]) > .lene-preview-modal-dialog{grid-template-rows:58px minmax(0,1fr)!important}
  body > .lene-preview-modal:not([hidden]) .lene-preview-modal-header{height:58px!important;min-height:58px!important}
  body > .lene-preview-modal:not([hidden]) .lene-preview-modal-header p{display:none!important}
  body > .lene-preview-modal:not([hidden]) .lene-preview-stage-column{grid-template-rows:minmax(0,1fr) 116px!important}
  body > .lene-preview-modal:not([hidden]) .lene-material-picker-options{height:75px!important}
  body > .lene-preview-modal:not([hidden]) .lene-material-choice{height:72px!important}
  body > .lene-preview-modal:not([hidden]) .lene-material-choice-swatch{height:44px!important}
}
@media (max-width:1180px) and (min-width:901px){
  body > .lene-preview-modal:not([hidden]) .lene-preview-studio-layout{grid-template-columns:minmax(0,1fr) 286px!important}
  body > .lene-preview-modal:not([hidden]) .lene-preview-stage-column{grid-template-columns:176px minmax(0,1fr)!important}
}


/* =========================================================
 * LeNe Studio 7.1.0 — definitive viewport fit
 * One app viewport: header + toolbox/stage/inspector + materials.
 * ======================================================= */
body > #lenePreviewModal.lene-preview-modal:not([hidden]){
  position:fixed!important; inset:0!important; z-index:2147483000!important;
  width:100dvw!important; height:100dvh!important; margin:0!important; padding:0!important;
  overflow:hidden!important; background:#eee7de!important;
}
body > #lenePreviewModal:not([hidden]) > .lene-preview-modal-dialog{
  position:absolute!important; inset:0!important; width:100%!important; height:100%!important;
  display:grid!important; grid-template-rows:68px minmax(0,1fr)!important;
  margin:0!important; padding:0!important; max-width:none!important; max-height:none!important;
  overflow:hidden!important; border-radius:0!important; box-sizing:border-box!important;
}
body > #lenePreviewModal:not([hidden]) .lene-preview-modal-header{
  position:relative!important; grid-row:1!important; height:68px!important; min-height:68px!important;
  padding:0 168px 0 24px!important; margin:0!important; overflow:visible!important;
}
body > #lenePreviewModal:not([hidden]) .lene-preview-modal-close{
  position:fixed!important; top:12px!important; right:16px!important; width:42px!important; height:42px!important;
}
body > #lenePreviewModal:not([hidden]) .lene-preview-studio-layout{
  grid-row:2!important; min-height:0!important; height:auto!important;
  display:grid!important; grid-template-columns:minmax(0,1fr) clamp(292px,21vw,332px)!important;
  gap:10px!important; padding:10px!important; overflow:hidden!important; box-sizing:border-box!important;
}
body > #lenePreviewModal:not([hidden]) .lene-preview-stage-column{
  min-width:0!important; min-height:0!important; height:100%!important;
  display:grid!important;
  grid-template-columns:clamp(190px,14vw,224px) minmax(0,1fr)!important;
  grid-template-rows:minmax(0,1fr) 122px!important;
  gap:10px!important; overflow:hidden!important;
}
body > #lenePreviewModal:not([hidden]) .lene-studio-toolbox{
  position:relative!important; inset:auto!important; grid-column:1!important; grid-row:1!important;
  width:auto!important; min-width:0!important; max-width:none!important; height:100%!important; max-height:none!important;
  display:flex!important; flex-direction:column!important; visibility:visible!important;
  padding:12px!important; margin:0!important; overflow-y:auto!important; overflow-x:hidden!important;
  box-sizing:border-box!important;
}
body > #lenePreviewModal:not([hidden]) .lene-large-preview{
  position:relative!important; grid-column:2!important; grid-row:1!important;
  width:100%!important; height:100%!important; min-width:0!important; min-height:0!important;
  max-width:none!important; max-height:none!important; margin:0!important; overflow:hidden!important;
}
body > #lenePreviewModal:not([hidden]) .lene-large-preview > img,
body > #lenePreviewModal:not([hidden]) .lene-large-preview .lene-large-preview-image{
  width:100%!important; height:100%!important; object-fit:contain!important; object-position:center!important;
}
body > #lenePreviewModal:not([hidden]) .lene-material-picker{
  grid-column:1 / -1!important; grid-row:2!important;
  min-width:0!important; min-height:0!important; height:122px!important; max-height:122px!important;
  padding:8px 10px!important; margin:0!important; overflow:hidden!important; box-sizing:border-box!important;
}
body > #lenePreviewModal:not([hidden]) .lene-material-picker-head{height:28px!important;margin:0 0 6px!important}
body > #lenePreviewModal:not([hidden]) .lene-material-picker-options{
  display:flex!important; align-items:stretch!important; gap:8px!important;
  width:100%!important; height:72px!important; min-height:72px!important; max-height:72px!important;
  overflow-x:auto!important; overflow-y:hidden!important; padding:0 0 2px!important;
}
body > #lenePreviewModal:not([hidden]) .lene-material-choice{
  flex:0 0 clamp(112px,12vw,170px)!important; width:auto!important; min-width:112px!important;
  height:70px!important; min-height:70px!important; max-height:70px!important; overflow:hidden!important;
}
body > #lenePreviewModal:not([hidden]) .lene-material-choice-swatch{height:43px!important;min-height:43px!important}
body > #lenePreviewModal:not([hidden]) .lene-material-choice-name{font-size:9px!important;line-height:1!important}
body > #lenePreviewModal:not([hidden]) .lene-surface-sidebar{
  min-width:0!important; min-height:0!important; width:auto!important; height:100%!important;
  padding:12px!important; margin:0!important; overflow-y:auto!important; overflow-x:hidden!important;
  box-sizing:border-box!important;
}
body > #lenePreviewModal:not([hidden]) .lene-toolbox-brand,
body > #lenePreviewModal:not([hidden]) .lene-toolbox-section,
body > #lenePreviewModal:not([hidden]) .lene-view-tools{display:grid!important;visibility:visible!important;opacity:1!important}
body > #lenePreviewModal:not([hidden]) .lene-toolbox-brand{display:flex!important;flex:0 0 auto!important}
body > #lenePreviewModal:not([hidden]) .lene-toolbox-item{min-height:38px!important;flex:0 0 auto!important}
body > #lenePreviewModal:not([hidden]) .lene-view-tools{margin-top:10px!important;flex:0 0 auto!important}
body > #lenePreviewModal:not([hidden]) .lene-view-tool{min-height:42px!important}

@media (max-height:760px) and (min-width:821px){
 body > #lenePreviewModal:not([hidden]) > .lene-preview-modal-dialog{grid-template-rows:58px minmax(0,1fr)!important}
 body > #lenePreviewModal:not([hidden]) .lene-preview-modal-header{height:58px!important;min-height:58px!important}
 body > #lenePreviewModal:not([hidden]) .lene-preview-modal-header p{display:none!important}
 body > #lenePreviewModal:not([hidden]) .lene-preview-stage-column{grid-template-rows:minmax(0,1fr) 104px!important}
 body > #lenePreviewModal:not([hidden]) .lene-material-picker{height:104px!important;max-height:104px!important}
 body > #lenePreviewModal:not([hidden]) .lene-material-picker-options{height:58px!important;min-height:58px!important;max-height:58px!important}
 body > #lenePreviewModal:not([hidden]) .lene-material-choice{height:56px!important;min-height:56px!important;max-height:56px!important}
 body > #lenePreviewModal:not([hidden]) .lene-material-choice-swatch{height:32px!important;min-height:32px!important}
 body > #lenePreviewModal:not([hidden]) .lene-toolbox-item{min-height:33px!important;padding:4px 7px!important}
 body > #lenePreviewModal:not([hidden]) .lene-view-tool{min-height:35px!important;padding:4px!important}
}
@media (max-width:1180px) and (min-width:821px){
 body > #lenePreviewModal:not([hidden]) .lene-preview-studio-layout{grid-template-columns:minmax(0,1fr) 286px!important}
 body > #lenePreviewModal:not([hidden]) .lene-preview-stage-column{grid-template-columns:180px minmax(0,1fr)!important}
}

/* =========================================================
 * LeNe Studio 7.1.1 — toolbox visibility + 2D direct editing
 * ======================================================= */
body > #lenePreviewModal:not([hidden]) .lene-studio-toolbox{
  display:flex!important;
  flex-direction:column!important;
  visibility:visible!important;
  opacity:1!important;
  color:#2d241d!important;
  background:#fffaf3!important;
  border:1px solid rgba(80,55,35,.12)!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  scrollbar-width:thin!important;
}
body > #lenePreviewModal:not([hidden]) .lene-studio-toolbox > *{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  position:relative!important;
  transform:none!important;
}
body > #lenePreviewModal:not([hidden]) .lene-toolbox-brand{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  min-height:56px!important;
  padding:4px 4px 10px!important;
  border-bottom:1px solid rgba(80,55,35,.10)!important;
}
body > #lenePreviewModal:not([hidden]) .lene-toolbox-brand img{
  display:block!important;width:84px!important;height:auto!important;max-height:42px!important;object-fit:contain!important;
}
body > #lenePreviewModal:not([hidden]) .lene-toolbox-brand span{display:block!important;font-size:9px!important;letter-spacing:.22em!important;color:#b47b20!important}
body > #lenePreviewModal:not([hidden]) .lene-toolbox-section{display:flex!important;flex-direction:column!important;gap:6px!important}
body > #lenePreviewModal:not([hidden]) .lene-toolbox-item,
body > #lenePreviewModal:not([hidden]) .lene-view-tool{display:grid!important;visibility:visible!important;opacity:1!important;color:#34281f!important}
body > #lenePreviewModal:not([hidden]) .lene-toolbox-item strong,
body > #lenePreviewModal:not([hidden]) .lene-view-tool strong,
body > #lenePreviewModal:not([hidden]) .lene-view-tool small,
body > #lenePreviewModal:not([hidden]) .lene-toolbox-heading{color:inherit!important;visibility:visible!important;opacity:1!important}
body > #lenePreviewModal.lene-theme-dark:not([hidden]) .lene-studio-toolbox{background:#111722!important;color:#f4eadc!important;border-color:rgba(255,255,255,.08)!important}
body > #lenePreviewModal.lene-theme-dark:not([hidden]) .lene-toolbox-item,
body > #lenePreviewModal.lene-theme-dark:not([hidden]) .lene-view-tool{color:#f4eadc!important}
body > #lenePreviewModal:not([hidden]) .lene-large-preview .lene-unified-preview-layers{pointer-events:auto!important}
body > #lenePreviewModal:not([hidden]) .lene-unified-preview-layer{pointer-events:auto!important;cursor:text!important;user-select:none!important}
body > #lenePreviewModal:not([hidden]) .lene-unified-preview-text:hover,
body > #lenePreviewModal:not([hidden]) .lene-unified-preview-text:focus{
  outline:2px solid rgba(210,145,31,.95)!important;
  outline-offset:3px!important;
  box-shadow:0 0 0 5px rgba(210,145,31,.12)!important;
}
body > #lenePreviewModal:not([hidden]) .lene-layer-inspector{
  position:sticky!important;bottom:0!important;z-index:50!important;
  background:#fffaf4!important;border:1px solid rgba(180,123,32,.28)!important;
  box-shadow:0 14px 38px rgba(44,28,13,.18)!important;
}
body > #lenePreviewModal.lene-theme-dark:not([hidden]) .lene-layer-inspector{background:#151b26!important;color:#fff!important;border-color:rgba(212,149,43,.45)!important}


/* =========================================================
 * LeNe Studio 7.1.2 — floating rounded application shell
 * and direct 2D layer selection
 * ======================================================= */
body.lene-preview-modal-open{
  overflow:hidden!important;
  padding-right:0!important;
}
body > #lenePreviewModal:not([hidden]){
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100dvh!important;
  padding:14px!important;
  background:rgba(24,19,15,.72)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
body > #lenePreviewModal:not([hidden]) > .lene-preview-modal-backdrop{
  position:absolute!important;
  inset:0!important;
  background:transparent!important;
}
body > #lenePreviewModal:not([hidden]) > .lene-preview-modal-dialog{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  overflow:hidden!important;
  border:1px solid rgba(159,111,42,.22)!important;
  border-radius:22px!important;
  box-shadow:0 30px 90px rgba(18,12,8,.34),0 2px 8px rgba(18,12,8,.16)!important;
  isolation:isolate!important;
}
body > #lenePreviewModal:not([hidden]) .lene-preview-modal-header{
  border-radius:22px 22px 0 0!important;
}
body > #lenePreviewModal:not([hidden]) .lene-preview-modal-close{
  position:absolute!important;
  top:12px!important;
  right:14px!important;
  z-index:100!important;
}
body > #lenePreviewModal:not([hidden]) .lene-preview-studio-layout{
  padding:10px 12px 12px!important;
}
body > #lenePreviewModal:not([hidden]) .lene-studio-toolbox,
body > #lenePreviewModal:not([hidden]) .lene-large-preview,
body > #lenePreviewModal:not([hidden]) .lene-material-picker,
body > #lenePreviewModal:not([hidden]) .lene-surface-sidebar{
  border-radius:15px!important;
}
body > #lenePreviewModal:not([hidden]) .lene-large-preview .lene-unified-preview-layers{
  z-index:45!important;
  pointer-events:auto!important;
}
body > #lenePreviewModal:not([hidden]) .lene-unified-preview-text{
  position:absolute!important;
  z-index:46!important;
  pointer-events:auto!important;
  cursor:pointer!important;
  border:1px solid transparent!important;
  border-radius:5px!important;
  transition:outline-color .15s ease,box-shadow .15s ease,background .15s ease!important;
}
body > #lenePreviewModal:not([hidden]) .lene-unified-preview-text:hover,
body > #lenePreviewModal:not([hidden]) .lene-unified-preview-text:focus,
body > #lenePreviewModal:not([hidden]) .lene-unified-preview-text.is-selected{
  outline:2px solid #d39a32!important;
  outline-offset:4px!important;
  background:rgba(211,154,50,.06)!important;
  box-shadow:0 0 0 5px rgba(211,154,50,.14)!important;
}
body > #lenePreviewModal:not([hidden]) .lene-unified-preview-text.is-selected::after{
  content:"Uredi";
  position:absolute;
  right:-4px;
  top:-27px;
  padding:4px 7px;
  border-radius:7px;
  background:#c98d24;
  color:#fff;
  font:700 9px/1 Inter,system-ui,sans-serif;
  letter-spacing:.03em;
  box-shadow:0 5px 14px rgba(91,57,15,.22);
  pointer-events:none;
}
@media (max-width:820px){
  body > #lenePreviewModal:not([hidden]){padding:6px!important}
  body > #lenePreviewModal:not([hidden]) > .lene-preview-modal-dialog{border-radius:15px!important}
  body > #lenePreviewModal:not([hidden]) .lene-preview-modal-header{border-radius:15px 15px 0 0!important}
}

/* LeNe Studio 8.0 — stronger floating-window treatment */
body > #lenePreviewModal:not([hidden]){padding:34px!important;background:rgba(22,18,15,.76)!important}
body > #lenePreviewModal:not([hidden]) > .lene-preview-modal-dialog{border-radius:28px!important;box-shadow:0 34px 110px rgba(14,10,7,.48),0 0 0 1px rgba(255,255,255,.08)!important}
body > #lenePreviewModal:not([hidden]) .lene-preview-modal-header{border-radius:28px 28px 0 0!important}
@media(max-width:1100px){body > #lenePreviewModal:not([hidden]){padding:20px!important}}
@media(max-width:720px){body > #lenePreviewModal:not([hidden]){padding:8px!important}body > #lenePreviewModal:not([hidden]) > .lene-preview-modal-dialog{border-radius:18px!important}}


/* LeNe Studio v8.1 — clean two-column customer entry */
.lene-grid{grid-template-columns:minmax(300px,.82fr) minmax(420px,1.18fr)!important;gap:28px!important;align-items:start}
.lene-studio-launch-panel{min-width:0}
.lene-studio-launch-copy{margin:-6px 0 18px;color:#7e7063;font-size:13px;line-height:1.55}
.lene-studio-preview-source{display:none!important}
.lene-studio-launch-panel .lene-preview{margin:0 0 16px;min-height:360px;aspect-ratio:4/3;border-radius:20px;border:1px solid rgba(112,79,42,.12);box-shadow:0 18px 48px rgba(67,43,22,.10)}
.lene-studio-launch-panel .lene-open-preview-btn{width:100%;min-height:56px;border-radius:14px;font-size:15px;font-weight:800}
.lene-storefront-addons{grid-column:1/-1;margin-top:4px;padding:22px 24px;border:1px solid #eadfd3;border-radius:18px;background:#fff}
.lene-storefront-addons .lene-panel-title{margin-top:0}
@media(max-width:900px){.lene-grid{grid-template-columns:1fr!important}.lene-studio-launch-panel .lene-preview{min-height:300px}}

/* Stronger app-window margins */
.lene-preview-modal{padding:clamp(28px,4vw,68px)!important}
.lene-preview-modal-dialog{width:min(1540px,calc(100vw - clamp(56px,8vw,136px)))!important;max-height:calc(100vh - clamp(56px,8vw,136px))!important;border-radius:28px!important;box-shadow:0 36px 110px rgba(16,11,7,.42)!important}
@media(max-width:700px){.lene-preview-modal{padding:10px!important}.lene-preview-modal-dialog{width:calc(100vw - 20px)!important;max-height:calc(100vh - 20px)!important;min-height:0!important;border-radius:18px!important}}

/* Visible and editable 2D layer controls */
.lene-unified-preview-layer{pointer-events:auto!important;cursor:move}
.lene-unified-preview-layer.is-selected{outline:2px solid #d79a2c!important;outline-offset:3px;box-shadow:0 0 0 5px rgba(215,154,44,.14)}
.lene-unified-preview-layer.is-selected:before,.lene-unified-preview-layer.is-selected:after{content:"";position:absolute;width:10px;height:10px;border:2px solid #fff;border-radius:50%;background:#d79a2c;box-shadow:0 2px 7px rgba(0,0,0,.2);z-index:30}
.lene-unified-preview-layer.is-selected:before{left:-7px;top:-7px}.lene-unified-preview-layer.is-selected:after{right:-7px;bottom:-7px}


/* =========================================================
 * LeNe Studio 8.2 — window spacing, exclusive modes and 2D inspector
 * ======================================================= */
.lene-steps{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:760px}
.lene-storefront-addons{
  grid-column:1/-1!important;margin-top:34px!important;padding:30px!important;
  border:1px solid #dfc9aa!important;border-radius:24px!important;background:#fffdf9!important;
  box-shadow:0 22px 60px rgba(82,55,28,.09)!important;
}
.lene-storefront-addons:before{content:"Dodatne mogućnosti";display:block;margin-bottom:5px;font:800 11px/1.2 Inter,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#b27b24}
.lene-storefront-addons .lene-panel-title{font-size:30px!important;margin-bottom:18px!important}
.lene-storefront-addons .lene-addons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.lene-storefront-addons .lene-addons>label,.lene-storefront-addons .lene-addon-row{border:1px solid #eadbc8;border-radius:14px;background:#fff;padding:15px!important}

@media(min-width:901px){
 body>.lene-preview-modal:not([hidden]){padding:34px!important;background:rgba(28,20,14,.52)!important;backdrop-filter:blur(8px)}
 body>.lene-preview-modal:not([hidden])>.lene-preview-modal-backdrop{display:block!important;position:absolute!important;inset:0!important}
 body>.lene-preview-modal:not([hidden])>.lene-preview-modal-dialog{
   position:relative!important;inset:auto!important;width:calc(100vw - 68px)!important;min-width:0!important;
   height:calc(100dvh - 68px)!important;min-height:0!important;margin:0 auto!important;
   border:1px solid rgba(255,255,255,.45)!important;border-radius:26px!important;
   box-shadow:0 38px 110px rgba(19,12,7,.42)!important;overflow:hidden!important;
 }
 body>.lene-preview-modal:not([hidden]) .lene-preview-modal-close{position:absolute!important;top:12px!important;right:14px!important}
}
.lene-surface-sidebar.is-2d-sidebar .lene-surface-sidebar-heading,
.lene-surface-sidebar.is-2d-sidebar .lene-surface-cards,
.lene-surface-sidebar.is-2d-sidebar .lene-surface-tip{display:none!important}
.lene-surface-sidebar.is-2d-sidebar:before{content:"2D SLOJEVI";display:block;margin:4px 0 14px;font-size:10px;letter-spacing:.14em;font-weight:900;color:#b5791b}
.lene-surface-sidebar.is-2d-sidebar .lene-surface-layers-heading{margin-top:0!important}
.lene-preview-studio-layout.is-2d-product{grid-template-columns:minmax(0,1fr) clamp(286px,20vw,328px)!important}
.lene-preview-studio-layout.is-2d-product .lene-preview-stage-column{grid-template-columns:clamp(184px,13.5vw,220px) minmax(0,1fr)!important}
.lene-surface-layer-row{cursor:pointer}
.lene-surface-layer-row.is-selected{border-color:#d19732!important;background:#fff6e7!important;box-shadow:0 0 0 2px rgba(209,151,50,.12)}
@media(max-width:900px){body>.lene-preview-modal:not([hidden]){padding:0!important}.lene-storefront-addons .lene-addons{grid-template-columns:1fr}}

/* v8.3 — Studio as a floating application window */
.lene-preview-modal-dialog{width:calc(100vw - 112px)!important;height:calc(100vh - 84px)!important;max-width:1540px!important;max-height:980px!important;margin:42px auto!important;border-radius:28px!important;box-shadow:0 40px 110px rgba(28,18,8,.36)!important;overflow:hidden!important}
.lene-preview-modal-backdrop{background:rgba(45,31,18,.42)!important;backdrop-filter:blur(12px)!important}
.lene-preview-studio-layout{grid-template-columns:minmax(0,1fr) 300px!important;gap:12px!important;padding:14px!important;background:#efe5d7!important}
.lene-preview-stage-column{display:grid!important;grid-template-columns:150px minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr) auto!important;gap:12px!important}
.lene-studio-toolbox{grid-column:1!important;grid-row:1!important;position:relative!important;inset:auto!important;width:auto!important;height:auto!important;border-radius:18px!important;background:#fffaf2!important;box-shadow:0 12px 28px rgba(78,50,18,.10)!important}
.lene-large-preview{grid-column:2!important;grid-row:1!important;min-height:520px!important;border-radius:20px!important;background:radial-gradient(circle at 50% 38%,#fbf7f0 0,#ead9c3 48%,#cfb596 100%)!important;box-shadow:inset 0 0 80px rgba(121,85,47,.12)!important;overflow:hidden!important}
.lene-large-preview model-viewer,.lene-product-3d-viewer{background:radial-gradient(circle at 50% 38%,#fffdf9 0,#ead9c2 52%,#c7ab89 100%)!important}
.lene-material-picker{grid-column:1/3!important;grid-row:2!important;border-radius:16px!important}.lene-surface-sidebar{grid-column:auto!important;grid-row:auto!important;border-radius:18px!important;background:#fffaf2!important;display:block!important;min-width:0!important}
.lene-surface-sidebar.is-2d-sidebar{display:block!important;position:relative!important;inset:auto!important;width:auto!important;max-height:none!important}.lene-surface-sidebar.is-2d-sidebar .lene-surface-sidebar-heading,.lene-surface-sidebar.is-2d-sidebar .lene-surface-cards{display:block!important}
.lene-preview.is-lene-drop-target,.lene-large-preview.is-lene-drop-target,.lene-product-3d-viewer.is-lene-drop-target{outline:3px dashed #c89a42!important;outline-offset:-10px!important}
.lene-toolbox-item[draggable="true"]{cursor:grab}.lene-toolbox-item[draggable="true"]:active{cursor:grabbing}
/* 2D material simulation: visible texture/tone on the product photo. */
.lene-preview.has-2d-material::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:3;background-image:var(--lene-2d-material-image),linear-gradient(var(--lene-2d-material-tone),var(--lene-2d-material-tone));background-size:240px 240px,cover;background-repeat:repeat;background-blend-mode:soft-light;mix-blend-mode:soft-light;opacity:.28;border-radius:inherit}
.lene-preview .lene-unified-preview-layers{z-index:8!important}.lene-preview .lene-preview-mode-switch{z-index:12!important}
@media(max-width:1100px){.lene-preview-modal-dialog{width:calc(100vw - 36px)!important;height:calc(100vh - 36px)!important;margin:18px auto!important}.lene-preview-studio-layout{grid-template-columns:1fr!important}.lene-preview-stage-column{grid-template-columns:110px minmax(0,1fr)!important}.lene-surface-sidebar{grid-column:1!important}}

/* LeNe Studio v10: direct manipulation feedback */
.lene-three-surface-canvas { cursor: grab; }
.lene-three-surface-host.is-dragging-layer .lene-three-surface-canvas,
#leneThreeSurfaceHost.is-dragging-layer .lene-three-surface-canvas { cursor: grabbing; }

/* v10.1 customer layer interaction */
.lene-three-surface-host.has-selected-layer{outline:2px solid rgba(47,158,104,.35);outline-offset:-2px}
.lene-three-surface-host.is-dragging-layer{cursor:grabbing}
.lene-layer-move-pad{margin:14px 0;padding:14px;border:1px solid #e5ded5;border-radius:14px;background:#fbfaf8}
.lene-layer-move-pad>span{display:block;font-weight:700;color:#2e2a26;margin-bottom:10px}
.lene-layer-move-pad>div{display:grid;grid-template-columns:repeat(4,42px);gap:8px}
.lene-layer-move-pad button{width:42px;height:38px;border:1px solid #d8d0c7;border-radius:10px;background:#fff;cursor:pointer;font-size:18px;box-shadow:0 2px 8px rgba(40,32,25,.06)}
.lene-layer-move-pad button:hover{border-color:#2f9e68;background:#effaf4}
.lene-layer-move-pad small{display:block;margin-top:9px;color:#746b63}
/* v10.3 premium layer controls */
.lene-layer-move-pad{margin:14px 0;padding:14px;border:1px solid #e8dfd4;border-radius:16px;background:linear-gradient(180deg,#fff,#fbf8f3);box-shadow:0 8px 24px rgba(64,44,28,.06)}
.lene-layer-control-head{display:flex;flex-direction:column;gap:3px;margin-bottom:13px}.lene-layer-control-head>span{font-size:13px;font-weight:850;color:#2d261f}.lene-layer-control-head>small{font-size:10px;line-height:1.4;color:#81766c}
.lene-layer-control-section{padding:11px 0;border-top:1px solid #eee7de}.lene-layer-control-section>strong{display:block;margin-bottom:8px;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#75695e}
.lene-layer-nudge-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:7px!important}.lene-layer-nudge-grid button,.lene-layer-size-actions button{height:38px!important;width:auto!important;border:1px solid #ddd3c8!important;border-radius:10px!important;background:#fff!important;color:#3a3028!important;font-size:14px!important;font-weight:750!important;box-shadow:0 2px 8px rgba(40,32,25,.05)!important}.lene-layer-nudge-grid button:hover,.lene-layer-size-actions button:hover{border-color:#2f9e68!important;background:#f0faf5!important;color:#22734d!important}
.lene-layer-size-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.lene-layer-size-actions button{font-size:11px!important}
.lene-layer-danger-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-top:11px;border-top:1px solid #eee7de}.lene-layer-danger-actions button{height:36px;border:1px solid #ead1cb;border-radius:10px;background:#fff8f6;color:#a44837;font-size:10px;font-weight:800;cursor:pointer}.lene-layer-danger-actions button:last-child{background:#fff1ee;border-color:#e8bdb4;color:#9e3023}.lene-layer-danger-actions button:hover{filter:brightness(.98)}
.lene-three-surface-canvas{touch-action:none}.lene-three-surface-host.is-dragging-layer .lene-three-surface-canvas{cursor:grabbing!important}


/* v10.4 Premium in-canvas layer controls */
.lene-preview{position:relative}
.lene-layer-move-pad.is-floating{
  position:absolute;left:18px;top:18px;z-index:45;width:245px;margin:0;padding:14px;
  border:1px solid rgba(104,87,70,.18);border-radius:16px;
  background:rgba(255,252,247,.94);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  box-shadow:0 18px 45px rgba(57,42,28,.15);opacity:0;transform:translateY(-8px);
  pointer-events:none;transition:opacity .18s ease,transform .18s ease;
}
.lene-layer-move-pad.is-floating.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}
.lene-layer-move-pad.is-floating .lene-layer-control-head{margin-bottom:10px}
.lene-layer-move-pad.is-floating .lene-layer-control-head>span{font-size:13px}
.lene-layer-move-pad.is-floating .lene-layer-control-head>small{font-size:10px;color:#84786d}
.lene-layer-move-pad.is-floating .lene-layer-control-section{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0}
.lene-layer-move-pad.is-floating .lene-layer-control-section>strong{margin:0;font-size:9px;min-width:54px}
.lene-layer-move-pad.is-floating .lene-layer-nudge-grid,.lene-layer-move-pad.is-floating .lene-layer-size-actions{display:flex!important;grid-template-columns:none!important;gap:6px}
.lene-layer-move-pad.is-floating button{width:34px;height:32px;border-radius:9px;font-size:15px;background:#fffdf9}
.lene-layer-move-pad.is-floating .lene-layer-danger-actions{display:flex;gap:8px;padding-top:10px;border-top:1px solid #eee4d8}
.lene-layer-move-pad.is-floating .lene-layer-danger-actions button{width:auto;flex:1;height:32px;font-size:10px;color:#9c3f36;border-color:#ead1cc;background:#fff8f6}
.lene-three-surface-canvas{touch-action:none}
.lene-three-surface-host.is-dragging-layer .lene-three-surface-canvas{cursor:grabbing!important}
@media(max-width:900px){.lene-layer-move-pad.is-floating{left:10px;top:10px;width:220px}}

/* v10.5 slider, image-layer controls and corrected dark theme */
.lene-layer-size-section{display:block!important}
.lene-layer-size-label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.lene-layer-size-label strong{margin:0!important}
.lene-layer-size-label span{font-size:10px;font-weight:800;color:#9a6a20;background:#fff4dc;border:1px solid #ecd7ad;border-radius:999px;padding:3px 7px}
.lene-layer-size-slider{width:100%;height:5px;accent-color:#c88b25;cursor:pointer}
.lene-layer-photo-action{padding:10px 0;border-top:1px solid #eee4d8}
.lene-layer-photo-action button{width:100%!important;height:34px!important;font-size:10px!important;font-weight:800!important;background:#fff7e8!important;color:#8b5b12!important;border-color:#ead2a7!important}

.lene-preview-modal.lene-theme-dark .lene-layer-move-pad.is-floating{background:rgba(19,25,35,.95)!important;border-color:rgba(255,255,255,.10)!important;box-shadow:0 20px 48px rgba(0,0,0,.42)!important;color:#f5f0e8!important}
.lene-preview-modal.lene-theme-dark .lene-layer-control-head>span,.lene-preview-modal.lene-theme-dark .lene-layer-control-section>strong{color:#f6f1e9!important}
.lene-preview-modal.lene-theme-dark .lene-layer-control-head>small{color:#9ba4b2!important}
.lene-preview-modal.lene-theme-dark .lene-layer-control-section,.lene-preview-modal.lene-theme-dark .lene-layer-photo-action,.lene-preview-modal.lene-theme-dark .lene-layer-danger-actions{border-color:rgba(255,255,255,.09)!important}
.lene-preview-modal.lene-theme-dark .lene-layer-move-pad.is-floating button{background:#1a2230!important;color:#f5f0e8!important;border-color:rgba(255,255,255,.11)!important;box-shadow:none!important}
.lene-preview-modal.lene-theme-dark .lene-layer-move-pad.is-floating button:hover{background:#262f3e!important;border-color:#c9953b!important;color:#fff!important}
.lene-preview-modal.lene-theme-dark .lene-layer-size-label span{background:#2b2419!important;color:#efbf66!important;border-color:rgba(213,154,49,.35)!important}
.lene-preview-modal.lene-theme-dark .lene-layer-danger-actions button{background:#251b1d!important;color:#efaaa2!important;border-color:rgba(235,126,110,.25)!important}
.lene-preview-modal.lene-theme-dark .lene-surface-sidebar{background:#101722!important;color:#eef1f6!important;border-color:rgba(255,255,255,.08)!important}
.lene-preview-modal.lene-theme-dark .lene-surface-sidebar h4,.lene-preview-modal.lene-theme-dark .lene-surface-layers-heading h4{color:#f5f1e9!important}
.lene-preview-modal.lene-theme-dark .lene-surface-sidebar p,.lene-preview-modal.lene-theme-dark .lene-surface-sidebar small{color:#929dab!important}
.lene-preview-modal.lene-theme-dark .lene-surface-tip{background:#151d29!important;border-color:rgba(255,255,255,.08)!important;color:#e9edf4!important}


/* v10.6 polished floating editor and deferred image placeholder */
.lene-layer-move-pad.is-floating{width:286px;padding:16px 16px 14px}
.lene-layer-move-pad.is-floating .lene-layer-control-head{display:block;margin:0 0 12px;padding:0 0 12px;border-bottom:1px solid #eee4d8}
.lene-layer-move-pad.is-floating .lene-layer-control-head>div{display:block;width:100%}
.lene-layer-move-pad.is-floating .lene-layer-control-head span{display:block;font-size:15px;font-weight:850;line-height:1.2;letter-spacing:-.01em;color:#241d17}
.lene-layer-move-pad.is-floating .lene-layer-control-head small{display:block;margin-top:5px;font-size:11px;line-height:1.45;color:#7e7368;max-width:none}
.lene-layer-move-pad.is-floating .lene-layer-control-section{align-items:center;padding:11px 0}
.lene-layer-control-copy{min-width:105px}
.lene-layer-control-copy strong,.lene-layer-size-label strong{display:block;font-size:10px!important;line-height:1.2;letter-spacing:.08em;text-transform:uppercase;color:#5f554b}
.lene-layer-control-copy small,.lene-layer-size-label small{display:block;margin-top:4px;font-size:9px;line-height:1.3;color:#91867a}
.lene-layer-move-pad.is-floating .lene-layer-nudge-grid{gap:7px}
.lene-layer-move-pad.is-floating .lene-layer-nudge-grid button{width:35px;height:35px}
.lene-layer-size-label>div{min-width:0}
.lene-layer-photo-action button{display:flex!important;align-items:center;justify-content:flex-start;gap:10px;text-align:left;padding:9px 11px!important;height:auto!important;min-height:52px!important;border-radius:11px!important}
.lene-layer-photo-action button>span:last-child{display:block;min-width:0}
.lene-layer-photo-action button strong{display:block;font-size:11px;line-height:1.2}
.lene-layer-photo-action button small{display:block;margin-top:3px;font-size:9px;font-weight:500;line-height:1.3;opacity:.75}
.lene-photo-action-icon{display:grid!important;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:9px;background:rgba(200,139,37,.13);font-size:18px!important}
.lene-preview-modal.lene-theme-dark .lene-layer-move-pad.is-floating .lene-layer-control-head{border-color:rgba(255,255,255,.09)!important}
.lene-preview-modal.lene-theme-dark .lene-layer-move-pad.is-floating .lene-layer-control-head span,.lene-preview-modal.lene-theme-dark .lene-layer-control-copy strong,.lene-preview-modal.lene-theme-dark .lene-layer-size-label strong{color:#f5f0e8!important}
.lene-preview-modal.lene-theme-dark .lene-layer-control-copy small,.lene-preview-modal.lene-theme-dark .lene-layer-size-label small{color:#8f99a7!important}
@media(max-width:900px){.lene-layer-move-pad.is-floating{width:270px}}


/* v11.0 Selection Engine */
.lene-surface-layer-row.is-selected{
  position:relative;
  background:linear-gradient(90deg,#fff5df 0%,#fffaf2 100%)!important;
  box-shadow:inset 4px 0 0 #d89a25,0 0 0 1px rgba(216,154,37,.22),0 8px 20px rgba(119,79,23,.10)!important;
}
.lene-surface-layer-row.is-selected::after{
  content:'ODABRANO';
  position:absolute;
  top:5px;
  right:7px;
  padding:2px 6px;
  border-radius:999px;
  background:#d89a25;
  color:#fff;
  font-size:8px;
  font-weight:800;
  letter-spacing:.08em;
}
.lene-three-surface-host.has-selected-layer{outline:none!important;}


/* v11.1 Capability Engine */
.lene-layer-technology-options{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}
.lene-technology-choice{border:1px solid rgba(200,139,37,.25);background:rgba(255,255,255,.72);color:#5b4124;border-radius:10px;padding:9px 8px;font-size:11px;font-weight:800;cursor:pointer;transition:.18s ease}
.lene-technology-choice:hover,.lene-technology-choice.is-active{background:linear-gradient(135deg,#d89a25,#a86a12);color:#fff;border-color:transparent;box-shadow:0 5px 15px rgba(168,106,18,.22)}

/* v11.3 cleaner customer editor */
.lene-inspector-live-note{margin:8px 0 0!important;font-size:11px!important;color:#8b8176!important}
.lene-layer-inspector .lene-inspector-actions{display:none!important}
.lene-layer-move-pad .lene-layer-photo-action small{display:none!important}
.lene-layer-move-pad .lene-layer-photo-action button{min-height:44px!important;padding:10px 12px!important}


/* v11.3.2 editor visibility and equal nudge buttons */
.lene-layer-photo-action[hidden],
.lene-layer-photo-action[aria-hidden="true"]{display:none!important;}
.lene-layer-move-pad.is-floating .lene-layer-nudge-grid{
  display:grid!important;
  grid-template-columns:repeat(4,34px)!important;
  gap:7px!important;
  flex:0 0 auto!important;
}
.lene-layer-move-pad.is-floating .lene-layer-nudge-grid button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 34px!important;
  width:34px!important;
  min-width:34px!important;
  max-width:34px!important;
  height:34px!important;
  min-height:34px!important;
  padding:0!important;
  line-height:1!important;
  font-size:16px!important;
}


/* v11.3.3 production method selector */
.lene-layer-technology-options{display:flex!important;flex-direction:column!important;gap:8px!important;margin-top:10px!important}
.lene-technology-choice{width:100%!important;min-height:54px!important;display:grid!important;grid-template-columns:34px 1fr 22px!important;align-items:center!important;gap:9px!important;padding:8px 10px!important;text-align:left!important;background:#fff!important;color:#463522!important;border:1px solid #e8dccd!important;border-radius:12px!important;box-shadow:0 2px 8px rgba(53,40,25,.04)!important}
.lene-technology-choice .lene-tech-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#f7efe3;color:#a56a19;font-size:17px;font-weight:900}
.lene-technology-choice .lene-tech-copy{display:flex;flex-direction:column;min-width:0}.lene-technology-choice .lene-tech-copy strong{font-size:12px;line-height:1.15}.lene-technology-choice .lene-tech-copy small{font-size:9px;line-height:1.25;color:#8c7a67;margin-top:3px;white-space:normal}
.lene-technology-choice .lene-tech-check{opacity:0;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#a86a12;font-size:12px}
.lene-technology-choice:hover{border-color:#c99548!important;background:#fffaf2!important;color:#463522!important}.lene-technology-choice.is-active{background:linear-gradient(135deg,#d99a28,#b47418)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 6px 16px rgba(168,106,18,.22)!important}.lene-technology-choice.is-active .lene-tech-icon{background:rgba(255,255,255,.18);color:#fff}.lene-technology-choice.is-active .lene-tech-copy small{color:rgba(255,255,255,.78)}.lene-technology-choice.is-active .lene-tech-check{opacity:1}


/* v11.3.4 — wider customer floating editor */
.lene-layer-move-pad.is-floating{
  width:340px!important;
  max-width:calc(100vw - 28px)!important;
}
.lene-layer-move-pad.is-floating .lene-layer-control-section{
  gap:14px!important;
}
.lene-layer-technology-options{
  width:100%!important;
}
.lene-technology-choice{
  grid-template-columns:38px minmax(0,1fr) 22px!important;
  min-height:58px!important;
}
.lene-technology-choice .lene-tech-copy strong{font-size:12px!important;white-space:normal!important}
.lene-technology-choice .lene-tech-copy small{font-size:10px!important;white-space:normal!important}
@media(max-width:900px){.lene-layer-move-pad.is-floating{width:310px!important}}


/* LeNe Studio v12 — stable, overflow-safe floating editor */
.lene-layer-move-pad.is-floating{
  width:390px!important;
  max-width:min(390px,calc(100vw - 32px))!important;
  max-height:calc(100% - 36px)!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
  box-sizing:border-box!important;
  scrollbar-width:thin;
}
.lene-layer-move-pad.is-floating *{box-sizing:border-box!important;min-width:0}
.lene-layer-move-pad.is-floating .lene-layer-control-section{
  width:100%!important;
}
.lene-layer-move-pad.is-floating .lene-layer-control-section:not(.lene-layer-size-section):not(.lene-layer-technology-section){
  display:grid!important;
  grid-template-columns:minmax(100px,1fr) auto!important;
  align-items:center!important;
  gap:14px!important;
}
.lene-layer-move-pad.is-floating .lene-layer-nudge-grid{
  grid-template-columns:repeat(4,36px)!important;
}
.lene-layer-move-pad.is-floating .lene-layer-nudge-grid button{
  width:36px!important;min-width:36px!important;max-width:36px!important;
  height:36px!important;min-height:36px!important;
}
.lene-layer-move-pad.is-floating .lene-layer-technology-section{
  display:block!important;
  align-items:stretch!important;
}
.lene-layer-move-pad.is-floating .lene-layer-technology-section .lene-layer-control-copy{
  width:100%!important;
  margin-bottom:8px!important;
}
.lene-layer-move-pad.is-floating .lene-layer-technology-options{
  width:100%!important;
  margin:0!important;
}
.lene-layer-move-pad.is-floating .lene-technology-choice{
  width:100%!important;
  grid-template-columns:38px minmax(0,1fr) 22px!important;
  overflow:hidden!important;
}
.lene-layer-move-pad.is-floating .lene-tech-copy,
.lene-layer-move-pad.is-floating .lene-tech-copy strong,
.lene-layer-move-pad.is-floating .lene-tech-copy small{
  max-width:100%!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
.lene-layer-move-pad.is-floating .lene-layer-danger-actions{
  position:sticky;
  bottom:-14px;
  z-index:2;
  padding:12px 0 4px!important;
  background:linear-gradient(180deg,rgba(255,252,247,0),#fffaf4 24%);
}
@media(max-width:1100px){
  .lene-layer-move-pad.is-floating{width:360px!important;max-height:calc(100% - 24px)!important;left:12px!important;top:12px!important}
}
@media(max-width:760px){
  .lene-layer-move-pad.is-floating{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important}
  .lene-layer-move-pad.is-floating .lene-layer-control-section:not(.lene-layer-size-section):not(.lene-layer-technology-section){grid-template-columns:1fr!important}
}


/* v14.0.3 customer-visible allowed personalization zones */
.lene-customer-zone-guide{position:absolute;inset:0;z-index:18;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .16s ease,visibility .16s ease}
.lene-customer-zone-guide.is-visible{opacity:1;visibility:visible}
.lene-customer-zone-target{position:absolute;box-sizing:border-box;border:2px dashed rgba(38,151,96,.76);background:rgba(44,166,105,.10);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#17623e;box-shadow:inset 0 0 0 1px rgba(255,255,255,.58),0 8px 22px rgba(24,111,68,.08);transition:.14s ease}
.lene-customer-zone-target span{padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.9);font-size:10px;font-weight:800;line-height:1}
.lene-customer-zone-target small{font-size:9px;font-weight:700;opacity:.78}
.lene-customer-zone-target.is-active{border-style:solid;border-color:#d19322;background:rgba(222,164,52,.19);color:#7b4d08;box-shadow:0 0 0 4px rgba(209,147,34,.14),0 12px 28px rgba(96,61,13,.12);transform:scale(1.015)}
.lene-three-surface-host.is-lene-drop-target .lene-customer-zone-guide{opacity:1;visibility:visible}

/* v14.2 customer zone + media controls */
.lene-customer-zone-guide{position:absolute!important;inset:0!important;pointer-events:none!important;z-index:35!important;overflow:hidden!important}
.lene-customer-zone-target{position:absolute!important;box-sizing:border-box!important;transform:none!important;transition:border-color .12s ease,background .12s ease,box-shadow .12s ease!important}
.lene-asset-layout-controls label{display:grid;grid-template-columns:110px 1fr;align-items:center;gap:10px;margin:8px 0;font-size:11px}
.lene-asset-layout-controls label span{font-weight:700}
.lene-asset-layout-controls input[type=range]{width:100%;min-width:0}


/* =========================================================
 * LeNe Studio v14.2.2 — stable drop, clean controls, 2D parity
 * ======================================================= */
/* Native hidden must win over generic control-section display rules. */
.lene-asset-layout-controls[hidden]{display:none!important}
.lene-asset-layout-controls:not([hidden]){display:block!important}

/* Premium gold sliders; removes the browser-blue dot seen in the editor. */
.lene-layer-move-pad input[type="range"]{
  appearance:none!important;-webkit-appearance:none!important;height:4px!important;border:0!important;border-radius:999px!important;
  background:linear-gradient(90deg,#cf8d1d,#e2ad48)!important;box-shadow:inset 0 0 0 1px rgba(115,76,22,.12)!important;outline:none!important;
}
.lene-layer-move-pad input[type="range"]::-webkit-slider-thumb{
  -webkit-appearance:none!important;width:15px!important;height:15px!important;border-radius:50%!important;background:#c8891d!important;border:3px solid #fff8eb!important;box-shadow:0 2px 7px rgba(94,58,13,.28)!important;
}
.lene-layer-move-pad input[type="range"]::-moz-range-thumb{
  width:11px!important;height:11px!important;border-radius:50%!important;background:#c8891d!important;border:3px solid #fff8eb!important;box-shadow:0 2px 7px rgba(94,58,13,.28)!important;
}

/* 2D uses the same professional shell as 3D. Only the front surface remains. */
body > #lenePreviewModal:not([hidden]) .lene-preview-studio-layout.is-2d-product{
  grid-template-columns:minmax(0,1fr) 300px!important;gap:12px!important;
}
body > #lenePreviewModal:not([hidden]) .lene-preview-studio-layout.is-2d-product .lene-preview-stage-column{
  grid-column:auto!important;display:grid!important;grid-template-columns:150px minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr) auto!important;gap:12px!important;
}
body > #lenePreviewModal:not([hidden]) .lene-preview-studio-layout.is-2d-product .lene-large-preview{
  min-height:0!important;height:100%!important;max-height:none!important;grid-column:2!important;grid-row:1!important;
}
body > #lenePreviewModal:not([hidden]) .lene-preview-studio-layout.is-2d-product .lene-material-picker{
  grid-column:1/-1!important;grid-row:2!important;margin-top:0!important;
}
.lene-surface-sidebar.is-2d-sidebar [data-lene-surface-card]:not([data-lene-surface-card="front"]){display:none!important}
.lene-surface-sidebar.is-2d-sidebar .lene-surface-cards{display:grid!important;grid-template-columns:1fr!important}
.lene-surface-sidebar.is-2d-sidebar:before{content:"PREDNJA STRANA"!important}

/* Keep projected drop zones responsive without expensive transitions. */
.lene-customer-zone-target{transition:border-color .08s ease,background .08s ease,box-shadow .08s ease!important}


/* v14.2.3 — responsive floating editor and instant material save UX */
.lene-layer-move-pad.is-floating{
  width:340px!important;
  max-width:min(340px,calc(100vw - 28px))!important;
  max-height:calc(100% - 28px)!important;
  padding:15px!important;
}
.lene-layer-move-pad.is-floating .lene-layer-control-head{margin-bottom:8px!important;padding-bottom:10px!important}
.lene-layer-move-pad.is-floating .lene-layer-control-section{padding:9px 0!important}
.lene-layer-move-pad.is-floating .lene-layer-size-section{display:block!important}
.lene-layer-move-pad.is-floating .lene-layer-size-label{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin-bottom:7px!important}
.lene-layer-move-pad.is-floating .lene-asset-layout-controls{padding:10px 0!important}
.lene-layer-move-pad.is-floating .lene-asset-layout-controls .lene-layer-control-copy{margin-bottom:8px!important}
.lene-layer-move-pad.is-floating .lene-asset-layout-controls label{
  display:grid!important;
  grid-template-columns:105px minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  margin:9px 0!important;
  width:100%!important;
}
.lene-layer-move-pad.is-floating .lene-asset-layout-controls label span{font-size:10px!important;line-height:1.2!important}
.lene-layer-move-pad.is-floating input[type=range]{width:100%!important;margin:0!important}
@media(max-height:760px){
  .lene-layer-move-pad.is-floating{max-height:calc(100% - 16px)!important;top:8px!important;padding:12px!important}
  .lene-layer-move-pad.is-floating .lene-technology-choice{min-height:48px!important;padding:7px!important}
}

/* =========================================================
 * LeNe Studio v15.1.0 — restored drag & drop + clean asset sliders
 * ======================================================= */
.lene-asset-layout-controls[hidden]{display:none!important}
.lene-layer-move-pad.is-floating .lene-asset-layout-controls:not([hidden]){
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:12px!important;
}
.lene-layer-move-pad.is-floating .lene-asset-slider-row{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:7px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}
.lene-layer-move-pad.is-floating .lene-asset-slider-row>span{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  width:100%!important;
  font-size:11px!important;
  line-height:1.2!important;
}
.lene-layer-move-pad.is-floating .lene-asset-slider-row output{
  min-width:44px!important;
  padding:4px 8px!important;
  border-radius:999px!important;
  background:#fff4dc!important;
  color:#8b5b0d!important;
  font-size:10px!important;
  font-weight:800!important;
  text-align:center!important;
}
.lene-layer-move-pad.is-floating .lene-asset-slider-row input[type=range]{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  cursor:pointer!important;
}
.lene-layer-move-pad.is-floating .lene-asset-layout-controls .lene-layer-control-copy{margin-bottom:0!important}
.lene-toolbox-item[draggable="true"]{cursor:grab!important}
.lene-toolbox-item[draggable="true"]:active{cursor:grabbing!important}

/* v15.1.7: text uses the main size slider; never show content zoom. */
.lene-layer-move-pad[data-layer-type="text"] [data-image-zoom],
.lene-layer-move-pad[data-layer-type="text"] [data-image-zoom-value],
.lene-layer-move-pad[data-layer-type="text"] .lene-asset-slider-row:has([data-image-zoom]){display:none!important;visibility:hidden!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;}

/* v15.1.8: text uses the dedicated size control, never content zoom. */
.lene-layer-move-pad[data-layer-type="text"] .lene-asset-slider-row:has([data-image-zoom]){display:none!important;visibility:hidden!important;}

/* v15.1.9 immediate drop feedback and robust text controls */
.lene-three-surface-host{position:relative;}
.lene-instant-layer-ghost{position:absolute;z-index:1200;display:flex;align-items:center;justify-content:center;box-sizing:border-box;pointer-events:none;opacity:0;transform:scale(.96);transition:opacity .08s ease,transform .08s ease;border:1.5px solid #d69a24;background:rgba(255,247,225,.78);color:#68451f;font-weight:700;overflow:hidden;}
.lene-instant-layer-ghost.is-visible{opacity:1;transform:scale(1);}
.lene-instant-layer-ghost.is-image{font-size:28px;}
.lene-layer-move-pad[data-layer-type="text"] .lene-asset-slider-row:has([data-image-zoom]),
.lene-layer-move-pad[data-layer-type="text"] [data-image-zoom],
.lene-layer-move-pad[data-layer-type="text"] [data-image-zoom-value]{display:none!important;visibility:hidden!important;}


/* LeNe Studio v15.3.0 - Smart Snap & Guides */
#leneThreeSurfaceHost{position:relative;overflow:hidden}
.lene-smart-guide{position:absolute;z-index:70;pointer-events:none;background:#b56cff;box-shadow:0 0 0 1px rgba(255,255,255,.72),0 0 10px rgba(181,108,255,.38);opacity:.96}
.lene-smart-guide-vertical{top:0;bottom:0;width:1px;transform:translateX(-.5px)}
.lene-smart-guide-horizontal{left:0;right:0;height:1px;transform:translateY(-.5px)}
.lene-smart-guide-badge{position:absolute;z-index:71;pointer-events:none;padding:4px 7px;border-radius:999px;background:#8d46d8;color:#fff;font-size:9px;font-weight:800;letter-spacing:.02em;box-shadow:0 4px 14px rgba(69,31,105,.24);white-space:nowrap}
#leneThreeSurfaceHost.is-snapping-layer .lene-three-surface-canvas{cursor:grabbing!important}
.lene-layer-align-grid{display:flex;gap:6px;flex:0 0 auto}
.lene-layer-move-pad .lene-layer-align-grid button{width:35px;height:35px;border-radius:9px;font-size:16px;background:#fffdf9}
.lene-layer-move-pad .lene-layer-align-grid button:hover{border-color:#b56cff;background:#f8f0ff;color:#7431b2}
.lene-preview-modal.lene-theme-dark .lene-smart-guide{background:#d09aff;box-shadow:0 0 0 1px rgba(22,17,29,.8),0 0 12px rgba(208,154,255,.45)}
.lene-preview-modal.lene-theme-dark .lene-layer-align-grid button{background:#1a2230!important;color:#f5f0e8!important;border-color:rgba(255,255,255,.11)!important}

/* LeNe Studio v15.3.1 - Visible Smart Guides and Alignment Labels */
.lene-smart-guide-overlay{position:absolute!important;inset:0!important;z-index:9998!important;pointer-events:none!important;overflow:hidden!important}
.lene-smart-guide-overlay .lene-smart-guide{position:absolute!important;display:none;pointer-events:none!important;background:#b56cff!important;box-shadow:0 0 0 1px rgba(255,255,255,.78),0 0 14px rgba(181,108,255,.62)!important;opacity:1!important}
.lene-smart-guide-overlay .lene-smart-guide-vertical{top:0!important;bottom:0!important;width:2px!important;transform:translateX(-1px)!important}
.lene-smart-guide-overlay .lene-smart-guide-horizontal{left:0!important;right:0!important;height:2px!important;transform:translateY(-1px)!important}
.lene-smart-guide-overlay .lene-smart-guide-badge{position:absolute!important;display:none;z-index:2!important;padding:5px 9px!important;border-radius:999px!important;background:#7d34c4!important;color:#fff!important;font-size:10px!important;font-weight:800!important;line-height:1!important;box-shadow:0 5px 18px rgba(61,23,97,.34)!important;white-space:nowrap!important}
.lene-layer-align-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;width:min(100%,285px)!important;flex:1 1 260px!important}
.lene-layer-move-pad .lene-layer-align-grid button{width:auto!important;height:48px!important;min-width:0!important;padding:6px 7px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;border-radius:10px!important;font-size:10px!important;font-weight:700!important;line-height:1.05!important;color:#6f4a18!important;background:#fffdf9!important;border:1px solid #e2d3be!important}
.lene-layer-move-pad .lene-layer-align-grid button svg{display:block!important;width:18px!important;height:18px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.lene-layer-move-pad .lene-layer-align-grid button span{display:block!important;visibility:visible!important;opacity:1!important;white-space:nowrap!important}
.lene-layer-move-pad .lene-layer-align-grid button:hover{border-color:#b56cff!important;background:#f8f0ff!important;color:#7431b2!important}
.lene-preview-modal.lene-theme-dark .lene-layer-align-grid button{background:#1a2230!important;color:#f5f0e8!important;border-color:rgba(255,255,255,.12)!important}
@media(max-width:760px){.lene-layer-align-grid{width:100%!important}.lene-layer-move-pad .lene-layer-align-grid button{height:44px!important;font-size:9px!important}}


/* LeNe Studio v15.3.2 - compact reliable alignment controls */
.lene-layer-align-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;width:100%!important;max-width:238px!important;flex:1 1 210px!important}
.lene-layer-move-pad .lene-layer-align-grid button{width:100%!important;height:34px!important;min-height:34px!important;padding:4px 6px!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:5px!important;border-radius:8px!important;font-size:9px!important;font-weight:750!important;line-height:1!important;color:#6f4a18!important;background:#fffdf9!important;border:1px solid #e2d3be!important;box-shadow:none!important;cursor:pointer!important}
.lene-layer-move-pad .lene-layer-align-grid button svg{display:block!important;width:14px!important;height:14px!important;flex:0 0 14px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.lene-layer-move-pad .lene-layer-align-grid button span{display:inline!important;visibility:visible!important;opacity:1!important;white-space:nowrap!important;font-size:9px!important}
.lene-layer-move-pad .lene-layer-align-grid button:hover,.lene-layer-move-pad .lene-layer-align-grid button.is-applied{border-color:#b56cff!important;background:#f7efff!important;color:#7431b2!important}
.lene-smart-guide-overlay{position:absolute!important;inset:0!important;z-index:10020!important;pointer-events:none!important;overflow:hidden!important;display:block!important}
.lene-smart-guide-overlay .lene-smart-guide{background:#a94fff!important;box-shadow:0 0 0 1px rgba(255,255,255,.92),0 0 12px rgba(169,79,255,.82)!important;opacity:1!important}
.lene-smart-guide-overlay .lene-smart-guide-vertical{width:2px!important}
.lene-smart-guide-overlay .lene-smart-guide-horizontal{height:2px!important}
.lene-smart-guide-overlay .lene-smart-guide-badge{background:#7a2eb9!important;color:#fff!important;font-size:10px!important;font-weight:800!important}
@media(max-width:760px){.lene-layer-align-grid{max-width:none!important}.lene-layer-move-pad .lene-layer-align-grid button{height:32px!important;min-height:32px!important}.lene-layer-move-pad .lene-layer-align-grid button span{font-size:8px!important}}

/* v16.6.0 — AI Product DNA storefront sync */
.lene-ai-symbol-picker{position:fixed;z-index:100000;width:min(360px,calc(100vw - 24px));padding:12px;border:1px solid rgba(187,139,55,.32);border-radius:18px;background:rgba(255,252,246,.98);box-shadow:0 24px 70px rgba(42,30,17,.24);backdrop-filter:blur(18px)}
.lene-ai-symbol-picker__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.lene-ai-symbol-picker__head strong{font-size:14px}.lene-ai-symbol-picker__head button{width:30px;height:30px;border:0;border-radius:50%;background:#f2e8d8;cursor:pointer;font-size:20px}
.lene-ai-symbol-picker__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.lene-ai-symbol-picker__grid button{display:grid;place-items:center;gap:4px;min-height:76px;padding:8px;border:1px solid #eadbc4;border-radius:13px;background:#fff;cursor:pointer}.lene-ai-symbol-picker__grid button:hover{border-color:#c68d2b;background:#fff9ef}.lene-ai-symbol-picker__grid b{font-size:25px;line-height:1}.lene-ai-symbol-picker__grid span{text-transform:capitalize;font-size:11px;color:#6f6254}

/* v16.7.0 — professional context-aware frontend controls */
.lene-layer-context-controls{display:none}
.lene-layer-context-controls[style*="display: block"]{display:block}
.lene-context-font-grid{display:grid;grid-template-columns:1fr;gap:7px;margin-top:9px}
.lene-context-font-choice{width:100%;min-height:52px;display:grid;grid-template-columns:42px minmax(0,1fr) 20px;align-items:center;gap:9px;padding:7px 9px;border:1px solid #e5d7c3;border-radius:12px;background:#fffdf9;color:#4e4032;text-align:left;cursor:pointer;transition:.16s ease}
.lene-context-font-choice:hover{transform:translateY(-1px);border-color:#c58a27;background:#fff9ed}
.lene-context-font-choice.is-active{border-color:#b87a18;background:#fff5df;box-shadow:0 0 0 2px rgba(190,132,38,.12)}
.lene-context-font-choice .lene-font-sample{display:grid;place-items:center;width:38px;height:36px;border-radius:9px;background:#f4ead9;font-size:20px}
.lene-context-font-choice span:nth-child(2){display:grid;gap:2px;min-width:0}.lene-context-font-choice strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lene-context-font-choice small{font-family:Inter,Arial,sans-serif;font-size:9px;color:#8a7966}
.lene-context-font-choice i,.lene-context-symbol-choice i{font-style:normal;opacity:0;color:#9b6514}.lene-context-font-choice.is-active i,.lene-context-symbol-choice.is-active i{opacity:1}
.lene-context-symbol-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:9px}
.lene-context-symbol-choice{min-height:68px;display:grid;place-items:center;gap:2px;padding:7px;border:1px solid #e5d7c3;border-radius:12px;background:#fffdf9;color:#564532;cursor:pointer;position:relative;transition:.16s ease}
.lene-context-symbol-choice:hover{transform:translateY(-1px);border-color:#c58a27;background:#fff9ed}.lene-context-symbol-choice.is-active{border-color:#b87a18;background:#fff5df;box-shadow:0 0 0 2px rgba(190,132,38,.12)}
.lene-context-symbol-choice b{font-size:26px;line-height:1}.lene-context-symbol-choice span{font-size:9px;text-transform:capitalize}.lene-context-symbol-choice i{position:absolute;right:6px;top:5px;font-size:10px}
.lene-layer-move-pad[data-layer-type="text"] .lene-layer-context-controls{display:block}
.lene-layer-move-pad[data-layer-type="symbol"] .lene-layer-context-controls,.lene-layer-move-pad[data-layer-type="icon"] .lene-layer-context-controls{display:block}
.lene-preview-modal.lene-theme-dark .lene-context-font-choice,.lene-preview-modal.lene-theme-dark .lene-context-symbol-choice{background:#18202c;border-color:rgba(255,255,255,.12);color:#f7efe3}
.lene-preview-modal.lene-theme-dark .lene-context-font-choice.is-active,.lene-preview-modal.lene-theme-dark .lene-context-symbol-choice.is-active{background:#2b2419;border-color:#c9963c}
@media(max-width:760px){.lene-context-symbol-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.lene-context-font-choice{min-height:48px}}


/* LeNe Studio v17.0.0 — Inspector 2.0 compact typography picker */
.lene-layer-move-pad.is-floating .lene-layer-context-controls{padding:10px 0 4px!important;border-top:1px solid #eee5da;border-bottom:1px solid #eee5da}
.lene-font-picker-trigger{width:100%!important;height:58px!important;display:grid!important;grid-template-columns:42px minmax(0,1fr) 20px!important;align-items:center!important;gap:10px!important;padding:8px 10px!important;border:1px solid #e3d6c4!important;border-radius:13px!important;background:#fffdf9!important;text-align:left!important;box-shadow:0 2px 8px rgba(67,45,24,.04)!important}
.lene-font-picker-trigger:hover{border-color:#bd8125!important;background:#fff9ef!important;transform:none!important}
.lene-font-trigger-sample{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:#f5ead9;color:#30261d;font-size:20px;line-height:1}
.lene-font-trigger-copy{display:grid;gap:2px;min-width:0}.lene-font-trigger-copy small{font:700 9px/1 Inter,system-ui,sans-serif;color:#9a7a4c;text-transform:uppercase;letter-spacing:.12em}.lene-font-trigger-copy strong{font:700 13px/1.25 Inter,system-ui,sans-serif;color:#2d241c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lene-font-picker-trigger svg{width:18px;height:18px;fill:none;stroke:#8b755d;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.lene-font-picker-popover{position:fixed;z-index:2147483646;width:320px;max-height:440px;padding:14px;border:1px solid rgba(128,94,52,.18);border-radius:18px;background:rgba(255,253,249,.98);box-shadow:0 24px 64px rgba(49,34,19,.22);backdrop-filter:blur(18px);opacity:0;transform:translateY(6px) scale(.985);transition:opacity .16s ease,transform .16s ease}
.lene-font-picker-popover[hidden]{display:none!important}.lene-font-picker-popover.is-open{opacity:1;transform:translateY(0) scale(1)}
.lene-font-picker-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.lene-font-picker-head span{display:block;font:800 9px/1 Inter,system-ui,sans-serif;letter-spacing:.14em;color:#b17a27}.lene-font-picker-head strong{display:block;margin-top:4px;font:800 16px/1.2 Inter,system-ui,sans-serif;color:#2d241c}.lene-font-picker-head button{width:30px;height:30px;border:0;border-radius:9px;background:#f2e8d9;color:#675440;font-size:20px;line-height:1;cursor:pointer}
.lene-font-search{display:grid!important;grid-template-columns:18px minmax(0,1fr)!important;align-items:center!important;gap:8px!important;margin:0 0 10px!important;padding:0 11px!important;height:40px!important;border:1px solid #e4d8c7!important;border-radius:11px!important;background:#fff!important}.lene-font-search svg{width:17px;height:17px;fill:none;stroke:#9a8a77;stroke-width:1.8;stroke-linecap:round}.lene-font-search input{width:100%;height:38px;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;font:600 12px Inter,system-ui,sans-serif!important;color:#332a22!important}
.lene-font-picker-list{display:grid;gap:6px;max-height:340px;overflow:auto;padding-right:3px}.lene-font-picker-list::-webkit-scrollbar{width:6px}.lene-font-picker-list::-webkit-scrollbar-thumb{background:#dbc9ae;border-radius:20px}
.lene-font-picker-item{width:100%;min-height:62px;display:grid;grid-template-columns:48px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:8px 10px;border:1px solid transparent;border-radius:12px;background:transparent;color:#3d3025;text-align:left;cursor:pointer;transition:.14s ease}.lene-font-picker-item:hover{background:#faf1e4;border-color:#ead5b5;transform:none}.lene-font-picker-item.is-active{background:#fff4df;border-color:#c78c30;box-shadow:0 0 0 2px rgba(199,140,48,.10)}
.lene-font-picker-preview{display:grid;place-items:center;width:46px;height:44px;border-radius:10px;background:#f4eadb;font-size:21px;color:#352a21}.lene-font-picker-copy{display:grid;gap:4px;min-width:0}.lene-font-picker-copy strong{font-size:14px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lene-font-picker-copy small{font:600 9px/1.2 Inter,system-ui,sans-serif;color:#8c7b68}.lene-font-picker-check{opacity:0;color:#a96e15;font-weight:900}.lene-font-picker-item.is-active .lene-font-picker-check{opacity:1}
.lene-preview-modal.lene-theme-dark .lene-font-picker-trigger{background:#1a2230!important;border-color:rgba(255,255,255,.12)!important}.lene-preview-modal.lene-theme-dark .lene-font-trigger-copy strong{color:#f6efe5}.lene-preview-modal.lene-theme-dark .lene-font-trigger-sample{background:#283242;color:#fff}.lene-preview-modal.lene-theme-dark~.lene-font-picker-popover,.lene-font-picker-popover.lene-theme-dark{background:rgba(20,27,37,.98);border-color:rgba(255,255,255,.1)}
@media(max-width:760px){.lene-font-picker-popover{left:12px!important;right:12px!important;width:auto!important;max-height:70vh}.lene-font-picker-list{max-height:52vh}}

/* ================================================================
   LeNe Studio v17.1.0 — Material Gallery 2.0
   Visual-only storefront upgrade. Core renderer / zones untouched.
   ================================================================ */
body > #lenePreviewModal:not([hidden]) .lene-material-picker{
  height:148px!important;max-height:148px!important;padding:10px 12px!important;
  border:1px solid rgba(39,31,24,.09)!important;border-radius:18px!important;
  background:rgba(255,252,247,.97)!important;box-shadow:0 8px 28px rgba(47,35,22,.06)!important;
}
body > #lenePreviewModal:not([hidden]) .lene-material-picker-head{height:31px!important;margin:0 0 8px!important;align-items:center!important}
body > #lenePreviewModal:not([hidden]) .lene-material-picker-head strong{font-size:13px!important;font-weight:750!important;letter-spacing:-.01em!important}
body > #lenePreviewModal:not([hidden]) .lene-material-picker-head small{font-size:9px!important;margin-top:1px!important}
body > #lenePreviewModal:not([hidden]) .lene-material-picker-head>span{font-size:8px!important;padding:4px 7px!important}
body > #lenePreviewModal:not([hidden]) .lene-material-picker-options{
  height:88px!important;min-height:88px!important;max-height:88px!important;gap:10px!important;
  scroll-snap-type:x proximity;scrollbar-width:thin;
}
body > #lenePreviewModal:not([hidden]) .lene-material-choice{
  position:relative!important;display:grid!important;grid-template-columns:66px minmax(0,1fr)!important;
  grid-template-rows:1fr auto!important;column-gap:10px!important;align-items:center!important;
  flex:0 0 clamp(178px,16vw,224px)!important;height:86px!important;min-height:86px!important;max-height:86px!important;
  padding:7px!important;border:1px solid rgba(70,56,43,.12)!important;border-radius:14px!important;
  background:#fff!important;text-align:left!important;box-shadow:0 2px 9px rgba(50,38,26,.035)!important;
  scroll-snap-align:start;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease!important;
}
body > #lenePreviewModal:not([hidden]) .lene-material-choice:not(:disabled):hover,
body > #lenePreviewModal:not([hidden]) .lene-material-choice.is-previewing{
  transform:translateY(-2px)!important;border-color:rgba(185,132,39,.58)!important;box-shadow:0 7px 18px rgba(70,48,25,.10)!important;
}
body > #lenePreviewModal:not([hidden]) .lene-material-choice.is-active{
  border-color:#b98427!important;box-shadow:0 0 0 2px rgba(185,132,39,.13),0 6px 18px rgba(70,48,25,.08)!important;
}
body > #lenePreviewModal:not([hidden]) .lene-material-choice-swatch{
  grid-column:1!important;grid-row:1/3!important;position:relative!important;width:66px!important;height:70px!important;min-height:70px!important;
  border-radius:10px!important;background-color:var(--material-tone)!important;background-image:var(--material-image,none)!important;
  background-size:cover!important;background-position:center!important;box-shadow:inset 0 0 0 1px rgba(40,30,20,.08)!important;
}
body > #lenePreviewModal:not([hidden]) .lene-material-choice-check{
  position:absolute;right:5px;top:5px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;
  background:#b98427;color:#fff;font-size:10px;font-weight:900;opacity:0;transform:scale(.75);transition:.14s ease;
  box-shadow:0 2px 6px rgba(60,38,10,.2)
}
body > #lenePreviewModal:not([hidden]) .lene-material-choice.is-active .lene-material-choice-check{opacity:1;transform:scale(1)}
body > #lenePreviewModal:not([hidden]) .lene-material-choice-copy{grid-column:2!important;grid-row:1!important;display:block!important;min-width:0!important;align-self:end!important}
body > #lenePreviewModal:not([hidden]) .lene-material-choice-name{display:block!important;margin:0!important;font-size:11px!important;line-height:1.2!important;font-weight:750!important;color:#30271f!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body > #lenePreviewModal:not([hidden]) .lene-material-choice-kind{display:block;margin-top:3px;font-size:8px;line-height:1;color:#958779;text-transform:uppercase;letter-spacing:.055em;font-weight:700}
body > #lenePreviewModal:not([hidden]) .lene-material-choice-price{grid-column:2!important;grid-row:2!important;align-self:start!important;font-size:8px!important;line-height:1!important;color:#a06e1d!important;font-weight:750!important;padding-top:4px!important}
body > #lenePreviewModal:not([hidden]) .lene-material-choice-status{right:6px!important;top:auto!important;bottom:6px!important;width:6px!important;height:6px!important}
body > #lenePreviewModal:not([hidden]) .lene-material-picker-note{position:absolute!important;right:14px!important;top:12px!important;margin:0!important;min-height:0!important;font-size:8px!important;pointer-events:none!important}
body > #lenePreviewModal:not([hidden]) .lene-material-choice:disabled{filter:saturate(.45);opacity:.48!important}
@media(max-height:760px) and (min-width:821px){
 body > #lenePreviewModal:not([hidden]) .lene-material-picker{height:118px!important;max-height:118px!important;padding:7px 10px!important}
 body > #lenePreviewModal:not([hidden]) .lene-material-picker-head{height:24px!important;margin-bottom:5px!important}
 body > #lenePreviewModal:not([hidden]) .lene-material-picker-options{height:72px!important;min-height:72px!important;max-height:72px!important}
 body > #lenePreviewModal:not([hidden]) .lene-material-choice{height:70px!important;min-height:70px!important;max-height:70px!important;grid-template-columns:52px minmax(0,1fr)!important}
 body > #lenePreviewModal:not([hidden]) .lene-material-choice-swatch{width:52px!important;height:56px!important;min-height:56px!important}
}
@media(max-width:760px){
 body > #lenePreviewModal:not([hidden]) .lene-material-picker{height:142px!important;max-height:142px!important}
 body > #lenePreviewModal:not([hidden]) .lene-material-choice{flex-basis:180px!important}
}


/* ================================================================
   LeNe Studio v17.1.1 — Material Gallery viewport fit fix
   Keep the larger Material Gallery fully inside the app viewport.
   ================================================================ */
body > #lenePreviewModal:not([hidden]) .lene-preview-stage-column{
  grid-template-rows:minmax(0,1fr) 148px!important;
}
body > #lenePreviewModal:not([hidden]) .lene-material-picker{
  height:148px!important;max-height:148px!important;overflow:hidden!important;
}
body > #lenePreviewModal:not([hidden]) .lene-material-picker-options{
  overflow-x:auto!important;overflow-y:hidden!important;
}
@media(max-height:760px) and (min-width:821px){
  body > #lenePreviewModal:not([hidden]) .lene-preview-stage-column{
    grid-template-rows:minmax(0,1fr) 118px!important;
  }
  body > #lenePreviewModal:not([hidden]) .lene-material-picker{
    height:118px!important;max-height:118px!important;
  }
}
@media(max-width:760px){
  body > #lenePreviewModal:not([hidden]) .lene-preview-stage-column{
    grid-template-rows:minmax(0,1fr) 142px!important;
  }
  body > #lenePreviewModal:not([hidden]) .lene-material-picker{
    height:142px!important;max-height:142px!important;
  }
}

/* ================================================================
   LeNe Studio v17.1.3 — Stable 3D + refined Material Gallery
   Built on v17.1.1. CSS-only visual refinement; renderer untouched.
   ================================================================ */
body > #lenePreviewModal:not([hidden]) .lene-preview-stage-column{
  grid-template-rows:minmax(0,1fr) 154px!important;
}
body > #lenePreviewModal:not([hidden]) .lene-material-picker{
  height:154px!important;
  max-height:154px!important;
  padding:11px 12px 10px!important;
  overflow:hidden!important;
}
body > #lenePreviewModal:not([hidden]) .lene-material-picker-head{
  height:30px!important;
  margin:0 0 8px!important;
  align-items:center!important;
}
body > #lenePreviewModal:not([hidden]) .lene-material-picker-options{
  height:88px!important;
  min-height:88px!important;
  max-height:88px!important;
  gap:9px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  align-items:center!important;
  padding:2px 0 5px!important;
}
body > #lenePreviewModal:not([hidden]) .lene-material-choice{
  height:82px!important;
  min-height:82px!important;
  max-height:82px!important;
  flex-basis:210px!important;
  grid-template-columns:58px minmax(0,1fr)!important;
  grid-template-rows:1fr auto!important;
  column-gap:12px!important;
  row-gap:0!important;
  padding:8px 11px 8px 8px!important;
  align-items:center!important;
}
body > #lenePreviewModal:not([hidden]) .lene-material-choice-swatch{
  width:58px!important;
  height:62px!important;
  min-height:62px!important;
  align-self:center!important;
  border-radius:10px!important;
}
body > #lenePreviewModal:not([hidden]) .lene-material-choice-copy{
  align-self:center!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  min-height:42px!important;
  padding-top:3px!important;
}
body > #lenePreviewModal:not([hidden]) .lene-material-choice-name{
  font-size:11px!important;
  line-height:1.25!important;
  margin:0!important;
}
body > #lenePreviewModal:not([hidden]) .lene-material-choice-kind{
  margin-top:4px!important;
  font-size:8px!important;
  line-height:1.1!important;
}
body > #lenePreviewModal:not([hidden]) .lene-material-choice-price{
  align-self:start!important;
  padding-top:0!important;
  padding-bottom:2px!important;
  font-size:8px!important;
}
body > #lenePreviewModal:not([hidden]) .lene-material-choice-status{
  bottom:8px!important;
}
@media(max-height:760px) and (min-width:821px){
  body > #lenePreviewModal:not([hidden]) .lene-preview-stage-column{
    grid-template-rows:minmax(0,1fr) 136px!important;
  }
  body > #lenePreviewModal:not([hidden]) .lene-material-picker{
    height:136px!important;max-height:136px!important;padding:8px 10px!important;
  }
  body > #lenePreviewModal:not([hidden]) .lene-material-picker-options{
    height:75px!important;min-height:75px!important;max-height:75px!important;
  }
  body > #lenePreviewModal:not([hidden]) .lene-material-choice{
    height:70px!important;min-height:70px!important;max-height:70px!important;
    grid-template-columns:50px minmax(0,1fr)!important;
  }
  body > #lenePreviewModal:not([hidden]) .lene-material-choice-swatch{
    width:50px!important;height:54px!important;min-height:54px!important;
  }
}

/* LeNe Studio v17.2.0 — Layer Panel v1 */
body > #lenePreviewModal:not([hidden]) .lene-surface-layer-row{
  grid-template-columns:34px minmax(0,1fr) auto!important;
  gap:8px!important;
  min-height:54px!important;
}
body > #lenePreviewModal:not([hidden]) .lene-layer-actions{
  display:flex;align-items:center;gap:3px;opacity:.55;transition:opacity .15s ease;
}
body > #lenePreviewModal:not([hidden]) .lene-surface-layer-row:hover .lene-layer-actions,
body > #lenePreviewModal:not([hidden]) .lene-surface-layer-row.is-selected .lene-layer-actions{opacity:1}
body > #lenePreviewModal:not([hidden]) .lene-layer-action{
  width:26px;height:26px;min-width:26px;padding:0;border:1px solid rgba(126,90,44,.14);border-radius:7px;background:#fffaf3;color:#76552f;display:inline-flex;align-items:center;justify-content:center;font:600 12px/1 Arial,sans-serif;cursor:pointer;box-shadow:none;transition:.15s ease;
}
body > #lenePreviewModal:not([hidden]) .lene-layer-action:hover{background:#f5e5c8;border-color:#d79b32;transform:translateY(-1px)}
body > #lenePreviewModal:not([hidden]) .lene-layer-delete{font-size:17px;color:#a94b43}
body > #lenePreviewModal:not([hidden]) .lene-layer-delete:hover{background:#fff0ee;border-color:#d79a93}
body > #lenePreviewModal:not([hidden]) .lene-surface-layer-row.is-hidden-layer .lene-layer-type,
body > #lenePreviewModal:not([hidden]) .lene-surface-layer-row.is-hidden-layer .lene-layer-copy{opacity:.42}
body > #lenePreviewModal:not([hidden]) .lene-surface-layer-row.is-hidden-layer{background:#faf8f5}
body > #lenePreviewModal:not([hidden]) .lene-surface-layer-row.is-locked-layer .lene-layer-type{box-shadow:inset 0 0 0 1px rgba(209,151,50,.25)}
@media(max-width:1500px){body > #lenePreviewModal:not([hidden]) .lene-layer-action{width:23px;height:23px;min-width:23px;font-size:11px}body > #lenePreviewModal:not([hidden]) .lene-layer-delete{font-size:15px}}


/* LeNe Studio v17.3.0 — Layer Panel v2: reorder + rename */
body > #lenePreviewModal:not([hidden]) .lene-surface-layer-row{grid-template-columns:18px 34px minmax(0,1fr) auto!important;}
body > #lenePreviewModal:not([hidden]) .lene-layer-drag{display:flex;align-items:center;justify-content:center;color:#b79a70;font:700 13px/1 Arial,sans-serif;cursor:grab;user-select:none;opacity:.55;letter-spacing:-4px;transition:.15s ease;}
body > #lenePreviewModal:not([hidden]) .lene-surface-layer-row:hover .lene-layer-drag{opacity:1;color:#9a6a27;}
body > #lenePreviewModal:not([hidden]) .lene-layer-drag:active{cursor:grabbing;}
body > #lenePreviewModal:not([hidden]) .lene-surface-layer-row.is-dragging-layer{opacity:.45;}
body > #lenePreviewModal:not([hidden]) .lene-surface-layer-row.is-drop-before{box-shadow:inset 0 3px 0 #d19732!important;}
body > #lenePreviewModal:not([hidden]) .lene-surface-layer-row.is-drop-after{box-shadow:inset 0 -3px 0 #d19732!important;}
body > #lenePreviewModal:not([hidden]) .lene-layer-rename{font-size:14px!important;}
@media(max-width:1500px){body > #lenePreviewModal:not([hidden]) .lene-surface-layer-row{grid-template-columns:15px 30px minmax(0,1fr) auto!important;gap:5px!important;}body > #lenePreviewModal:not([hidden]) .lene-layer-actions{gap:2px!important;}}