/* ── ADDITIONAL PRESTIGE POLISH ── */

/* Zoom layout */
.sheet-wrap { transform-origin:top center; transition:transform .18s ease; will-change:transform; }
.preview-scroll { overflow:auto !important; }
.preview-container { min-width:max-content; padding-bottom:40px; }
.sb-panel.active { min-height:0; overflow-y:auto; }

/* Field index */
.field-index-hint { font-size:11px; color:rgba(216,203,179,.4); font-style:italic; border:1px dashed rgba(201,151,61,.12); border-radius:8px; padding:12px 10px; margin-top:4px; line-height:1.5; text-align:center; }
.field-index-item { display:flex; align-items:center; gap:8px; padding:7px 9px; border-radius:7px; cursor:pointer; font-size:12px; color:rgba(216,203,179,.7); border:1px solid transparent; transition:all var(--tr); margin-bottom:3px; }
.field-index-item:hover { background:rgba(201,151,61,.07); border-color:rgba(201,151,61,.18); color:var(--gold-light); }
.field-index-item.active { background:rgba(201,151,61,.12); border-color:rgba(201,151,61,.3); color:var(--gold-light); }
.field-index-dot { width:6px; height:6px; border-radius:50%; background:var(--gold); flex-shrink:0; opacity:.6; }
.field-index-item.active .field-index-dot { opacity:1; }

/* Batch note */
.batch-note { background:rgba(201,151,61,.04); border:1px solid rgba(201,151,61,.12); border-radius:var(--r); padding:10px 12px; font-size:12px; color:rgba(216,203,179,.6); font-style:italic; line-height:1.5; }

/* Progress */
.prog-wrap { display:none; background:rgba(0,0,0,.3); border-radius:999px; height:3px; margin-top:6px; overflow:hidden; }
.prog-fill { height:100%; background:linear-gradient(90deg,var(--gold-dark),var(--gold-shine)); border-radius:999px; width:0%; transition:width .3s; }

/* Context preview btn */
.ctx-preview-btn { font-size:11px; font-weight:700; letter-spacing:.4px; color:var(--gold-light); background:rgba(201,151,61,.1); border:1px solid rgba(201,151,61,.28); border-radius:6px; padding:4px 9px; cursor:pointer; font-family:'Cormorant Garamond',serif; transition:all var(--tr); white-space:nowrap; }
.ctx-preview-btn:hover { background:rgba(201,151,61,.22); border-color:var(--gold); }

/* Selected cert element */
.ce-field.cert-selected { outline:2px solid rgba(201,151,61,.6) !important; outline-offset:3px !important; border-radius:3px !important; }

/* Toolbar status */
#toolbarStatus { font-size:10px; color:rgba(201,151,61,.3); letter-spacing:1px; }

/* Scheme grid */
.scheme-grid { grid-template-columns:1fr 1fr; }

/* ── BODY WIDTH SLIDER ── */
.body-width-row {
  display: flex; align-items: center; gap: 8px; margin-top: 8px;
  padding: 8px 10px;
  background: rgba(201,151,61,.04);
  border: 1px solid rgba(201,151,61,.15);
  border-radius: 8px;
}
.body-width-label { font-size: 11px; color: rgba(216,203,179,.6); font-style:italic; white-space:nowrap; }
.body-width-slider {
  flex: 1; -webkit-appearance:none; appearance:none;
  height: 4px; border-radius: 2px; outline: none; cursor: pointer;
  background: linear-gradient(90deg, var(--gold) var(--pct,70%), rgba(201,151,61,.2) var(--pct,70%));
}
.body-width-slider::-webkit-slider-thumb {
  -webkit-appearance:none; width:14px; height:14px; border-radius:50%;
  background: var(--gold); border: 2px solid var(--panel);
  box-shadow: 0 0 0 2px rgba(201,151,61,.3); cursor:pointer;
}
.body-width-val {
  font-size: 11px; color: var(--gold-light); min-width: 34px; text-align:right;
  font-family: monospace;
}

/* ── CERT ELEMENT HOVER ── */
.tmpl-card.active .tmpl-name::before { content:'✓ '; color:var(--gold); }

