#glassDesigner{--g-ink:#111;--g-muted:#667085;--g-line:#dfe3e8;--g-soft:#f5f7f9;--g-gold:#b58b3d;margin-top:26px}
#glassDesigner *{box-sizing:border-box}
.glass-layout{display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);gap:24px;align-items:start}
.glass-visual-card,.glass-panel,.glass-examples{border:1px solid var(--g-line);border-radius:20px;background:#fff;overflow:hidden}
.glass-visual-card{position:sticky;top:96px}
.glass-image-wrap{position:relative;background:#111;aspect-ratio:1.25/1;overflow:hidden}
.glass-image-wrap img{width:100%;height:100%;object-fit:cover;object-position:center top}
.glass-image-badge{position:absolute;left:16px;top:16px;border-radius:999px;padding:7px 10px;background:rgba(17,17,17,.9);color:#fff;font-size:9px;font-weight:900;letter-spacing:.1em}
.glass-visual-copy{padding:23px}.glass-kicker{font-size:10px;letter-spacing:.16em;color:#8a6a30;font-weight:900}.glass-visual-copy h2{font-size:30px;line-height:1.03;letter-spacing:-.03em;margin:8px 0 10px}.glass-visual-copy>p{color:var(--g-muted);font-size:14px;margin:0}
.glass-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.glass-feature-grid>div{border-top:1px solid var(--g-line);padding-top:10px}.glass-feature-grid strong,.glass-feature-grid span{display:block}.glass-feature-grid strong{font-size:12px}.glass-feature-grid span{font-size:10px;color:var(--g-muted);margin-top:2px}
.glass-controls{display:grid;gap:12px}.glass-panel{padding:17px}.glass-step{display:grid;grid-template-columns:30px 1fr;gap:9px;align-items:start;margin-bottom:13px}.glass-step>span{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#111;color:#fff;font-size:11px;font-weight:900}.glass-step strong,.glass-step small{display:block}.glass-step strong{font-size:16px;line-height:1.15}.glass-step small{font-size:10px;color:var(--g-muted);margin-top:2px}
.glass-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.glass-choice{position:relative;border:1px solid #d1d6dc;border-radius:12px;padding:12px;cursor:pointer;min-height:108px}.glass-choice input{position:absolute;opacity:0;pointer-events:none}.glass-choice strong,.glass-choice span{display:block}.glass-choice strong{font-size:12px;line-height:1.15}.glass-choice span{font-size:10px;color:var(--g-muted);line-height:1.35;margin-top:5px}.glass-choice.active{border:2px solid #111;background:#f7f8f9;padding:11px}
#glassDesigner label:not(.glass-choice):not(.glass-qty):not(.glass-confirm){display:block;margin:10px 0 5px;font-size:11px;font-weight:900}.glass-optional{font-weight:400;color:var(--g-muted)}
#glassDesigner input[type="text"],#glassDesigner select,#glassDesigner textarea{width:100%;border:1px solid #cbd2d9;border-radius:10px;padding:11px 12px;font:inherit;background:#fff;color:#111}#glassDesigner textarea{min-height:100px;resize:vertical}#glassDesigner input:focus,#glassDesigner select:focus,#glassDesigner textarea:focus{outline:none;border-color:#9c7938;box-shadow:0 0 0 3px rgba(181,139,61,.13)}
.glass-qty-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.glass-qty{position:relative;border:1px solid #d1d6dc;border-radius:12px;padding:11px 8px;text-align:center;cursor:pointer}.glass-qty input{position:absolute;opacity:0}.glass-qty strong,.glass-qty span,.glass-qty small{display:block}.glass-qty strong{font-size:11px}.glass-qty span{font-size:18px;font-weight:900;margin-top:4px}.glass-qty small{font-size:9px;color:var(--g-muted);margin-top:1px}.glass-qty.active{border:2px solid #111;background:#f7f8f9;padding:10px 7px}.glass-volume-note{font-size:10px;color:var(--g-muted);margin-top:9px}.glass-volume-note a{font-weight:900;color:#111}
.glass-proof-panel{background:#fffaf0;border-color:#ead9b8}.glass-confirm{display:flex;gap:10px;align-items:flex-start;cursor:pointer}.glass-confirm input{width:auto!important;margin-top:3px}.glass-confirm span,.glass-confirm strong,.glass-confirm small{display:block}.glass-confirm strong{font-size:12px}.glass-confirm small{font-size:10px;color:var(--g-muted);line-height:1.4;margin-top:2px}
.glass-buybar{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--g-line);border-radius:18px;padding:16px 17px;background:#111;color:#fff}.glass-buybar>div span,.glass-buybar>div strong,.glass-buybar>div small{display:block}.glass-buybar>div span{font-size:9px;color:#b7c0c9;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.glass-buybar>div strong{font-size:27px;line-height:1;margin-top:2px}.glass-buybar>div small{font-size:10px;color:#cbd2d9;margin-top:4px}.glass-add{background:#fff!important;color:#111!important;min-width:250px}
.glass-examples{margin-top:28px;padding:22px}.glass-examples-head{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:end;margin-bottom:18px}.glass-examples-head h2{font-size:36px;line-height:1;margin:6px 0 0}.glass-examples-head p{color:var(--g-muted);font-size:13px;margin:0}.glass-examples>img{border-radius:14px;border:1px solid var(--g-line);width:100%}
.glass-error{border-left:5px solid #c72c41;background:#fff0f2;color:#711827;padding:13px 15px;border-radius:8px;margin:18px 0}
.glass-price-note{font-size:12px;color:#667085;margin-top:4px;text-align:right}
@media(max-width:920px){.glass-layout{grid-template-columns:1fr}.glass-visual-card{position:static}.glass-choice-grid{grid-template-columns:1fr}.glass-examples-head{grid-template-columns:1fr;gap:10px}}
@media(max-width:620px){.glass-feature-grid{grid-template-columns:1fr 1fr}.glass-qty-grid{grid-template-columns:1fr 1fr}.glass-buybar{align-items:stretch;flex-direction:column}.glass-add{min-width:0;width:100%}.glass-examples{padding:14px}.glass-visual-copy h2{font-size:26px}}

/* 2026-09-18 whisky range + engraving reference update */
.glass-image-wrap-light{background:#f7f7f5}
.glass-image-wrap-light img{object-fit:contain;object-position:center;padding:16px}
.glass-choice-grid{grid-template-columns:repeat(2,1fr)}
.glass-ideas-link{display:inline-block;margin-top:18px;font-size:12px;font-weight:900;color:#111;text-decoration:none}
.glass-ideas-link:hover{text-decoration:underline}
.glass-inline-help{margin-top:7px;font-size:10px;color:var(--g-muted)}
.glass-inline-help a{color:#111;font-weight:800}
.glass-qty-grid-two{grid-template-columns:repeat(2,minmax(0,1fr));max-width:520px}
.glass-reference-sheets{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
.glass-reference-sheets img{width:100%;height:auto;border:1px solid var(--g-line);border-radius:14px;background:#fff}
.glass-reference-footer{display:flex;justify-content:center;margin-top:18px}
.glass-reference-promo{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px}
.glass-reference-promo .glass-examples-head{margin:0;flex:1;min-width:280px}
@media(max-width:820px){.glass-choice-grid{grid-template-columns:1fr}.glass-reference-sheets{grid-template-columns:1fr}}

/* V8 live glass engraving preview */
.glass-image-wrap{isolation:isolate}
.glass-preview-mask{
  position:absolute;z-index:2;left:28%;top:20%;width:44%;height:51%;
  border-radius:36% 36% 22% 22%;
  background:rgba(250,250,248,.86);
  backdrop-filter:blur(2px);
  -webkit-backdrop-filter:blur(2px);
  pointer-events:none;
  box-shadow:inset 0 0 26px rgba(255,255,255,.8);
}
.glass-live-preview{
  position:absolute;z-index:3;left:30%;top:27%;width:40%;height:38%;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:7px;text-align:center;pointer-events:none;color:rgba(119,124,129,.82);
  text-shadow:0 1px 0 rgba(255,255,255,.72);line-height:.98;
}
.glass-preview-main{
  width:100%;white-space:pre-line;overflow-wrap:anywhere;
  font-size:calc(clamp(24px,3.15vw,45px) * var(--glass-text-scale,1));
  font-weight:700;letter-spacing:-.025em;
}
.glass-preview-extra{max-width:95%;font-size:clamp(10px,.95vw,14px);font-weight:700;line-height:1.12;white-space:normal}
.glass-preview-main.is-placeholder,.glass-preview-extra.is-placeholder{opacity:.42}
.glass-font-classic .glass-preview-main{font-family:Georgia,'Times New Roman',serif;font-weight:700}
.glass-font-script .glass-preview-main{font-family:'Brush Script MT','Segoe Script',cursive;font-weight:500;letter-spacing:0}
.glass-font-modern .glass-preview-main{font-family:Arial,Helvetica,sans-serif;font-weight:800;letter-spacing:-.045em}
.glass-font-bold .glass-preview-main{font-family:Impact,'Arial Black',sans-serif;font-weight:400;letter-spacing:.01em;text-transform:uppercase}
.glass-preview-ref{position:absolute;z-index:4;right:14px;bottom:13px;background:#fff;border:1px solid #d9dee4;border-radius:999px;padding:6px 9px;font-size:9px;font-weight:900;color:#2f3740;box-shadow:0 2px 10px rgba(0,0,0,.05)}
.glass-preview-ref[hidden]{display:none}
.glass-font-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:4px 0 2px}
.glass-font-choice{position:relative;border:1px solid #d1d6dc;border-radius:10px;padding:11px 8px;text-align:center;cursor:pointer;background:#fff;min-width:0}
.glass-font-choice input{position:absolute;opacity:0;pointer-events:none}
.glass-font-choice span{display:block;font-size:15px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#222}
.glass-font-choice.glass-font-classic span{font-family:Georgia,'Times New Roman',serif}
.glass-font-choice.glass-font-script span{font-family:'Brush Script MT','Segoe Script',cursive;font-size:18px}
.glass-font-choice.glass-font-modern span{font-family:Arial,Helvetica,sans-serif;font-weight:800}
.glass-font-choice.glass-font-bold span{font-family:Impact,'Arial Black',sans-serif;text-transform:uppercase;letter-spacing:.03em}
.glass-font-choice.active{border:2px solid #111;background:#f7f8f9;padding:10px 7px}

@media(max-width:620px){
  .glass-font-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .glass-preview-mask{left:25%;width:50%;top:19%;height:53%}
  .glass-live-preview{left:28%;width:44%;top:27%;height:39%}
  .glass-preview-main{font-size:calc(clamp(22px,8vw,38px) * var(--glass-text-scale,1))}
}