.lay-bg,.lay-custom-bg,.lay-fg,.lay-custom-fg{position:absolute;inset:0;pointer-events:none}
.lay-bg{z-index:0}
.lay-custom-bg{z-index:0;display:none;opacity:var(--art-op,1)}
.lay-fg{z-index:3}
.lay-custom-fg{z-index:4;display:none;opacity:var(--art-op,1)}
.lay-custom-bg img,.lay-custom-fg img{width:100%;height:100%;object-fit:var(--art-fit,cover);display:block}
.lay-custom-bg.on,.lay-custom-fg.on{display:block}
/* ── two-pane master/detail layout menu ── */
#templateModal{width:960px!important}
#tmplGrid.lay-menu{display:flex!important;grid-template-columns:none!important;padding:0!important;gap:0}
.lay-rail{width:240px;flex:none;border-right:1px solid rgba(198,162,83,.16);overflow-y:auto;padding:12px}
.lay-item{display:flex;gap:11px;align-items:center;padding:8px;border-radius:10px;cursor:pointer;border:1px solid transparent;margin-bottom:6px;transition:.15s}
.lay-item:hover{background:rgba(198,162,83,.06);border-color:rgba(198,162,83,.2)}
.lay-item.sel{background:rgba(198,162,83,.13);border-color:var(--gold)}
.lay-item .lit{width:60px;height:42px;flex:none;border-radius:6px;overflow:hidden;box-shadow:0 2px 6px rgba(0,0,0,.4)}
.lay-item .lit svg{width:100%;height:100%;display:block}
.lay-item .lname{font-family:'Cinzel',serif;font-size:12px;color:#e9dcbe;line-height:1.2}
.lay-item .lcat{font-size:10px;color:#8d7c5c;margin-top:2px}
.lay-detail{flex:1;display:flex;flex-direction:column;padding:18px 20px;overflow-y:auto;min-width:0}
.lay-pv{position:relative;width:100%;padding-bottom:70.7%;border-radius:8px;overflow:hidden;box-shadow:0 14px 40px rgba(0,0,0,.5);background:#fff}
.lay-pv svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.lay-dt-name{font-family:'Cinzel',serif;font-size:18px;color:#f0e6cc;margin:15px 0 2px}
.lay-dt-desc{font-size:12.5px;color:#9a875f;font-style:italic;margin-bottom:14px}
.lay-apply{width:100%;padding:12px;border:none;border-radius:9px;cursor:pointer;font-family:'Cinzel',serif;font-size:13px;letter-spacing:1.5px;text-transform:uppercase;font-weight:700;background:linear-gradient(180deg,var(--gold-light),var(--gold));color:#0c1a30;box-shadow:0 6px 18px rgba(198,162,83,.28)}
.lay-apply:hover{filter:brightness(1.05)}
.lay-art2{margin-top:18px;padding-top:16px;border-top:1px solid rgba(198,162,83,.16)}
.lay-art2 .lah{font-family:'Cinzel',serif;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#b99a55;margin-bottom:10px}
.lay-art2 .upl{display:flex;align-items:center;width:100%;padding:10px 12px;margin-bottom:7px;border-radius:8px;border:1px dashed rgba(198,162,83,.4);background:rgba(0,0,0,.22);color:#c9bc9d;cursor:pointer;font-size:12.5px}
.lay-art2 .upl:hover{border-color:var(--gold);color:#f3e7c6}
.lay-art2 .row{display:flex;align-items:center;gap:12px;margin:9px 0;color:#c9bc9d;font-size:12.5px}
.lay-art2 .row label{min-width:58px}
.lay-art2 input[type=range]{flex:1;accent-color:var(--gold)}
.lay-art2 select{flex:1;background:rgba(0,0,0,.22);border:1px solid rgba(198,162,83,.25);border-radius:7px;color:#eadfc2;padding:6px 9px;font-family:inherit}
.lay-art2 .lasw{width:38px;height:21px;border-radius:11px;background:#1c2636;position:relative;cursor:pointer;flex:none}
.lay-art2 .lasw::after{content:"";position:absolute;top:2px;left:2px;width:17px;height:17px;border-radius:50%;background:#5e6a7e;transition:.15s}
.lay-art2 .lasw.on{background:linear-gradient(90deg,var(--gold-dark),var(--gold))}
.lay-art2 .lasw.on::after{left:19px;background:#0c1a30}
.lay-art2 .labtn{width:100%;margin-top:8px;padding:9px;border-radius:8px;border:1px solid rgba(198,162,83,.3);background:transparent;color:#c9bc9d;cursor:pointer;font-family:'Cinzel',serif;font-size:12px;letter-spacing:1px}
.lay-art2 .labtn:hover{border-color:var(--gold);color:#f3e7c6}
@media(max-width:760px){#templateModal{width:96vw!important}.lay-rail{width:150px}}
@media print{
  .certificate.no-print-art .lay-custom-bg,.certificate.no-print-art .lay-custom-fg{display:none !important}
}