/* ── SPLASH BRAND BLOCK ── */
.splash-brand-block {
  display:flex; align-items:center; gap:20px;
  animation: fadeSlideDown .9s ease .05s both;
  position:relative; z-index:2;
}
.splash-brand-icon {
  width:64px; height:64px; border-radius:16px;
  display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg,#c9973d,#8a6420);
  box-shadow:0 0 0 3px rgba(201,151,61,.22), 0 8px 32px rgba(201,151,61,.35);
  flex-shrink:0;
  animation: iconPulse 3s ease-in-out infinite;
}
@keyframes iconPulse {
  0%,100% { box-shadow:0 0 0 3px rgba(201,151,61,.22), 0 8px 32px rgba(201,151,61,.35); }
  50%      { box-shadow:0 0 0 6px rgba(201,151,61,.12), 0 12px 40px rgba(201,151,61,.5); }
}
.splash-brand-text { display:flex; flex-direction:column; gap:6px; }
.splash-brand-title {
  display:flex; align-items:baseline; gap:10px;
  line-height:1;
}
.splash-brand-cert {
  font-family:'Playfair Display',serif;
  font-size:34px; font-weight:700; letter-spacing:.5px;
  background:linear-gradient(135deg, #ffd700 0%, #ffe44d 30%, #fff0a0 50%, #ffb800 70%, #ffd700 100%);
  background-size:200% auto;
  -webkit-background-clip:text; -webkit-text-fill-color:transparent;
  background-clip:text;
  animation: goldShimmer 4s linear infinite;
  filter:drop-shadow(0 2px 10px rgba(255,200,0,.4));
}
.splash-brand-deluxe {
  font-family:'Cinzel Decorative', 'Cinzel', serif;
  font-size:15px; font-weight:700; letter-spacing:5px;
  text-transform:uppercase;
  color:#e8c97a;
  animation: goldShimmer 3.5s linear .4s infinite;
  position:relative; top:-2px;
  border:1px solid rgba(201,151,61,.40);
  padding:3px 12px 3px 14px;
  border-radius:3px;
  background:rgba(201,151,61,.10);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 0 12px rgba(201,151,61,.12);
  letter-spacing:6px;
}
.splash-brand-by {
  font-family:'Cormorant Garamond',serif;
  font-size:13px; font-style:italic; letter-spacing:1px;
  color:rgba(255,255,255,.45);
}
.splash-brand-author {
  color:rgba(201,151,61,.75);
  font-style:normal; font-weight:600; letter-spacing:.5px;
}

/* ── TOP BANNER ── */
#topBanner {
  width:100%; height:48px; flex-shrink:0;
  background:linear-gradient(90deg, #0a0d16 0%, #0e1520 60%, #131d2e 100%);
  border-bottom:1px solid rgba(201,151,61,.18);
  display:flex; align-items:center; gap:12px;
  padding:0 20px;
  box-shadow:0 1px 12px rgba(0,0,0,.35);
  position:sticky; top:0; z-index:20;
}
.top-banner-icon {
  width:28px; height:28px; border-radius:7px;
  background:linear-gradient(135deg,#c9973d,#8a6420);
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 2px 8px rgba(201,151,61,.35); flex-shrink:0;
}
.top-banner-title {
  display:flex; align-items:baseline; gap:7px;
}
.top-banner-cert {
  font-family:'Playfair Display',serif;
  font-size:15px; font-weight:700; letter-spacing:.3px;
  background:linear-gradient(135deg, #e8c97a, #ffd700, #c9973d);
  -webkit-background-clip:text; -webkit-text-fill-color:transparent;
  background-clip:text;
}
.top-banner-deluxe {
  font-family:'Cinzel Decorative','Cinzel',serif;
  font-size:9px; font-weight:700; letter-spacing:3.5px;
  text-transform:uppercase;
  color:rgba(201,151,61,.65);
  border:1px solid rgba(201,151,61,.25);
  padding:1px 6px 1px 7px; border-radius:2px;
  position:relative; top:-1px;
}

/* ── FONT CARD: own-name display ── */
.fp-card-own-name {
  line-height:1.25;
  min-height:44px;
  display:flex; align-items:center;
  word-break:break-word; overflow:hidden;
  margin-top:4px;
  padding-bottom:2px;
}