:root{--green:#071913;--gold:#c9a452;--cream:#f4efe7;--ink:#142018}.approved-shop{margin:0;background:#f3eee6;color:var(--ink)}.approved-shop .site-header{position:sticky;top:0;z-index:20;background:var(--green);border-bottom:1px solid rgba(255,255,255,.08)}.approved-shop .nav-links .active{color:var(--gold)}.cart-mini{color:#fff;margin-left:12px}.reference-board{width:100%;background:#f3eee6}.reference-board img{display:block;width:100%;height:auto}.order-builder{display:grid;grid-template-columns:34% 66%;background:#f6f1e9;border-top:1px solid #ddd4c8}.order-controls{padding:50px 8vw 42px 8vw;background:#fbf8f3}.eyebrow{font-size:.68rem;letter-spacing:.16em;color:#b1883d;font-weight:700}.order-controls h1{font:500 clamp(3.2rem,5vw,5.4rem)/.92 Georgia,serif;margin:8px 0 18px}.order-controls>p{font: .9rem/1.5 Georgia,serif}.order-controls fieldset{border:0;padding:0;margin:20px 0 15px}.order-controls legend,.field{font-weight:700;font-size:.8rem}.toggle-row{display:flex;gap:0;margin-top:7px}.toggle-row label input{position:absolute;opacity:0}.toggle-row span{display:block;border:1px solid #c6beb2;background:#fff;padding:8px 15px;font-size:.72rem}.toggle-row input:checked+span{background:var(--green);color:#fff;border-color:var(--green)}.field{display:block;margin:14px 0 7px}.field select{display:block;width:100%;margin-top:6px;padding:11px;border:1px solid #bdb5aa;background:white}.thumb-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:5px}.thumb-grid button{padding:0;border:2px solid transparent;background:#e9e2d8;aspect-ratio:1;overflow:hidden}.thumb-grid button.active{border-color:var(--gold)}.thumb-grid img{width:100%;height:100%;object-fit:contain}.summary{margin:20px 0;border-top:1px solid #ded5c9;border-bottom:1px solid #ded5c9;padding:13px 0;display:grid;grid-template-columns:1fr 1fr}.summary div:first-child{grid-column:1/-1}.summary span{font-size:.58rem;letter-spacing:.12em;color:#997c45}.summary strong{display:block;font:700 .9rem Georgia,serif;margin-top:3px}.add-btn{background:var(--green);color:white;border:0;padding:12px 20px;font-weight:700}.note{font-size:.7rem!important;color:#666}.order-visual{background:linear-gradient(110deg,#d6d0c7,#f0ece5);padding:55px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:640px}.main-preview{background:#fff;padding:10px;box-shadow:0 6px 18px rgba(0,0,0,.16)}.main-preview.landscape{width:68%;aspect-ratio:1.42}.main-preview.portrait{width:42%;aspect-ratio:.72}.mount{width:100%;height:100%;background:#f7f3eb;padding:10px}.main-preview img,.size-previews img{width:100%;height:100%;object-fit:contain}.size-previews{display:flex;align-items:end;gap:28px;margin-top:45px}.size-previews>div{text-align:center;font-family:Georgia,serif}.size-previews>div>div{background:#fff;padding:6px;box-shadow:0 3px 10px rgba(0,0,0,.14);margin-bottom:7px}.p-a4>div{width:92px;height:65px}.p-a3>div{width:130px;height:92px}.p-a2>div{width:178px;height:126px}.size-previews b,.size-previews small{display:block}.size-previews small{font-size:.63rem}.shop-footer{background:var(--green);color:#fff;padding:20px 4vw;display:flex;justify-content:space-between}.shop-footer a{color:#fff;text-decoration:none}@media(max-width:900px){.order-builder{grid-template-columns:1fr}.order-controls{padding:40px 25px}.order-visual{min-height:480px;padding:30px}.main-preview.landscape{width:85%}.main-preview.portrait{width:58%}.reference-board{overflow-x:auto}.reference-board img{min-width:900px}}

/* Studio 4.3: full live photo library */
.thumb-grid{max-height:190px;overflow-y:auto;align-content:start;padding-right:4px;scrollbar-width:thin}
.thumb-grid button img{object-fit:contain!important;background:#e9e4dc}



/* Studio 4.6 — approved full-width Shop correction */
.reference-board{
  width:min(1680px, calc(100% - 48px));
  margin:18px auto 28px;
  background:#f3eee6;
  box-shadow:none;
}
.reference-board img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
  image-rendering:auto;
}

.order-builder{
  width:min(1500px, calc(100% - 48px));
  margin:0 auto 42px;
  display:grid;
  grid-template-columns:minmax(500px, 41%) minmax(0, 59%);
  background:#f6f1e9;
  border:1px solid #ddd4c8;
}

.order-controls{
  padding:46px 48px 42px;
  min-width:0;
}
.order-controls h1{
  font-size:clamp(3.2rem,4vw,4.8rem);
  line-height:.96;
}
.order-controls>p{
  max-width:480px;
}
.field select{
  width:100%;
  min-height:42px;
}
.thumb-grid{
  grid-template-columns:repeat(6,minmax(0,1fr));
  max-height:190px;
  overflow-y:auto;
}
.summary{
  grid-template-columns:1.35fr .65fr .65fr;
  gap:10px;
}
.summary div:first-child{
  grid-column:auto;
}

.order-visual{
  min-height:590px;
  padding:48px;
  background:linear-gradient(110deg,#d6d0c7,#f0ece5);
}
.main-preview.landscape{
  width:min(72%,620px);
}
.main-preview.portrait{
  width:min(46%,390px);
}
.main-preview img,
.size-previews img{
  object-fit:contain!important;
  object-position:center!important;
}
.size-previews{
  gap:30px;
  margin-top:38px;
}

@media(max-width:1050px){
  .order-builder{
    grid-template-columns:1fr;
  }
  .order-controls{
    padding:40px 34px;
  }
  .order-visual{
    min-height:500px;
  }
  .main-preview.landscape{width:min(80%,620px)}
  .main-preview.portrait{width:min(52%,390px)}
}

@media(max-width:900px){
  .reference-board,
  .order-builder{
    width:100%;
    margin-left:0;
    margin-right:0;
  }
  .reference-board{
    overflow-x:auto;
    margin-top:0;
  }
  .reference-board img{
    min-width:900px;
  }
  .order-builder{
    border-left:0;
    border-right:0;
  }
}

@media(max-width:620px){
  .order-controls{padding:34px 22px}
  .thumb-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .summary{grid-template-columns:1fr}
  .order-visual{padding:24px}
  .size-previews{gap:14px}
  .p-a4>div{width:72px;height:51px}
  .p-a3>div{width:100px;height:71px}
  .p-a2>div{width:135px;height:96px}
}