/* Final desktop editor: one timeline, one preview, one contextual control panel. */
@media (min-width:761px){
  .final-desktop-editor{--editor-gold:#a87218;--editor-ink:#292118;--editor-line:#ddceb2;background:#f3eadb!important}
  .final-desktop-editor .studio-workspace{display:flex!important;flex-direction:column!important}
  .final-desktop-editor .mobile-workflow-bar{order:1!important;display:grid!important;grid-template-columns:auto 1fr!important;gap:18px!important;align-items:center!important;width:auto!important;margin:18px 22px 0!important;padding:14px 18px!important;border:1px solid var(--editor-line)!important;border-radius:18px!important;background:rgba(255,253,248,.97)!important;box-shadow:0 10px 28px rgba(58,40,15,.08)!important}
  .final-desktop-editor .mobile-workflow-bar:before{display:none!important}
  .final-desktop-editor .mobile-workflow-bar>button{position:static!important;min-width:92px!important;height:42px!important;padding:0 15px!important;border:1px solid #cdb889!important;border-radius:999px!important;background:#fff!important;color:#6d4b16!important;font-weight:800!important}
  .final-desktop-editor .mobile-workflow-bar ol{position:relative!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important;width:100%!important;margin:0!important;padding:0!important;list-style:none!important}
  .final-desktop-editor .mobile-workflow-bar ol:before{content:""!important;position:absolute!important;left:7%!important;right:7%!important;top:17px!important;width:auto!important;height:3px!important;border-radius:99px!important;background:#e3d7c1!important}
  .final-desktop-editor .mobile-workflow-bar li{position:relative!important;z-index:1!important;display:grid!important;grid-template-columns:34px 1fr!important;gap:8px!important;align-items:center!important;width:auto!important;min-width:0!important;min-height:44px!important;height:auto!important;padding:5px 8px!important;border:1px solid transparent!important;border-radius:12px!important;background:transparent!important;color:#746755!important;cursor:pointer!important}
  .final-desktop-editor .mobile-workflow-bar li b{display:grid!important;width:34px!important;height:34px!important;place-items:center!important;border:2px solid #d4c29f!important;border-radius:50%!important;background:#fffdf7!important;color:#7e571a!important;font-size:12px!important;box-shadow:0 2px 8px rgba(64,43,13,.08)!important}
  .final-desktop-editor .mobile-workflow-bar li span{font-size:12px!important;font-weight:800!important;line-height:1.15!important;text-align:left!important}
  .final-desktop-editor .mobile-workflow-bar li.active{border-color:#d6ba80!important;background:#fff7e6!important;color:#54370d!important}
  .final-desktop-editor .mobile-workflow-bar li.active b{border-color:#8e5e12!important;background:linear-gradient(145deg,#d8aa51,#9b6512)!important;color:#fff!important;box-shadow:0 0 0 5px rgba(174,120,27,.12)!important}
  .final-desktop-editor .mobile-workflow-bar li.done b{border-color:#a77622!important;background:#c99a43!important;color:#fff!important}
  .final-desktop-editor .editor-grid{order:2!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(320px,420px)!important;gap:22px!important;align-items:start!important;width:100%!important;padding:22px!important;background:transparent!important}
  .final-desktop-editor .canvas-stage{position:sticky!important;top:18px!important;display:flex!important;flex-direction:column!important;align-items:center!important;min-height:0!important;height:auto!important;padding:22px 26px 30px!important;border:1px solid rgba(185,155,101,.4)!important;border-radius:22px!important;background:linear-gradient(145deg,#eee2d0,#e1d2bc)!important;box-shadow:0 20px 45px rgba(63,44,19,.1)!important}
  .final-desktop-editor .canvas-stage>.mobile-workflow-bar{display:none!important}
  .final-desktop-editor .canvas-stage>.mobile-stage-confirm,
  .final-desktop-editor .canvas-stage>.mobile-chip-confirm{display:none!important}
  .final-desktop-editor .mobile-canvas-step{align-self:flex-start!important;margin:0 0 6px!important}
  .final-desktop-editor .mobile-step-guidance{align-self:flex-start!important;margin:0 0 16px!important}
  .final-desktop-editor .card-canvas,.final-desktop-editor[data-active-step] .card-canvas{width:min(100%,880px)!important;max-width:880px!important;aspect-ratio:85.6/53.98!important;margin:auto!important;box-shadow:0 22px 55px rgba(42,31,17,.2)!important}
  .final-desktop-editor .control-panel{position:sticky!important;top:18px!important;display:block!important;align-self:start!important;height:auto!important;max-height:calc(100vh - 36px)!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;overflow-y:auto!important;overscroll-behavior:contain!important}
  .final-desktop-editor .control-panel>.editor-panel{display:none!important}
  .final-desktop-editor .control-panel>.editor-panel.active{display:block!important;padding:24px!important;border:1px solid var(--editor-line)!important;border-radius:22px!important;background:linear-gradient(160deg,#fffefb,#faf3e6)!important;box-shadow:0 18px 42px rgba(61,43,18,.1)!important}
  .final-desktop-editor .control-panel button,.final-desktop-editor .control-panel label,.final-desktop-editor .control-panel input,.final-desktop-editor .control-panel select{font-size:16px!important}
  .final-desktop-editor .final-context-toolbar{display:flex!important;flex-wrap:wrap!important;gap:8px!important;align-items:center!important;margin:0 0 18px!important;padding:12px!important;border:1px solid #d9c8aa!important;border-radius:15px!important;background:linear-gradient(135deg,#fffaf0,#f2e5cf)!important}
  .final-desktop-editor .final-context-toolbar strong{width:100%!important;color:#3d2f1d!important;font:700 18px/1.2 Georgia,serif!important}
  .final-desktop-editor .final-context-toolbar span{width:100%!important;color:#6e604e!important;font-size:14px!important}
  .final-desktop-editor .final-context-toolbar button{min-height:44px!important;padding:9px 13px!important;border:1px solid #cdb98f!important;border-radius:11px!important;background:#fff!important;color:#5f461e!important;font-weight:850!important;cursor:pointer!important}
  .final-desktop-editor .final-context-toolbar button.primary{flex:1 1 100%!important;border-color:#946316!important;background:linear-gradient(135deg,#bd8b31,#916016)!important;color:#fff!important}
  .final-desktop-editor .control-panel:after{display:none!important;content:none!important}
  .final-desktop-editor .gold-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .final-desktop-editor .gold-choice{min-height:132px!important}
  .final-desktop-editor #userImage{width:100%!important;height:100%!important;object-fit:contain!important}
  .final-desktop-editor[data-auto-back="true"] #userImage{object-fit:cover!important;filter:blur(18px) saturate(.9) brightness(.82)!important}
  .final-desktop-editor[data-auto-back="true"] .certificate{filter:none!important}
  .final-desktop-editor .certificate[data-position-locked="true"]{pointer-events:none!important;outline:2px solid rgba(168,114,24,.25)!important}
  .final-desktop-editor .card-canvas[data-side="back"] .certificate{left:50%;right:auto;top:50%;bottom:auto;width:41.16%!important;height:41.16%!important;min-height:0!important;padding:2.5%!important;transform:translate(-50%,-50%);align-content:center!important;border-radius:10px!important;background:rgba(255,255,255,.88)!important;backdrop-filter:blur(5px)!important;box-shadow:0 14px 32px rgba(20,15,8,.22)!important}
  .final-desktop-editor .card-canvas[data-side="back"] .certificate[data-style="classic"]{border:1px solid currentColor!important}
  .final-desktop-editor .card-canvas[data-side="back"] .certificate[data-style="engraved"]{border:4px double currentColor!important;background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(248,239,219,.76))!important;box-shadow:inset 0 0 0 6px rgba(255,255,255,.55),0 18px 42px rgba(20,15,8,.22)!important}
  .final-desktop-editor .card-canvas[data-side="back"] .certificate[data-style="signature"]{border:1px solid currentColor!important;outline:5px solid rgba(255,255,255,.65)!important;outline-offset:-10px!important;background:rgba(250,247,239,.88)!important}
  .final-desktop-editor .certificate-position-help,.final-desktop-editor .certificate-position-lock{display:none!important}
  .final-desktop-editor #certificateConfirm{display:none!important}
  .final-desktop-editor .editor-panel[data-editor-panel="check"] [data-open-preview]{width:100%!important;min-height:52px!important;margin-top:14px!important;border:0!important;border-radius:13px!important;background:#25221d!important;color:#fff!important;font-size:16px!important;font-weight:900!important}
  .final-desktop-editor .certificate-style-chooser{margin:0!important;padding:0!important;border:0!important}
  .final-desktop-editor .certificate-style-chooser legend{margin-bottom:12px!important;color:#4d4233!important;font-size:14px!important;font-weight:900!important}
  .final-desktop-editor .certificate-style-chooser>div{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  .final-desktop-editor .certificate-style-chooser button{display:grid!important;justify-items:center!important;align-content:center!important;gap:7px!important;min-width:0!important;min-height:142px!important;padding:14px 8px!important;border:1px solid #ddceb4!important;border-radius:16px!important;background:#fff!important;color:#4a3d2d!important;cursor:pointer!important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important}
  .final-desktop-editor .certificate-style-chooser button:hover{transform:translateY(-2px)!important;border-color:#a36f1b!important;box-shadow:0 10px 24px rgba(72,48,15,.12)!important}
  .final-desktop-editor .certificate-style-chooser button i{display:block!important;width:min(100%,104px)!important;height:67px!important;border:1px solid #9b7435!important;border-radius:7px!important;background:#fbf6e9!important}
  .final-desktop-editor .certificate-style-chooser button[data-certificate-style="engraved"] i{border:4px double #9b7435!important}
  .final-desktop-editor .certificate-style-chooser button[data-certificate-style="signature"] i{border:1px solid #9b7435!important;box-shadow:inset 0 0 0 4px #fbf6e9,inset 0 0 0 5px #c9ad7c!important}
  .final-desktop-editor .certificate-style-chooser button b{font-size:14px!important}
  .final-desktop-editor .certificate-style-chooser button small{font-size:11px!important;color:#867866!important;text-align:center!important}
  .final-desktop-editor .certificate-style-chooser button[aria-pressed="true"]{border-color:#a36f1b!important;background:#fff4da!important;box-shadow:0 0 0 2px rgba(163,111,27,.16)!important}
  .final-desktop-editor .certificate-settings>label,
  .final-desktop-editor .certificate-settings>.certificate-color-control,
  .final-desktop-editor .certificate-settings>.certificate-qr-tone{display:none!important}
  .final-desktop-editor .desktop-text-list{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin:0 0 14px!important}
  .final-desktop-editor .desktop-text-list button{display:grid!important;grid-template-columns:30px 1fr!important;grid-template-rows:auto auto!important;gap:0 8px!important;align-items:center!important;min-width:0!important;padding:9px!important;border:1px solid #ddceb2!important;border-radius:12px!important;background:#fffdf8!important;color:#413524!important;text-align:left!important;cursor:pointer!important}
  .final-desktop-editor .desktop-text-list button>b{grid-row:1/3;display:grid;width:30px;height:30px;place-items:center;border-radius:50%;background:#efe3cc;color:#81591b}
  .final-desktop-editor .desktop-text-list button>span{overflow:hidden;font-size:12px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}
  .final-desktop-editor .desktop-text-list button>small{font-size:10px;color:#897b68}
  .final-desktop-editor .desktop-text-list button.active{border-color:#a77320;background:#fff4dc;box-shadow:0 0 0 2px rgba(167,115,32,.15)}
  .final-desktop-editor #textSettings>label{display:none!important}
  .final-desktop-editor #textSettings[data-lines="1"]>label:nth-of-type(1),
  .final-desktop-editor #textSettings[data-lines="2"]>label:nth-of-type(-n+2),
  .final-desktop-editor #textSettings[data-lines="3"]>label:nth-of-type(-n+3),
  .final-desktop-editor #textSettings[data-lines="4"]>label:nth-of-type(-n+4),
  .final-desktop-editor #textSettings[data-lines="5"]>label:nth-of-type(-n+5){display:grid!important}
  .final-desktop-editor #addTextLine{display:block!important;width:100%!important;min-height:44px!important;margin:4px 0 14px!important;border:1px dashed #a8741e!important;border-radius:12px!important;background:#fff8e9!important;color:#744d12!important;font-weight:900!important}
  .final-desktop-editor #addTextLine[hidden]{display:none!important}
  .final-desktop-editor[data-active-side="back"] .editor-panel[data-editor-panel="background"],
  .final-desktop-editor[data-active-side="back"] .editor-panel[data-editor-panel="text"]{display:none!important}
  .final-desktop-editor .image-transform p{margin:.2rem 0 .7rem!important}
}

@media (min-width:761px) and (max-width:1050px){
  .final-desktop-editor .editor-grid{grid-template-columns:minmax(0,1fr) minmax(280px,340px)!important;padding:14px!important;gap:14px!important}
  .final-desktop-editor .mobile-workflow-bar{margin:14px 14px 0!important}
  .final-desktop-editor .mobile-workflow-bar li span{font-size:10px!important}
}

@media(min-width:761px){.final-desktop-editor .mobile-workflow-bar li span{font-size:14px!important;line-height:1.35!important}.final-desktop-editor .certificate-style-chooser button b{font-size:14px!important}.final-desktop-editor .certificate-style-chooser button small{font-size:12px!important}.final-desktop-editor .card-canvas[data-side="back"] .card-message{display:none!important}}

/* Clear progression and tactile primary actions on every screen size. */
.final-desktop-editor .mobile-workflow-bar li.active{
  border-color:#0e5c45!important;background:linear-gradient(145deg,#176e55,#0d4d3c)!important;
  color:#fff!important;box-shadow:0 9px 24px rgba(13,77,60,.28),0 0 0 3px rgba(29,124,94,.14)!important;
}
.final-desktop-editor .mobile-workflow-bar li.active b{
  border-color:#fff!important;background:#fff!important;color:#0d5742!important;box-shadow:0 0 0 4px rgba(255,255,255,.17)!important;
}
.final-desktop-editor .mobile-workflow-bar li.active span,
.final-desktop-editor .mobile-workflow-bar li.active small{color:#fff!important}
.final-desktop-editor .final-context-toolbar button.primary,
.final-desktop-editor .mobile-stage-confirm:not([hidden]),
.final-desktop-editor .mobile-chip-confirm:not([hidden]){
  position:relative!important;overflow:hidden!important;border-color:#0b5c43!important;
  background:linear-gradient(135deg,#18815f,#0a5b43)!important;color:#fff!important;
  box-shadow:0 12px 28px rgba(11,92,67,.25)!important;transform:translateZ(0);
  transition:transform .17s ease,box-shadow .17s ease,filter .17s ease!important;
}
.final-desktop-editor .final-context-toolbar button.primary:hover,
.final-desktop-editor .mobile-stage-confirm:not([hidden]):hover,
.final-desktop-editor .mobile-chip-confirm:not([hidden]):hover{transform:translateY(-2px)!important;box-shadow:0 16px 34px rgba(11,92,67,.34)!important;filter:saturate(1.08)!important}
.final-desktop-editor .final-context-toolbar button.primary:active,
.final-desktop-editor .mobile-stage-confirm:not([hidden]):active,
.final-desktop-editor .mobile-chip-confirm:not([hidden]):active{transform:translateY(1px) scale(.99)!important}
.final-desktop-editor .final-context-toolbar button.primary:after,
.final-desktop-editor .mobile-stage-confirm:not([hidden]):after,
.final-desktop-editor .mobile-chip-confirm:not([hidden]):after{
  content:"";position:absolute;inset:0;transform:translateX(-115%);background:linear-gradient(100deg,transparent 25%,rgba(255,255,255,.24) 50%,transparent 75%);animation:mgc-primary-sheen 3.8s ease-in-out infinite;pointer-events:none;
}
@keyframes mgc-primary-sheen{0%,62%{transform:translateX(-115%)}82%,100%{transform:translateX(115%)}}

/* Each certificate choice styles the whole back, not only the center panel. */
.final-desktop-editor .card-canvas[data-side="back"]:before,
.preview-dialog .card-canvas[data-side="back"]:before{
  content:"";position:absolute;inset:3.2%;z-index:3;border-radius:16px;pointer-events:none;opacity:.92;
}
.final-desktop-editor .card-canvas[data-side="back"]:after,
.preview-dialog .card-canvas[data-side="back"]:after{
  content:"";position:absolute;inset:5.2%;z-index:3;pointer-events:none;opacity:.72;
}
.final-desktop-editor .card-canvas[data-side="back"]:has(.certificate[data-style="classic"]):before,
.preview-dialog .card-canvas[data-side="back"]:has(.certificate[data-style="classic"]):before{
  border:1px solid rgba(220,188,119,.78);box-shadow:inset 0 0 0 5px rgba(255,250,235,.14),inset 0 0 0 6px rgba(184,137,57,.34);
}
.final-desktop-editor .card-canvas[data-side="back"]:has(.certificate[data-style="classic"]):after,
.preview-dialog .card-canvas[data-side="back"]:has(.certificate[data-style="classic"]):after{
  background:linear-gradient(#d9b665,#d9b665) left top/13% 1px no-repeat,linear-gradient(#d9b665,#d9b665) left top/1px 20% no-repeat,linear-gradient(#d9b665,#d9b665) right top/13% 1px no-repeat,linear-gradient(#d9b665,#d9b665) right top/1px 20% no-repeat,linear-gradient(#d9b665,#d9b665) left bottom/13% 1px no-repeat,linear-gradient(#d9b665,#d9b665) left bottom/1px 20% no-repeat,linear-gradient(#d9b665,#d9b665) right bottom/13% 1px no-repeat,linear-gradient(#d9b665,#d9b665) right bottom/1px 20% no-repeat;
}
.final-desktop-editor .card-canvas[data-side="back"]:has(.certificate[data-style="engraved"]):before,
.preview-dialog .card-canvas[data-side="back"]:has(.certificate[data-style="engraved"]):before{
  border:4px double rgba(209,174,99,.8);border-radius:8px;background:radial-gradient(circle at 0 0,transparent 0 16px,rgba(210,176,98,.8) 17px 18px,transparent 19px),radial-gradient(circle at 100% 0,transparent 0 16px,rgba(210,176,98,.8) 17px 18px,transparent 19px),radial-gradient(circle at 0 100%,transparent 0 16px,rgba(210,176,98,.8) 17px 18px,transparent 19px),radial-gradient(circle at 100% 100%,transparent 0 16px,rgba(210,176,98,.8) 17px 18px,transparent 19px);
}
.final-desktop-editor .card-canvas[data-side="back"]:has(.certificate[data-style="signature"]):before,
.preview-dialog .card-canvas[data-side="back"]:has(.certificate[data-style="signature"]):before{
  border-left:4px solid rgba(231,200,128,.82);border-right:1px solid rgba(231,200,128,.38);border-radius:3px;
}
.final-desktop-editor .card-canvas[data-side="back"]:has(.certificate[data-style="signature"]):after,
.preview-dialog .card-canvas[data-side="back"]:has(.certificate[data-style="signature"]):after{
  background:linear-gradient(90deg,rgba(231,200,128,.84),transparent 34%) left top/100% 1px no-repeat,linear-gradient(270deg,rgba(231,200,128,.48),transparent 30%) right bottom/100% 1px no-repeat;
}
.final-desktop-editor .card-canvas[data-side="back"]:has(.certificate[data-style="minimal"]):before,
.preview-dialog .card-canvas[data-side="back"]:has(.certificate[data-style="minimal"]):before{border:1px solid rgba(255,255,255,.34);border-radius:20px}
.final-desktop-editor .card-canvas[data-side="back"]:has(.certificate[data-style="minimal"]):after,
.preview-dialog .card-canvas[data-side="back"]:has(.certificate[data-style="minimal"]):after{
  background:linear-gradient(#fff9,#fff9) left top/8% 1px no-repeat,linear-gradient(#fff9,#fff9) left top/1px 13% no-repeat,linear-gradient(#fff9,#fff9) right bottom/8% 1px no-repeat,linear-gradient(#fff9,#fff9) right bottom/1px 13% no-repeat;
}

/* Direct manipulation of the selected photo, with large labelled upload control. */
.photo-direct-frame { position:absolute; inset:0; border:2px dashed #639c85; pointer-events:none; transform-origin:center; z-index:12; }
.photo-direct-frame[hidden] { display:none!important; }
.photo-direct-frame button { position:absolute; width:44px; height:44px; border:2px solid white; border-radius:50%; background:#477f68; color:white; font:24px sans-serif; pointer-events:auto; touch-action:none; box-shadow:0 3px 12px #0003; }
.photo-rotate-handle { top:8px; left:calc(50% - 22px); }
.photo-size-handle { bottom:8px; right:8px; }
@media(min-width:761px) {
.final-desktop-editor .upload-control {
  position:relative!important;
  display:grid!important;
  grid-template-columns:64px minmax(0,1fr)!important;
  gap:14px 16px!important;
  align-items:center!important;
  min-height:140px!important;
  padding:17px!important;
  overflow:hidden!important;
  border:2px solid #7da78f!important;
  border-radius:22px!important;
  background:linear-gradient(135deg,#f4fbf7 0%,#e3f1e9 58%,#d6eadf 100%)!important;
  box-shadow:0 14px 32px rgba(54,103,81,.15),inset 0 1px 0 rgba(255,255,255,.88)!important;
  color:#234f3d!important;
  cursor:pointer!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
.final-desktop-editor .upload-control:before {
  content:""!important;
  position:absolute!important;
  right:-45px!important;
  bottom:-65px!important;
  width:170px!important;
  height:170px!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.28)!important;
  pointer-events:none!important;
}
.final-desktop-editor .upload-control:hover,
.final-desktop-editor .upload-control:focus-within {
  transform:translateY(-2px)!important;
  border-color:#39785d!important;
  box-shadow:0 18px 38px rgba(45,94,72,.22),0 0 0 4px rgba(89,139,113,.11)!important;
}
.final-desktop-editor .upload-photo-icon {
  display:grid!important;
  place-items:center!important;
  width:64px!important;
  height:64px!important;
  flex:0 0 64px!important;
  border:1px solid rgba(255,255,255,.7)!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,#5f9b7e,#2f6d52)!important;
  box-shadow:0 12px 24px rgba(39,96,70,.25),inset 0 1px 0 rgba(255,255,255,.28)!important;
  color:#fff!important;
}
.final-desktop-editor .upload-photo-icon svg {
  width:38px!important;
  height:38px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:3!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.final-desktop-editor .upload-copy {
  position:relative!important;
  z-index:1!important;
  display:flex!important;
  min-width:0!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  line-height:1.3!important;
}
.final-desktop-editor .upload-copy strong { color:#214a38!important;font:700 22px/1.12 Georgia,serif!important; }
.final-desktop-editor .upload-copy small { margin-top:7px!important;color:#486b5b!important;font-size:14px!important;font-weight:750!important;line-height:1.4!important; }
.final-desktop-editor .upload-copy em { display:none!important; }
.final-desktop-editor .upload-action {
  position:relative!important;
  z-index:1!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:9px!important;
  min-height:42px!important;
  padding:10px 15px!important;
  border-radius:13px!important;
  background:#2f7053!important;
  box-shadow:0 8px 18px rgba(39,96,70,.2)!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:900!important;
  white-space:nowrap!important;
  grid-column:2!important;
  justify-content:center!important;
  justify-self:start!important;
  width:auto!important;
}
.final-desktop-editor .upload-action b { font-size:18px!important;line-height:1!important; }
.final-desktop-editor .upload-control input[type="file"] { position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;cursor:pointer!important; }
}

@media(min-width:761px){
  .final-desktop-editor .editor-panel[data-editor-panel="check"]>.panel-preview-button{display:none!important}
}

@media(min-width:761px) and (max-width:1050px) {
  .final-desktop-editor .upload-control { grid-template-columns:72px minmax(0,1fr)!important;min-height:168px!important;padding:17px!important; }
  .final-desktop-editor .upload-photo-icon { width:72px!important;height:72px!important; }
  .final-desktop-editor .upload-photo-icon svg { width:43px!important;height:43px!important; }
  .final-desktop-editor .upload-copy strong { font-size:21px!important; }
}

/* Premium segmented workflow: no connector line can cross the labels. */
.final-desktop-editor .mobile-workflow-bar ol:before{display:none!important;content:none!important}
.final-desktop-editor .mobile-workflow-bar ol{gap:10px!important}
.final-desktop-editor .mobile-workflow-bar li{
  grid-template-columns:34px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  column-gap:10px!important;
  min-height:66px!important;
  padding:10px 11px!important;
  border:1px solid #dfd3bd!important;
  border-radius:15px!important;
  background:linear-gradient(155deg,#fffefb,#f5eddf)!important;
  box-shadow:0 5px 14px rgba(73,51,20,.06)!important;
}
.final-desktop-editor .mobile-workflow-bar li b{grid-row:1/3!important;align-self:center!important}
.final-desktop-editor .mobile-workflow-bar li span{align-self:end!important;color:#514535!important}
.final-desktop-editor .mobile-workflow-bar li small{display:block!important;align-self:start!important;color:#958670!important;font-size:9px!important;font-weight:750!important;line-height:1.2!important}
.final-desktop-editor .mobile-workflow-bar li:hover{border-color:#c6aa75!important;background:#fff9ed!important}
.final-desktop-editor .mobile-workflow-bar li.active{border-color:#b47a1d!important;background:linear-gradient(145deg,#fff9ea,#f2dfb7)!important;box-shadow:0 9px 22px rgba(151,99,19,.14)!important}
.final-desktop-editor .mobile-workflow-bar li.active span{color:#4d3107!important}
.final-desktop-editor .mobile-workflow-bar li.active small{color:#8a5d17!important}
.final-desktop-editor .mobile-workflow-bar li.done{border-color:#d3c198!important;background:#fbf6ea!important}
.final-desktop-editor .mobile-workflow-bar li.done small{color:#68795d!important}
.final-desktop-editor .final-context-toolbar{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;
  padding:15px!important;
  overflow:hidden!important;
  border-color:#cfb47e!important;
  background:linear-gradient(150deg,#fffdf7,#f2e2c5)!important;
  box-shadow:0 10px 25px rgba(102,67,14,.09)!important;
}
.final-desktop-editor .final-context-toolbar .context-heading{grid-column:1/-1!important;display:grid!important;gap:4px!important;margin:-15px -15px 4px!important;padding:16px 17px 14px!important;border-bottom:1px solid #dec79b!important;background:linear-gradient(120deg,#352919,#6d4a18)!important}
.final-desktop-editor .final-context-toolbar .context-heading small{color:#e7c77f!important;font-size:10px!important;font-weight:900!important;letter-spacing:.12em!important;text-transform:uppercase!important}
.final-desktop-editor .final-context-toolbar .context-heading strong{width:auto!important;color:#fffaf0!important;font:700 23px/1.1 Georgia,serif!important}
.final-desktop-editor .final-context-toolbar .context-heading span{width:auto!important;color:#e6dccb!important;font-size:13px!important;line-height:1.4!important}
.final-desktop-editor .final-context-toolbar button{width:100%!important;min-width:0!important}
.final-desktop-editor .final-context-toolbar button.primary{grid-column:1/-1!important}

@media(max-width:760px){
  .final-desktop-editor .mobile-workflow-bar{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:7px!important;padding:7px!important;border:1px solid #dfcfb1!important;border-radius:14px!important;background:#fffdf8!important}
  .final-desktop-editor .mobile-workflow-bar ol:before{display:none!important;content:none!important}
  .final-desktop-editor .mobile-workflow-bar ol{display:grid!important;grid-template-columns:repeat(5,minmax(104px,1fr))!important;gap:5px!important;overflow-x:auto!important;scrollbar-width:none!important;scroll-snap-type:x proximity!important}
  .final-desktop-editor .mobile-workflow-bar li{display:grid!important;grid-template-columns:22px minmax(0,1fr)!important;grid-template-rows:auto auto!important;gap:1px 5px!important;min-height:46px!important;padding:5px!important;border:1px solid #e3d7c3!important;border-radius:10px!important;background:#faf6ed!important;scroll-snap-align:start!important}
  .final-desktop-editor .mobile-workflow-bar li b{grid-row:1/3!important;display:grid!important;width:22px!important;height:22px!important;place-items:center!important;align-self:center!important;border-radius:50%!important;background:#fff!important;color:#835817!important;font-size:9px!important}
  .final-desktop-editor .mobile-workflow-bar li span{max-width:none!important;overflow:visible!important;font-size:9px!important;font-weight:850!important;line-height:1.1!important;text-overflow:clip!important;white-space:normal!important}
  .final-desktop-editor .mobile-workflow-bar li small{display:block!important;color:#998b76!important;font-size:7px!important;font-weight:750!important;line-height:1.1!important}
  .final-desktop-editor .mobile-workflow-bar li.active{border-color:#af771e!important;background:#fff1cf!important;box-shadow:0 4px 12px rgba(143,94,17,.14)!important}
  .final-desktop-editor .mobile-workflow-bar li.active b{background:#a66d16!important;color:#fff!important}
  .final-desktop-editor .mobile-workflow-bar li.done b{background:#c59b4f!important;color:#fff!important}
  .final-desktop-editor .final-context-toolbar .context-heading strong{font-size:20px!important}
}

/* Last-mile emphasis: keep the current step unmistakable after all responsive rules. */
.final-desktop-editor .mobile-workflow-bar li.active{
  border-color:#0b5b43!important;background:linear-gradient(145deg,#19785b,#0b4e3b)!important;color:#fff!important;
  box-shadow:0 10px 24px rgba(10,79,59,.3),0 0 0 3px rgba(24,129,95,.14)!important;
}
.final-desktop-editor .mobile-workflow-bar li.active b{border-color:#fff!important;background:#fff!important;color:#0b5942!important}
.final-desktop-editor .mobile-workflow-bar li.active span,.final-desktop-editor .mobile-workflow-bar li.active small{color:#fff!important}
.final-desktop-editor .final-context-toolbar button.primary,
.final-desktop-editor .mobile-stage-confirm:not([hidden]),
.final-desktop-editor .mobile-chip-confirm:not([hidden]){background:linear-gradient(135deg,#18815f,#095b42)!important;border-color:#095b42!important;color:#fff!important}