*{box-sizing:border-box;margin:0;padding:0}
:root{
  /* VentaKit — branding (PDF): negro puro app · paneles #0B0F1A · Electric Indigo UI · azul “marco slide” solo en lienzo */
  --vk-black:#000;
  --vk-obsidian:#050712;
  --vk-panel:#0B0F1A;
  --vk-divider:#1F2937;
  --vk-gold:#FACC15;
  --vk-text:#F9FAFB;
  --brand:#6366F1;
  --accent:#6366F1;
  --slide-accent:#2D46FF;
  --bg:var(--vk-panel);
  --border:rgba(31,41,55,.88);
  --surface-1:rgba(255,255,255,.04);
  --surface-2:rgba(255,255,255,.065);
  --text-muted:rgba(249,250,251,.48);
  --radius-sm:10px;
  --radius-md:14px;
  --radius-lg:18px;
  --radius-pill:980px;
  --ease-out:cubic-bezier(.22,1,.36,1);
}
body{
  font-family:-apple-system,BlinkMacSystemFont,'SF Pro Text','Inter',system-ui,sans-serif;
  background:var(--vk-black);
  color:rgba(249,250,251,.94);
  display:flex;
  flex-direction:column;
  overflow:hidden;
  position:fixed;
  inset:0;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
.top-bar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:11px 22px 11px 24px;
  background:rgba(11,15,26,.94);
  backdrop-filter:saturate(180%) blur(20px);
  -webkit-backdrop-filter:saturate(180%) blur(20px);
  border-bottom:1px solid var(--border);
  z-index:300;
  flex-shrink:0;
}
.logo{font-weight:600;font-size:1.45rem;letter-spacing:-.034em;color:var(--vk-text)}
.export-btn{
  padding:11px 22px;
  min-height:44px;
  min-width:108px;
  background:var(--brand);
  border:none;
  border-radius:10px;
  color:#fff;
  font-weight:600;
  font-size:14px;
  cursor:pointer;
  font-family:inherit;
  letter-spacing:-.015em;
  transition:opacity .2s,transform .2s var(--ease-out),box-shadow .25s var(--ease-out),filter .2s;
  box-shadow:0 1px 0 rgba(255,255,255,.12) inset,0 4px 22px rgba(99,102,241,.38);
}
.export-btn:hover{transform:translateY(-.5px);box-shadow:0 1px 0 rgba(255,255,255,.16) inset,0 8px 30px rgba(99,102,241,.48)}
.export-btn:active{transform:translateY(0);filter:brightness(.96)}
.export-btn:focus-visible{outline:2px solid rgba(250,204,21,.55);outline-offset:3px}
.export-btn:disabled{cursor:not-allowed;transform:none;opacity:.42;box-shadow:none}
.export-btn.exporting{background:linear-gradient(135deg,#16a34a,#22c55e);box-shadow:0 2px 16px rgba(34,197,94,.4);animation:export-pulse 1.6s ease-in-out infinite}
@keyframes export-pulse{0%,100%{box-shadow:0 2px 14px rgba(34,197,94,.45)}50%{box-shadow:0 2px 22px rgba(34,197,94,.75)}}
/* ── Top Edit Bar ── */
.top-edit-bar{
  display:flex;
  align-items:center;
  gap:6px;
  padding:7px 20px 8px;
  background:rgba(11,15,26,.92);
  backdrop-filter:saturate(180%) blur(24px);
  -webkit-backdrop-filter:saturate(180%) blur(24px);
  border-bottom:1px solid var(--border);
  z-index:250;
  flex-shrink:0;
  flex-wrap:wrap;
  position:relative;
}
.teb-divider{width:1px;height:20px;background:rgba(255,255,255,.07);margin:0 6px;flex-shrink:0;border-radius:1px}
.teb-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 12px;
  min-width:36px;
  height:32px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.09);
  border-radius:var(--radius-sm);
  color:rgba(255,255,255,.78);
  font-size:13px;
  font-weight:600;
  letter-spacing:-.01em;
  cursor:pointer;
  font-family:inherit;
  transition:background .18s var(--ease-out),color .18s,border-color .18s,box-shadow .18s;
  user-select:none;
}
.teb-btn:hover{background:rgba(255,255,255,.11);color:#fff;border-color:rgba(255,255,255,.14)}
.teb-btn.active{background:rgba(99,102,241,.22);color:#fff;border-color:rgba(99,102,241,.48);box-shadow:0 0 0 1px rgba(99,102,241,.14)}
.teb-widget-btn{padding:0 12px;color:rgba(255,255,255,.82)}
.teb-color-wrap{
  display:inline-flex;
  align-items:center;
  gap:6px;
  height:32px;
  padding:0 10px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.1);
  border-radius:var(--radius-sm);
  cursor:pointer;
  transition:background .18s,border-color .18s,box-shadow .18s;
  vertical-align:middle;
}
.teb-color-wrap:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.16);box-shadow:0 2px 12px rgba(0,0,0,.25)}
.teb-color-rainbow{width:18px;height:18px;border-radius:4px;flex-shrink:0;pointer-events:none;background:conic-gradient(from 0deg,#ff0000,#ff8000,#ffff00,#00ff00,#00ffff,#0080ff,#8000ff,#ff00ff,#ff0000);box-shadow:0 0 0 1.5px rgba(0,0,0,.4),inset 0 0 0 1px rgba(255,255,255,.15)}
.teb-color-swatch{width:11px;height:11px;border-radius:3px;background:#fff;flex-shrink:0;pointer-events:none;box-shadow:0 0 0 1.5px rgba(0,0,0,.4),0 0 0 2.5px rgba(255,255,255,.1);transition:background .1s}
/* Modal color (HEX dentro del panel; sin RGB) */
.vk-color-overlay{position:fixed;inset:0;z-index:99998;pointer-events:none;visibility:hidden}
.vk-color-overlay.vk-open{pointer-events:auto;visibility:visible}
.vk-backdrop{position:absolute;inset:0;z-index:0;background:transparent}
.vk-color-panel{position:absolute;z-index:1;left:0;top:0;width:248px;padding:12px;background:#2d2d30;border:1px solid #3f3f46;border-radius:10px;box-shadow:0 12px 40px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.04) inset;opacity:0;transform:scale(.96);transition:opacity .12s ease,transform .12s ease}
.vk-color-overlay.vk-open .vk-color-panel{opacity:1;transform:scale(1)}
.vk-sv-box{position:relative;width:224px;height:160px;border-radius:6px;overflow:hidden;border:1px solid #1e1e22;cursor:crosshair;touch-action:none}
.vk-sv-canvas{display:block;width:100%;height:100%}
.vk-sv-cursor{position:absolute;width:14px;height:14px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,.85),0 1px 4px rgba(0,0,0,.5);pointer-events:none;transform:translate(-50%,-50%);left:0;top:0}
.vk-hue-tools{display:flex;align-items:center;gap:8px;margin-top:10px}
.vk-eyedrop-btn{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid #45454e;border-radius:6px;background:#3c3c42;color:#e8e8ec;cursor:pointer;padding:0;transition:background .15s,border-color .15s}
.vk-eyedrop-btn:hover{background:#4a4a52;border-color:#5a5a64}
.vk-preview-swatch{flex-shrink:0;width:32px;height:32px;border-radius:6px;border:1px solid #45454e;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.vk-hue-track-wrap{position:relative;flex:1;height:14px;border-radius:7px;overflow:visible;cursor:pointer;touch-action:none}
.vk-hue-canvas{display:block;width:100%;height:100%;border-radius:7px;border:1px solid #1e1e22}
.vk-hue-thumb{position:absolute;top:50%;width:4px;height:20px;margin-top:-10px;margin-left:-2px;background:#fff;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.6),0 1px 3px rgba(0,0,0,.45);pointer-events:none;left:0}
.vk-hex-modal-row{display:flex;align-items:center;gap:6px;margin-top:10px;padding-top:8px;border-top:1px solid #3f3f46}
.vk-hex-mode-label{font-size:10px;font-weight:800;letter-spacing:.08em;color:rgba(255,255,255,.55);text-transform:uppercase;min-width:28px}
.vk-hex-hash{font-size:12px;color:rgba(255,255,255,.45);font-family:ui-monospace,monospace;font-weight:600}
.vk-hex-modal-input{flex:1;min-width:0;height:26px;padding:2px 8px;border:1px solid #45454e;border-radius:5px;background:#252528;color:#f0f0f5;font-size:12px;font-family:ui-monospace,monospace;letter-spacing:.05em;outline:none}
.vk-hex-modal-input:focus{border-color:#818cf8;background:#2a2a2e}
.vk-hex-modal-input::placeholder{color:rgba(255,255,255,.25)}
.vk-apply-color-btn{flex-shrink:0;height:26px;padding:0 9px;border:1px solid rgba(99,102,241,.55);border-radius:5px;background:rgba(99,102,241,.32);color:#fff;font-size:10px;font-weight:800;letter-spacing:.04em;cursor:pointer;transition:background .15s,border-color .15s}
.vk-apply-color-btn:hover{background:rgba(99,102,241,.48);border-color:rgba(129,140,248,.78)}
.vk-apply-color-btn:active{transform:translateY(1px)}
/* Dark/Light switch */
.teb-mode-switch{display:inline-flex;align-items:center;gap:8px;padding:4px 12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:var(--radius-pill);cursor:pointer;transition:background .2s,border-color .2s;user-select:none;height:32px}
.teb-mode-switch:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.12)}
.teb-mode-icon{font-size:13px;line-height:1;transition:opacity .2s}
.teb-mode-icon.inactive{opacity:.3}
.teb-mode-track{width:28px;height:16px;background:rgba(255,255,255,.15);border-radius:8px;position:relative;transition:background .25s;flex-shrink:0}
.teb-mode-track.light{background:rgba(255,220,80,.6)}
.teb-mode-knob{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#fff;transition:transform .25s,background .25s;box-shadow:0 1px 4px rgba(0,0,0,.4)}
.teb-mode-knob.light{transform:translateX(12px);background:#fff}
.teb-presets{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap;position:relative}
.teb-presets-label{font-size:8px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.38);white-space:nowrap}
.teb-presets-btn{display:inline-flex;align-items:center;justify-content:center;gap:.45em;height:32px;padding:0 14px;border-radius:999px;font-family:'Inter',sans-serif;font-size:11.5px;font-weight:700;letter-spacing:.02em;cursor:pointer;transition:transform .18s ease,box-shadow .22s ease,border-color .2s ease,background .2s ease,color .2s ease,opacity .2s ease;border:1px solid transparent;white-space:nowrap;-webkit-tap-highlight-color:transparent}
.teb-presets-btn-ic{flex-shrink:0;opacity:.95}
.teb-presets-btn--save{background:linear-gradient(155deg,#818cf8 0%,#6366f1 42%,#4338ca 100%);color:#fff;box-shadow:0 1px 0 rgba(255,255,255,.2) inset,0 4px 16px rgba(99,102,241,.42);border-color:rgba(165,180,252,.42)}
.teb-presets-btn--save:hover{transform:translateY(-1px);box-shadow:0 1px 0 rgba(255,255,255,.28) inset,0 8px 24px rgba(99,102,241,.55)}
.teb-presets-btn--save:active{transform:translateY(0);box-shadow:0 1px 0 rgba(255,255,255,.15) inset,0 2px 10px rgba(99,102,241,.35)}
.teb-presets-btn--load{background:rgba(255,255,255,.055);color:rgba(255,255,255,.9);border-color:rgba(255,255,255,.11);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding-left:12px;padding-right:11px}
.teb-presets-btn--load:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);color:#fff}
.teb-presets-btn-chevron{flex-shrink:0;opacity:.52;margin-left:.12em;transition:transform .22s ease,opacity .2s ease}
.teb-presets-btn--open.teb-presets-btn--load .teb-presets-btn-chevron{transform:rotate(180deg);opacity:.88}
.teb-presets-dropdown{position:relative;display:inline-block}
.teb-presets-panel{position:absolute;top:calc(100% + 8px);left:0;min-width:232px;max-width:min(320px,92vw);max-height:260px;overflow-y:auto;padding:8px;background:rgba(22,22,26,.98);border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 16px 48px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.04) inset;z-index:400}
.teb-presets-empty{padding:12px 10px;font-size:12px;color:rgba(255,255,255,.45);text-align:center}
.teb-presets-row{display:flex;align-items:center;gap:4px;padding:2px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.teb-presets-row:last-child{border-bottom:none}
.teb-presets-name{flex:1;text-align:left;padding:8px 10px;border:none;border-radius:6px;background:transparent;color:rgba(255,255,255,.88);font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .12s}
.teb-presets-name:hover{background:rgba(255,255,255,.08)}
.teb-presets-del{flex-shrink:0;width:32px;height:32px;padding:0;border:1px solid transparent;border-radius:6px;background:transparent;color:rgba(255,255,255,.45);font-size:14px;line-height:1;cursor:pointer;transition:color .12s,background .12s,border-color .12s}
.teb-presets-del:hover{color:#f87171;background:rgba(248,113,113,.12);border-color:rgba(248,113,113,.25)}
.teb-presets-toast{position:absolute;left:0;bottom:-36px;max-width:min(340px,94vw);padding:8px 12px;border-radius:6px;font-size:11px;font-weight:600;line-height:1.35;color:rgba(255,255,255,.92);background:rgba(99,102,241,.35);border:1px solid rgba(124,142,255,.45);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:401;pointer-events:none}
.teb-presets-toast.teb-presets-toast--error{background:rgba(180,40,50,.28);border-color:rgba(255,120,130,.35);color:#fecaca}
/* Modal: nombre de plantilla */
.preset-name-overlay{position:fixed;inset:0;z-index:2600;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(4,4,10,.58);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility .22s ease}
.preset-name-overlay.is-open{opacity:1;visibility:visible;pointer-events:auto}
.preset-name-dialog{width:100%;max-width:420px;padding:26px 26px 22px;border-radius:18px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(168deg,rgba(34,36,48,.98) 0%,rgba(16,16,20,.99) 100%);box-shadow:0 28px 90px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.05) inset;transform:translateY(10px) scale(.97);transition:transform .26s cubic-bezier(.22,1,.36,1)}
.preset-name-overlay.is-open .preset-name-dialog{transform:translateY(0) scale(1)}
.preset-name-dialog-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:22px}
.preset-name-icon-wrap{flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:linear-gradient(145deg,rgba(129,140,248,.32),rgba(99,102,241,.12));border:1px solid rgba(165,180,252,.28);color:rgba(226,232,255,.96)}
.preset-name-head-text{min-width:0}
.preset-name-title{font-size:17px;font-weight:800;letter-spacing:-.02em;color:#fff;margin:0 0 6px;line-height:1.2}
.preset-name-sub{font-size:12px;line-height:1.45;color:rgba(255,255,255,.48);margin:0;font-weight:500}
.preset-name-field{margin-bottom:22px}
.preset-name-label{display:block;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.4);margin-bottom:8px}
.preset-name-input{width:100%;height:48px;padding:0 16px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:#fff;font-size:15px;font-weight:500;font-family:'Inter',sans-serif;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}
.preset-name-input::placeholder{color:rgba(255,255,255,.28)}
.preset-name-input:hover{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.07)}
.preset-name-input:focus{border-color:rgba(100,130,255,.65);background:rgba(10,12,22,.92);box-shadow:0 0 0 3px rgba(99,102,241,.22)}
.preset-name-meta{display:flex;align-items:center;justify-content:space-between;margin-top:8px;font-size:11px;font-weight:600;color:rgba(255,255,255,.35)}
.preset-name-counter{font-variant-numeric:tabular-nums;color:rgba(255,255,255,.42)}
.preset-name-actions{display:flex;gap:10px;justify-content:flex-end}
.preset-name-foot-btn{padding:10px 18px;border-radius:10px;font-family:'Inter',sans-serif;font-size:12px;font-weight:700;cursor:pointer;border:1px solid transparent;transition:background .18s ease,border-color .18s ease,transform .15s ease,color .18s ease;-webkit-tap-highlight-color:transparent}
.preset-name-foot-btn:active{transform:scale(.98)}
.preset-name-foot-btn--ghost{background:rgba(255,255,255,.04);color:rgba(255,255,255,.82);border-color:rgba(255,255,255,.1)}
.preset-name-foot-btn--ghost:hover{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.16)}
.preset-name-foot-btn--primary{background:linear-gradient(155deg,#818cf8,#6366f1);color:#fff;border-color:rgba(165,180,252,.42);box-shadow:0 1px 0 rgba(255,255,255,.18) inset,0 4px 16px rgba(99,102,241,.35)}
.preset-name-foot-btn--primary:hover{box-shadow:0 1px 0 rgba(255,255,255,.22) inset,0 6px 22px rgba(99,102,241,.48)}
/* Content light mode — mismo alcance que el canvas (sin tocar glass por JS) */
.canvas-area.content-light .slides-container .glass-card{background:rgba(255,255,255,.62)!important;backdrop-filter:blur(40px) saturate(200%)!important;-webkit-backdrop-filter:blur(40px) saturate(200%)!important;border:1px solid rgba(255,255,255,.65)!important;box-shadow:0 8px 40px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.9)!important;pointer-events:none!important}
.canvas-area.content-light .slides-container .glass-card.glass-card--body{pointer-events:auto!important}
.canvas-area.content-light .slides-container .body-text{color:#111!important;text-shadow:0 1px 2px rgba(0,0,0,.12)!important}
/* Subtítulo del hook: independiente del modo claro/oscuro del contenido (mismos estilos que en modo oscuro). */
/* Mismo modo claro que el glass: badge y numeración */
.canvas-area.content-light .slides-container .watermark-badge{background:rgba(255,255,255,.92)!important;color:#111!important;border:1px solid rgba(0,0,0,.1)!important}
.canvas-area.content-light .slides-container .slide-number.style-minimal{background:rgba(255,255,255,.92)!important;color:#111!important;border:1px solid rgba(0,0,0,.1)!important}
.canvas-area.content-light .slides-container .slide-number.style-vk-square-solid{background:rgba(255,255,255,.94)!important;color:#111!important;border:1px solid rgba(0,0,0,.08)!important;box-shadow:5px 5px 0 rgba(0,0,0,.12)!important}
.main-content{display:flex;flex:1;overflow:hidden;position:relative;min-height:0}
.sidebar{
  width:300px;
  background:var(--bg);
  border-right:1px solid var(--border);
  padding:14px 14px 48px;
  overflow-y:auto;
  overflow-x:hidden;
  display:flex;
  flex-direction:column;
  gap:12px;
  flex-shrink:0;
}
.sidebar-group{
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:16px 16px 18px;
  background:var(--surface-1);
  border:1px solid rgba(255,255,255,.06);
  border-radius:var(--radius-md);
  box-shadow:0 1px 0 rgba(255,255,255,.04) inset;
}
.sidebar-group-label{
  display:block;
  position:relative;
  font-size:11px;
  font-weight:600;
  letter-spacing:.06em;
  line-height:1.3;
  text-transform:uppercase;
  color:var(--text-muted);
  padding:0 0 10px 12px;
  margin:0 0 4px;
  border-bottom:none;
}
.sidebar-group-label::before{
  content:'';
  position:absolute;
  left:0;
  top:1px;
  bottom:9px;
  width:2px;
  border-radius:99px;
  background:linear-gradient(180deg,rgba(130,150,255,.9) 0%,var(--accent) 100%);
  opacity:.85;
}
.sidebar-group-label::after{
  content:'';
  position:absolute;
  left:12px;
  right:0;
  bottom:0;
  height:1px;
  border-radius:1px;
  background:linear-gradient(90deg,rgba(255,255,255,.1) 0%,transparent 100%);
}
.sidebar-hook-sub-style-wrap{
  margin-top:10px;
  padding-top:12px;
  border-top:1px solid rgba(255,255,255,.07);
  display:flex;
  flex-direction:column;
  gap:8px;
}
.sidebar-hook-sub-style-wrap[hidden]{display:none!important}
/* Creator Flow — glass cards & hook swatches */
.vk-creator-card{
  display:flex;
  flex-direction:column;
  gap:14px;
  padding:16px 16px 18px;
  border-radius:var(--radius-md);
  background:rgba(11,15,26,.55);
  backdrop-filter:blur(22px) saturate(150%);
  -webkit-backdrop-filter:blur(22px) saturate(150%);
  border:1px solid rgba(255,255,255,.1);
  box-shadow:0 1px 0 rgba(255,255,255,.06) inset,0 10px 36px rgba(0,0,0,.28);
}
.vk-creator-card__title{
  font-size:11px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:none;
  font-variant:small-caps;
  color:#818cf8;
  margin:0 0 2px;
  padding:0 2px;
}
.vk-creator-card__section{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.vk-creator-section-label{
  font-size:11px;
  font-weight:600;
  letter-spacing:.06em;
  font-variant:small-caps;
  color:#a5b4fc;
  margin:0 0 -2px;
}
.vk-creator-subsection{
  padding:12px 0 2px;
  margin-top:4px;
  border-top:1px solid rgba(255,255,255,.08);
  display:flex;
  flex-direction:column;
  gap:10px;
}
.vk-creator-subsection__title{
  font-size:10px;
  font-weight:700;
  letter-spacing:.12em;
  font-variant:small-caps;
  color:#818cf8;
  margin-bottom:2px;
}
.vk-creator-card__final{
  margin-top:8px;
  padding-top:14px;
  border-top:1px solid rgba(255,255,255,.1);
}
.vk-hook-swatch-panel{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.vk-hook-swatch-panel--modal{
  flex:1;
  min-height:0;
  padding:4px 0 12px;
}
.vk-hook-swatch-mood{
  display:flex;
  flex-direction:column;
  gap:6px;
}
.vk-hook-swatch-mood-label{
  font-size:9px;
  font-weight:700;
  letter-spacing:.1em;
  font-variant:small-caps;
  color:rgba(255,255,255,.42);
}
.vk-hook-swatch-row{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}
.vk-hook-swatch-row--neutral{
  margin-bottom:2px;
}
.vk-hook-swatch{
  width:26px;
  height:26px;
  border-radius:50%;
  border:2px solid rgba(255,255,255,.12);
  padding:0;
  cursor:pointer;
  flex-shrink:0;
  box-shadow:0 2px 6px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.18);
  transition:transform .15s,border-color .15s,box-shadow .15s;
}
.vk-hook-swatch:hover{
  transform:scale(1.08);
  border-color:rgba(255,255,255,.28);
}
.vk-hook-swatch.is-active{
  border-color:#818cf8;
  box-shadow:0 0 0 2px rgba(99,102,241,.42),0 2px 10px rgba(0,0,0,.4);
}
.vk-sr-only{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}
.vk-hook-gradient-select-wrap{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}
.select.select--font-preview option{
  padding:8px 10px;
  font-size:15px;
}
.shadow-dial-wrap{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  padding:6px 0 2px;
}
.shadow-dial--lg{
  width:56px;
  height:56px;
}
.shadow-dial--lg .shadow-dial-needle{
  height:22px;
  margin-top:-22px;
}
.hook-subtitle-style-btn{
  width:100%;
  padding:10px 14px;
  border-radius:var(--radius-sm);
  border:1px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.06);
  color:rgba(255,255,255,.88);
  font-size:13px;
  font-weight:600;
  font-family:inherit;
  letter-spacing:-.015em;
  cursor:pointer;
  text-align:center;
  transition:background .18s,border-color .18s,transform .18s var(--ease-out);
}
.hook-subtitle-style-btn:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.14)}
.hook-subtitle-style-btn:active{transform:scale(.99)}
.sidebar::-webkit-scrollbar{width:6px}
.sidebar::-webkit-scrollbar-track{background:transparent}
.sidebar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12);border-radius:99px}
.sidebar::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.2)}
.canvas-area{
  flex:1;display:flex;flex-direction:column;background:var(--vk-black);position:relative;min-width:0;overflow:hidden;
  --wg-item-bg:rgba(255,255,255,.08);
  --wg-item-border:1px solid rgba(255,255,255,.1);
  --wg-stack-glass-fill:rgba(255,255,255,.1);
  --wg-stack-glass-border:1px solid rgba(255,255,255,.1);
}
.canvas-area.content-light{
  --wg-item-bg:rgba(0,0,0,.38);
  --wg-item-border:1px solid rgba(0,0,0,.14);
  --wg-stack-glass-fill:rgba(0,0,0,.34);
  --wg-stack-glass-border:1px solid rgba(0,0,0,.14);
}
.viewport{flex:1;overflow-x:scroll;overflow-y:hidden;position:relative;width:100%;height:100%;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}
.viewport::-webkit-scrollbar{height:12px}
.viewport::-webkit-scrollbar-track{background:#0a0a0a}
.viewport::-webkit-scrollbar-thumb{background:#333;border-radius:6px}
.viewport::-webkit-scrollbar-thumb:hover{background:#444}
.slides-container{display:inline-flex;gap:0;align-items:flex-start;padding:50px;min-height:100%;position:relative;--deck-body-font:Inter,sans-serif;--deck-body-font-size:56px;contain:layout}
.bottom-scrollbar{height:76px;background:rgba(11,15,26,.96);border-top:1px solid var(--border);backdrop-filter:saturate(180%) blur(16px);-webkit-backdrop-filter:saturate(180%) blur(16px);display:flex;align-items:center;padding:10px 18px;overflow-x:auto;gap:8px}
.slide-thumb{
  min-width:48px;
  height:48px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.09);
  border-radius:var(--radius-sm);
  cursor:pointer;
  transition:background .2s var(--ease-out),border-color .2s,box-shadow .2s,transform .18s var(--ease-out),color .2s;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:600;
  font-size:13px;
  color:rgba(255,255,255,.38);
  flex-shrink:0;
  position:relative;
  letter-spacing:-.02em;
}
.slide-thumb:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.14);color:rgba(255,255,255,.65);transform:translateY(-1px)}
.slide-thumb.active{border-color:rgba(99,102,241,.55);background:rgba(99,102,241,.14);color:rgba(200,210,255,.98);box-shadow:0 0 0 1px rgba(99,102,241,.2),0 6px 20px rgba(99,102,241,.2)}
.slide-thumb.slide-thumb-final{min-width:52px;padding:0 8px;font-size:11px;letter-spacing:.03em;text-transform:none;position:relative}
.final-slide-choice-menu{
  position:fixed;z-index:4500;min-width:200px;padding:6px;border-radius:12px;
  background:rgba(11,15,26,.98);border:1px solid var(--border);
  box-shadow:0 16px 48px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.04) inset;
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  display:flex;flex-direction:column;gap:4px;
}
.final-slide-choice-menu[hidden]{display:none!important}
.final-slide-choice-item{
  display:block;width:100%;text-align:left;padding:10px 12px;border:none;border-radius:8px;
  background:transparent;color:rgba(255,255,255,.9);font-family:'Inter',sans-serif;font-size:12px;font-weight:600;
  cursor:pointer;transition:background .15s,color .15s;
}
.final-slide-choice-item:hover{background:rgba(255,255,255,.1);color:#fff}
.final-slide-choice-item:active{background:rgba(99,102,241,.2)}
.slide-thumb-del{position:absolute;top:-5px;right:-5px;width:16px;height:16px;background:#1a1a1a;border:1.5px solid rgba(255,255,255,.15);border-radius:4px;color:rgba(255,255,255,.45);font-size:9px;line-height:1;cursor:pointer;display:none;align-items:center;justify-content:center;z-index:20;padding:0;font-family:'Inter',sans-serif;font-weight:700;box-shadow:0 2px 6px rgba(0,0,0,.6);transition:background .15s,border-color .15s,color .15s,transform .15s}
.slide-thumb-del:hover{background:#c0392b;border-color:rgba(255,80,80,.5);color:#fff;transform:scale(1.12)}
.slide-thumb:hover .slide-thumb-del,.slide-thumb.active .slide-thumb-del{display:flex}
.add-slide-btn{min-width:52px;height:52px;background:transparent;border:1.5px dashed rgba(99,102,241,.4);border-radius:8px;cursor:pointer;transition:background .2s,border-color .2s,transform .15s;display:flex;align-items:center;justify-content:center;font-weight:400;color:rgba(99,102,241,.6);font-size:22px;flex-shrink:0}
.add-slide-btn:hover{background:rgba(99,102,241,.08);border-color:var(--brand);color:var(--brand);transform:translateY(-1px)}
.add-slide-btn:disabled{opacity:.25;cursor:not-allowed;transform:none}
.slide{width:1080px;height:1440px;position:relative;overflow:hidden;flex-shrink:0;box-shadow:none!important;filter:none!important;transform:scale(.364);transform-origin:top left;margin-right:-687px;cursor:pointer;outline:none;--shadow-size:40px;--shadow-intensity:.85}
.slide.selected{outline:1px solid rgba(45,70,255,.22);outline-offset:-1px;}
.slide::after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:100;mix-blend-mode:overlay}
.theme-dark-pure .slide{background:linear-gradient(135deg,#000 0%,#0a0a0a 50%,#000 100%),radial-gradient(circle at 30% 30%,rgba(255,255,255,.03) 0%,transparent 50%),radial-gradient(circle at 70% 70%,rgba(255,255,255,.02) 0%,transparent 50%);--text:#fff}
.theme-dark-charcoal .slide{background:linear-gradient(135deg,#1a1a1a 0%,#242424 50%,#1a1a1a 100%),radial-gradient(ellipse at 50% 0%,rgba(100,100,100,.15) 0%,transparent 50%),radial-gradient(ellipse at 0% 100%,rgba(80,80,80,.1) 0%,transparent 50%);--text:#F5F5F5}
.theme-dark-slate .slide{background:linear-gradient(135deg,#0f1419 0%,#1a2129 50%,#0f1419 100%),radial-gradient(circle at 80% 20%,rgba(45,70,100,.15) 0%,transparent 60%),radial-gradient(circle at 20% 80%,rgba(30,50,80,.12) 0%,transparent 60%);--text:#E1E8ED}
.theme-light-pure .slide{background:linear-gradient(135deg,#fff 0%,#f8f8f8 50%,#fff 100%),radial-gradient(circle at 30% 30%,rgba(0,0,0,.02) 0%,transparent 50%),radial-gradient(circle at 70% 70%,rgba(0,0,0,.015) 0%,transparent 50%);--text:#000}
.theme-light-pure .body-text{color:#fff}
.theme-light-pure .watermark-badge{background:rgba(0,0,0,.85);color:#fff}
.theme-light-beige .slide{background:linear-gradient(135deg,#F5F1E8 0%,#EDE9E0 50%,#F5F1E8 100%),radial-gradient(ellipse at 50% 0%,rgba(180,150,100,.08) 0%,transparent 60%),radial-gradient(ellipse at 100% 100%,rgba(160,130,80,.06) 0%,transparent 60%);--text:#2C2416}
.theme-light-beige .body-text{color:#fff}
.theme-light-beige .watermark-badge{background:rgba(0,0,0,.85);color:#fff}
.theme-light-cream .slide{background:linear-gradient(135deg,#FFF8E7 0%,#FFF4DC 50%,#FFF8E7 100%),radial-gradient(circle at 40% 40%,rgba(200,160,100,.08) 0%,transparent 55%),radial-gradient(circle at 80% 20%,rgba(180,140,80,.06) 0%,transparent 55%);--text:#3D2E1F}
.theme-light-cream .body-text{color:#fff}
.theme-light-cream .watermark-badge{background:rgba(0,0,0,.85);color:#fff}
.theme-royal-purple .slide{background:linear-gradient(135deg,#0f0a15 0%,#1a0f25 50%,#0f0a15 100%),radial-gradient(circle at 30% 50%,rgba(120,80,200,.15) 0%,transparent 60%),radial-gradient(circle at 70% 50%,rgba(150,100,220,.12) 0%,transparent 60%),radial-gradient(circle at 50% 100%,rgba(100,60,180,.1) 0%,transparent 50%);--text:#F5E8FF}
.theme-neon-blue .slide{background:linear-gradient(135deg,#050505 0%,#0a0f15 50%,#050505 100%),radial-gradient(circle at 20% 30%,rgba(45,70,255,.18) 0%,transparent 55%),radial-gradient(circle at 80% 70%,rgba(30,140,255,.15) 0%,transparent 55%),radial-gradient(circle at 50% 50%,rgba(60,100,255,.08) 0%,transparent 70%);--text:#fff}
.theme-emerald .slide{background:linear-gradient(135deg,#0a1a0f 0%,#0f2515 50%,#0a1a0f 100%),radial-gradient(circle at 40% 40%,rgba(50,200,120,.15) 0%,transparent 60%),radial-gradient(circle at 70% 20%,rgba(30,180,100,.12) 0%,transparent 60%),radial-gradient(circle at 20% 80%,rgba(40,220,140,.1) 0%,transparent 55%);--text:#E8FFF3}
.theme-crimson-red .slide{background:linear-gradient(135deg,#1a0505 0%,#250a0a 50%,#1a0505 100%),radial-gradient(circle at 30% 30%,rgba(255,50,70,.2) 0%,transparent 60%),radial-gradient(circle at 70% 70%,rgba(220,20,60,.15) 0%,transparent 60%),radial-gradient(circle at 50% 50%,rgba(180,30,50,.1) 0%,transparent 70%);--text:#FFE5E8}
.theme-midnight-dark .slide{background:linear-gradient(135deg,#0a0a12 0%,#12121a 50%,#0a0a12 100%),radial-gradient(circle at 25% 40%,rgba(60,60,100,.12) 0%,transparent 55%),radial-gradient(circle at 75% 60%,rgba(40,40,80,.1) 0%,transparent 55%),radial-gradient(circle at 50% 20%,rgba(80,80,120,.08) 0%,transparent 50%);--text:#E8E8F5}
.theme-deep-ocean .slide{background:linear-gradient(135deg,#051419 0%,#0a1f29 50%,#051419 100%),radial-gradient(circle at 30% 50%,rgba(20,100,140,.15) 0%,transparent 60%),radial-gradient(circle at 70% 30%,rgba(30,120,160,.12) 0%,transparent 60%),radial-gradient(circle at 50% 80%,rgba(10,80,120,.1) 0%,transparent 55%);--text:#E0F4FF}
.theme-dark-gold .slide{background:linear-gradient(135deg,#1a1508 0%,#251f0a 50%,#1a1508 100%),radial-gradient(circle at 30% 40%,rgba(180,140,50,.18) 0%,transparent 60%),radial-gradient(circle at 70% 60%,rgba(200,160,70,.15) 0%,transparent 60%),radial-gradient(circle at 50% 20%,rgba(160,120,40,.12) 0%,transparent 55%);--text:#FFF4D6}
.theme-burnt-orange .slide{background:linear-gradient(135deg,#1a0f05 0%,#251608 50%,#1a0f05 100%),radial-gradient(circle at 35% 45%,rgba(220,100,50,.2) 0%,transparent 60%),radial-gradient(circle at 65% 55%,rgba(200,80,40,.16) 0%,transparent 60%),radial-gradient(circle at 50% 30%,rgba(180,70,30,.13) 0%,transparent 55%);--text:#FFE8D6}
.theme-steel-blue .slide{background:linear-gradient(135deg,#0a0f14 0%,#0f1419 50%,#0a0f14 100%),radial-gradient(circle at 30% 50%,rgba(70,120,160,.14) 0%,transparent 60%),radial-gradient(circle at 70% 40%,rgba(90,140,180,.11) 0%,transparent 60%),radial-gradient(circle at 50% 70%,rgba(60,110,150,.09) 0%,transparent 55%);--text:#D6E8F5}
.theme-forest-green .slide{background:linear-gradient(135deg,#0a140f 0%,#0f1a14 50%,#0a140f 100%),radial-gradient(circle at 35% 45%,rgba(50,140,80,.16) 0%,transparent 60%),radial-gradient(circle at 65% 55%,rgba(60,160,90,.13) 0%,transparent 60%),radial-gradient(circle at 50% 25%,rgba(40,120,70,.11) 0%,transparent 55%);--text:#E0F5E8}
.theme-whatsapp-dark .slide{background:linear-gradient(135deg,#0a1410 0%,#111c16 50%,#0a1410 100%),radial-gradient(circle at 40% 40%,rgba(37,211,102,.18) 0%,transparent 55%),radial-gradient(circle at 60% 60%,rgba(18,140,126,.15) 0%,transparent 60%),radial-gradient(circle at 30% 70%,rgba(7,94,84,.12) 0%,transparent 50%);--text:#E9FFEF}
.theme-whatsapp-vivid .slide{background:linear-gradient(135deg,#0d1f17 0%,#12291f 50%,#0d1f17 100%),radial-gradient(circle at 35% 50%,rgba(37,211,102,.22) 0%,transparent 58%),radial-gradient(circle at 70% 35%,rgba(18,140,126,.18) 0%,transparent 55%),radial-gradient(circle at 50% 75%,rgba(16,172,132,.14) 0%,transparent 52%);--text:#D4FFE3}
/* ── Gradient Backgrounds ── */
/* Technique: use multiple layered gradients in background property (no ::before/::after needed) */
/* Aurora: teal → purple northern lights on deep navy */
.theme-aurora .slide{background:
  radial-gradient(ellipse 80% 60% at 20% 25%,rgba(56,189,248,.58) 0%,transparent 60%),
  radial-gradient(ellipse 70% 70% at 80% 70%,rgba(168,85,247,.48) 0%,transparent 60%),
  radial-gradient(ellipse 60% 50% at 50% 50%,rgba(34,211,238,.28) 0%,transparent 55%),
  radial-gradient(ellipse 50% 40% at 10% 80%,rgba(99,102,241,.38) 0%,transparent 50%),
  linear-gradient(160deg,#020b18 0%,#041428 50%,#020c1a 100%);--text:#E0F8FF}
/* Cosmic: vivid violet + pink nebula */
.theme-cosmic .slide{background:
  radial-gradient(ellipse 75% 65% at 30% 35%,rgba(139,92,246,.72) 0%,transparent 60%),
  radial-gradient(ellipse 65% 60% at 75% 65%,rgba(236,72,153,.60) 0%,transparent 55%),
  radial-gradient(ellipse 50% 45% at 55% 15%,rgba(99,102,241,.48) 0%,transparent 50%),
  radial-gradient(ellipse 40% 35% at 15% 75%,rgba(167,139,250,.36) 0%,transparent 45%),
  linear-gradient(145deg,#060410 0%,#0c081e 100%);--text:#F5F0FF}
/* Rose Noir: deep crimson + soft rose bloom */
.theme-rose-noir .slide{background:
  radial-gradient(ellipse 70% 60% at 25% 30%,rgba(244,63,94,.68) 0%,transparent 58%),
  radial-gradient(ellipse 60% 55% at 72% 68%,rgba(251,113,133,.50) 0%,transparent 55%),
  radial-gradient(ellipse 50% 40% at 50% 85%,rgba(190,18,60,.40) 0%,transparent 50%),
  linear-gradient(155deg,#0f0307 0%,#1c0810 50%,#100408 100%);--text:#FFE4EC}
/* Slate Navy: blue-steel depth gradient */
.theme-slate-navy .slide{background:
  radial-gradient(ellipse 75% 65% at 35% 28%,rgba(71,130,210,.55) 0%,transparent 58%),
  radial-gradient(ellipse 65% 60% at 72% 72%,rgba(30,80,160,.50) 0%,transparent 55%),
  radial-gradient(ellipse 55% 45% at 10% 75%,rgba(100,149,237,.35) 0%,transparent 50%),
  linear-gradient(145deg,#04080f 0%,#0a1220 50%,#06101e 100%);--text:#CBD5E1}
/* Amber Dust: warm gold shimmer on dark brown */
.theme-amber-dust .slide{background:
  radial-gradient(ellipse 72% 62% at 32% 38%,rgba(251,191,36,.62) 0%,transparent 58%),
  radial-gradient(ellipse 60% 55% at 72% 28%,rgba(245,158,11,.52) 0%,transparent 55%),
  radial-gradient(ellipse 50% 45% at 55% 78%,rgba(180,83,9,.42) 0%,transparent 50%),
  linear-gradient(140deg,#0e0900 0%,#1c1400 50%,#100c00 100%);--text:#FEF3C7}
/* Cyan Depths: electric teal ocean */
.theme-cyan-depths .slide{background:
  radial-gradient(ellipse 75% 65% at 20% 45%,rgba(6,182,212,.65) 0%,transparent 60%),
  radial-gradient(ellipse 65% 58% at 78% 30%,rgba(14,165,233,.52) 0%,transparent 55%),
  radial-gradient(ellipse 55% 48% at 50% 82%,rgba(2,132,199,.42) 0%,transparent 52%),
  radial-gradient(ellipse 40% 38% at 85% 75%,rgba(34,211,238,.32) 0%,transparent 48%),
  linear-gradient(160deg,#010c10 0%,#031520 50%,#020e18 100%);--text:#CFFAFE}
/* Warm Dusk: orange-red sunset glow */
.theme-warm-dusk .slide{background:
  radial-gradient(ellipse 72% 62% at 30% 38%,rgba(251,146,60,.68) 0%,transparent 58%),
  radial-gradient(ellipse 60% 55% at 70% 62%,rgba(239,68,68,.55) 0%,transparent 55%),
  radial-gradient(ellipse 50% 42% at 50% 18%,rgba(249,115,22,.44) 0%,transparent 50%),
  linear-gradient(160deg,#0e0500 0%,#1e0a00 50%,#120600 100%);--text:#FFEDD5}
/* Sage: emerald green forest mist */
.theme-sage .slide{background:
  radial-gradient(ellipse 72% 65% at 35% 42%,rgba(74,222,128,.60) 0%,transparent 60%),
  radial-gradient(ellipse 62% 58% at 68% 32%,rgba(52,211,153,.48) 0%,transparent 55%),
  radial-gradient(ellipse 52% 45% at 50% 78%,rgba(16,185,129,.38) 0%,transparent 52%),
  linear-gradient(150deg,#030a05 0%,#071510 50%,#040c07 100%);--text:#D1FAE5}
/* Indigo Smoke: deep indigo with electric violet clouds */
.theme-indigo-smoke .slide{background:
  radial-gradient(ellipse 75% 65% at 25% 58%,rgba(99,102,241,.70) 0%,transparent 58%),
  radial-gradient(ellipse 65% 60% at 75% 30%,rgba(129,140,248,.58) 0%,transparent 55%),
  radial-gradient(ellipse 55% 48% at 50% 85%,rgba(79,70,229,.44) 0%,transparent 52%),
  linear-gradient(135deg,#04040c 0%,#08081a 50%,#060610 100%);--text:#EEF2FF}
/* Graphite: polished dark silver with subtle luminance */
.theme-graphite .slide{background:
  radial-gradient(ellipse 70% 60% at 30% 28%,rgba(200,210,220,.22) 0%,transparent 58%),
  radial-gradient(ellipse 60% 55% at 70% 72%,rgba(148,163,184,.18) 0%,transparent 55%),
  radial-gradient(ellipse 80% 40% at 50% 50%,rgba(120,140,160,.14) 0%,transparent 65%),
  linear-gradient(135deg,#070709 0%,#0f1013 50%,#080809 100%);--text:#F1F5F9}
/* Plum: rich dark plum with violet bloom */
.theme-plum .slide{background:
  radial-gradient(ellipse 72% 65% at 30% 38%,rgba(192,38,211,.70) 0%,transparent 58%),
  radial-gradient(ellipse 62% 58% at 70% 62%,rgba(168,85,247,.58) 0%,transparent 55%),
  radial-gradient(ellipse 50% 42% at 50% 18%,rgba(134,25,143,.44) 0%,transparent 50%),
  linear-gradient(145deg,#0b0310 0%,#140620 50%,#0a0312 100%);--text:#F5E8FF}
/* Copper: warm copper glow on dark chocolate */
.theme-copper .slide{background:
  radial-gradient(ellipse 70% 62% at 35% 42%,rgba(194,120,59,.68) 0%,transparent 58%),
  radial-gradient(ellipse 60% 55% at 68% 58%,rgba(180,95,45,.55) 0%,transparent 55%),
  radial-gradient(ellipse 50% 44% at 50% 82%,rgba(161,71,30,.42) 0%,transparent 52%),
  linear-gradient(135deg,#0c0602 0%,#180d04 50%,#0e0803 100%);--text:#FDE8D8}
/* ── Preview: flat backgrounds to remove corner shadow artifacts ── */
.slide::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none}
.theme-dark-pure .slide::before{background:#0a0a0a}
.theme-dark-charcoal .slide::before{background:#242424}
.theme-dark-slate .slide::before{background:#1a2129}
.theme-light-pure .slide::before{background:#f8f8f8}
.theme-light-beige .slide::before{background:#EDE9E0}
.theme-light-cream .slide::before{background:#FFF4DC}
.theme-royal-purple .slide::before{background:#1a0f25}
.theme-neon-blue .slide::before{background:#0a0f15}
.theme-emerald .slide::before{background:#0f2515}
.theme-crimson-red .slide::before{background:#250a0a}
.theme-midnight-dark .slide::before{background:#12121a}
.theme-deep-ocean .slide::before{background:#0a1f29}
.theme-dark-gold .slide::before{background:#251f0a}
.theme-burnt-orange .slide::before{background:#251608}
.theme-steel-blue .slide::before{background:#0f1419}
.theme-forest-green .slide::before{background:#0f1a14}
.theme-whatsapp-dark .slide::before{background:#111c16}
.theme-whatsapp-vivid .slide::before{background:#12291f}
/* Gradient themes: ::before must be transparent so the gradient background shows */
.theme-aurora .slide::before,.theme-cosmic .slide::before,.theme-rose-noir .slide::before,
.theme-slate-navy .slide::before,.theme-amber-dust .slide::before,.theme-cyan-depths .slide::before,
.theme-warm-dusk .slide::before,.theme-sage .slide::before,.theme-indigo-smoke .slide::before,
.theme-graphite .slide::before,.theme-plum .slide::before,.theme-copper .slide::before,
.theme-velvet-bloom .slide::before,.theme-solar-flare .slide::before,.theme-arctic-drift .slide::before,
.theme-midnight-grove .slide::before,.theme-lava-flow .slide::before,.theme-nebula .slide::before,
.theme-teal-fire .slide::before,.theme-dusk-canyon .slide::before,.theme-polar-lights .slide::before,
.theme-wine-cellar .slide::before{background:transparent}
.floating-image{position:absolute;user-select:none;pointer-events:auto;border:3px solid transparent;transition:border-color .2s;object-fit:contain;-webkit-user-drag:none;-moz-user-drag:none}
.floating-image.selected{border-color:var(--slide-accent)}
.floating-image:hover{border-color:rgba(45,70,255,.5)}
.floating-image.behind-text{z-index:0;object-fit:cover;cursor:default}
/* Wrapper de imagen en canvas libre */
/* pointer-events por defecto none: el JS pone auto solo en modo "Encima" para no bloquear texto/hook detrás */
.img-canvas-wrap{position:absolute;z-index:20;pointer-events:none;cursor:default;user-select:none;touch-action:none;border:3px solid transparent;transition:border-color .2s;}
.img-canvas-wrap.layer-interactive{pointer-events:auto;cursor:grab}
.img-canvas-wrap.selected{border-color:var(--slide-accent)}
.img-canvas-wrap:hover{border-color:rgba(45,70,255,.5)}
.img-canvas-wrap img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-drag:none;}
#imgLayerAbove{position:absolute;top:0;left:0;pointer-events:none;z-index:200;width:100%;height:100%;}
.resize-handle{position:absolute;width:24px;height:24px;background:var(--slide-accent);border:3px solid #000;border-radius:50%;cursor:nwse-resize;right:-12px;bottom:-12px;z-index:10;pointer-events:auto;display:none}
.resize-handle:hover{transform:scale(1.2)}
.img-canvas-wrap.selected .resize-handle{display:block}
.delete-handle{
  position:absolute;
  width:28px;
  height:28px;
  background:rgba(22,22,28,.92);
  border:1px solid rgba(255,255,255,.14);
  border-radius:50%;
  cursor:pointer;
  right:-10px;
  top:-10px;
  z-index:10;
  pointer-events:auto;
  display:flex;
  align-items:center;
  justify-content:center;
  color:rgba(255,255,255,.55);
  font-size:11px;
  backdrop-filter:blur(18px) saturate(180%);
  -webkit-backdrop-filter:blur(18px) saturate(180%);
  box-shadow:0 2px 12px rgba(0,0,0,.4),0 0 0 1px rgba(0,0,0,.25) inset;
  transition:background .18s,color .18s,transform .18s var(--ease-out),border-color .18s,box-shadow .18s;
}
.delete-handle:hover{
  background:linear-gradient(145deg,#e94242,#c01818);
  color:#fff;
  border-color:rgba(255,160,160,.4);
  transform:scale(1.07);
  box-shadow:0 4px 18px rgba(200,40,40,.45),0 0 0 1px rgba(255,255,255,.12) inset;
}
.img-delete-handle svg{display:block;opacity:.95}
.rotate-handle{position:absolute;width:24px;height:24px;background:var(--slide-accent);border:3px solid #000;border-radius:50%;cursor:alias;left:-12px;bottom:-12px;z-index:10;pointer-events:auto;display:none;align-items:center;justify-content:center;font-size:13px;color:#fff;line-height:1;user-select:none;}
.rotate-handle:hover{transform:scale(1.2)}
.img-canvas-wrap.selected .rotate-handle{display:flex}
.img-delete-handle{display:none!important;pointer-events:auto!important;touch-action:manipulation}
.img-hitbox.selected .img-delete-handle,.floating-image.selected .img-delete-handle,.img-canvas-wrap.selected .img-delete-handle{display:flex!important}
.img-canvas-wrap:not(.selected) .img-delete-handle,.img-canvas-wrap:not(.selected) .resize-handle,.img-canvas-wrap:not(.selected) .rotate-handle{display:none!important;pointer-events:none!important;visibility:hidden!important}
.slide-number{position:absolute;top:50px;left:50px;font-size:100px;font-weight:900;color:#555;opacity:1;z-index:62;font-family:'Inter',sans-serif;pointer-events:none;line-height:1}
.slide-number.style-minimal{top:40px;left:40px;font-size:42px;font-weight:600;color:rgba(255,255,255,.85);background:rgba(6,6,6,.93);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 20px;min-width:70px;text-align:center;display:inline-block;letter-spacing:.02em}
/* Esquina grande: solo el número, gris, sin fondo ni borde */
.slide-number.style-corner{top:40px;left:40px;font-size:100px;font-weight:900;line-height:1;color:rgba(120,122,130,.88);background:none;border:none;padding:0;min-width:unset;text-align:left;display:block;letter-spacing:-.04em}
.slide-number.style-vk-square-solid{top:28px;left:28px;width:62px;height:62px;display:flex;align-items:center;justify-content:center;background:#000;color:#fff;font-family:'Montserrat',sans-serif;font-weight:800;font-size:22px;line-height:1;box-shadow:5px 5px 0 rgba(0,0,0,.2);border:none;border-radius:0;padding:0;min-width:unset;text-align:center;letter-spacing:0}
/* Flecha de navegación (independiente de .slide-number); vars desde #slidesContainer */
.slide-nav-arrow{
  position:absolute;
  top:var(--ig-nav-pill-top,39px);
  right:var(--ig-nav-pill-right,12px);
  left:auto;
  bottom:auto;
  width:var(--ig-nav-pill-w,40px);
  height:var(--ig-nav-pill-h,28px);
  box-sizing:border-box;
  min-width:unset;
  padding:0;
  margin:0;
  border:none;
  border-radius:var(--ig-nav-pill-r,14px);
  background:var(--ig-nav-pill-bg,rgba(0,0,0,.52));
  -webkit-backdrop-filter:blur(var(--ig-nav-pill-blur,20px));
  backdrop-filter:blur(var(--ig-nav-pill-blur,20px));
  z-index:1000;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:0;
  line-height:0;
  box-shadow:none;
  letter-spacing:0;
  text-align:center;
  pointer-events:none;
}
.slide-nav-arrow.hidden{display:none}
.slide-nav-arrow .slide-nav-pill__arrow{
  display:block;
  flex-shrink:0;
  margin:0;
  padding:0;
  color:#fff;
  font-size:var(--ig-nav-pill-fs,13px);
  font-weight:600;
  line-height:1;
  font-family:-apple-system,BlinkMacSystemFont,'SF Pro Text',system-ui,sans-serif;
  -webkit-font-smoothing:antialiased;
}
.slide-number.hidden{display:none}
.watermark-badge{position:absolute;bottom:50px;left:60px;font-size:16px;font-weight:600;color:rgba(255,255,255,.85);z-index:60;font-family:'Inter',sans-serif;pointer-events:none;letter-spacing:.1em;text-transform:uppercase;background:rgba(6,6,6,.93);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 20px;display:inline-flex;align-items:center;white-space:nowrap;line-height:1.2;max-width:calc(100% - 120px);overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}
.watermark-badge.hidden{display:none}
.grid-background{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M 60 0 L 0 0 0 60' fill='none' stroke='%23ffffff' stroke-width='1'/%3E%3C/svg%3E");background-size:60px 60px;background-repeat:repeat}
.grid-background.hidden{display:none}
.grid-background.pattern-dots{background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='2' cy='2' r='1' fill='%23ffffff'/%3E%3C/svg%3E");background-size:20px 20px}
.grid-background.pattern-diagonal{background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M 0 40 L 40 0' stroke='%23ffffff' stroke-width='1' fill='none'/%3E%3C/svg%3E");background-size:40px 40px}
.grid-background.pattern-hexagons{background-image:url("data:image/svg+xml,%3Csvg width='56' height='100' viewBox='0 0 56 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28 66L0 50L0 16L28 0L56 16L56 50L28 66L28 100' fill='none' stroke='%23ffffff' stroke-width='2'/%3E%3C/svg%3E");background-size:56px 100px;opacity:.15}
.grid-background.pattern-waves{background-image:url("data:image/svg+xml,%3Csvg width='100' height='20' viewBox='0 0 100 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10 Q 25 0, 50 10 T 100 10' stroke='%23ffffff' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-size:100px 20px;opacity:.12}
.grid-background.pattern-crosshatch{background-image:url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M 0 0 L 30 30 M 30 0 L 0 30' stroke='%23ffffff' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-size:30px 30px;opacity:.14}
.grid-background.pattern-triangles{background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 40 L20 0 L40 40 Z' fill='none' stroke='%23ffffff' stroke-width='1'/%3E%3C/svg%3E");background-size:40px 40px;opacity:.12}
.grid-background.pattern-circles{background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20' cy='20' r='10' fill='none' stroke='%23ffffff' stroke-width='1'/%3E%3C/svg%3E");background-size:40px 40px;opacity:.1}
.grid-background.pattern-zigzag{background-image:url("data:image/svg+xml,%3Csvg width='40' height='20' viewBox='0 0 40 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10 L10 0 L20 10 L30 0 L40 10' fill='none' stroke='%23ffffff' stroke-width='1.5'/%3E%3C/svg%3E");background-size:40px 20px;opacity:.12}
.grid-background.pattern-squares{background-image:url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='10' y='10' width='30' height='30' fill='none' stroke='%23ffffff' stroke-width='1'/%3E%3C/svg%3E");background-size:50px 50px;opacity:.1}
.grid-background.pattern-stars{background-image:url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25 5 L27 18 L40 20 L28 28 L30 42 L25 35 L20 42 L22 28 L10 20 L23 18 Z' fill='none' stroke='%23ffffff' stroke-width='1'/%3E%3C/svg%3E");background-size:50px 50px;opacity:.08}
.grid-background.pattern-plus{background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 8 L20 32 M8 20 L32 20' stroke='%23ffffff' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-size:40px 40px;opacity:.1}
.grid-background.pattern-diamond{background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 4 L36 20 L20 36 L4 20 Z' fill='none' stroke='%23ffffff' stroke-width='1'/%3E%3C/svg%3E");background-size:40px 40px;opacity:.1}
.grid-background.pattern-halftone{background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='3' fill='%23ffffff'/%3E%3C/svg%3E");background-size:20px 20px;opacity:.07}
.grid-background.pattern-blueprint{background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M 60 0 L 0 0 0 60' fill='none' stroke='%23ffffff' stroke-width='0.5'/%3E%3Cpath d='M 30 0 L 30 60 M 0 30 L 60 30' fill='none' stroke='%23ffffff' stroke-width='0.5' opacity='0.4'/%3E%3C/svg%3E");background-size:60px 60px;opacity:.15}
.grid-background.pattern-circuit{background-image:url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 40 L30 40 L30 10 L50 10 M50 70 L50 40 L70 40' stroke='%23ffffff' stroke-width='1.5' fill='none'/%3E%3Ccircle cx='30' cy='40' r='3' fill='%23ffffff' opacity='0.6'/%3E%3Ccircle cx='50' cy='10' r='3' fill='%23ffffff' opacity='0.6'/%3E%3Ccircle cx='50' cy='70' r='3' fill='%23ffffff' opacity='0.6'/%3E%3C/svg%3E");background-size:80px 80px;opacity:.1}
.grid-background.pattern-confetti{background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='8' y='12' width='6' height='6' rx='1' transform='rotate(20 11 15)' fill='%23ffffff' opacity='0.4'/%3E%3Ccircle cx='38' cy='10' r='3' fill='%23ffffff' opacity='0.3'/%3E%3Crect x='45' y='35' width='5' height='5' rx='1' transform='rotate(-15 47 37)' fill='%23ffffff' opacity='0.35'/%3E%3Ccircle cx='15' cy='45' r='2.5' fill='%23ffffff' opacity='0.25'/%3E%3Crect x='28' y='42' width='4' height='8' rx='1' transform='rotate(35 30 46)' fill='%23ffffff' opacity='0.3'/%3E%3C/svg%3E");background-size:60px 60px;opacity:.12}
.grid-background.pattern-none{display:none}
.unified-grid{position:absolute;top:50px;left:50px;height:460px;pointer-events:none;z-index:1;opacity:.15}
.unified-grid.hidden{display:none}
.slide-bg-grid{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.15;background-repeat:repeat}
.slide-bg-grid.hidden{display:none}
.unified-lighting{position:absolute;top:50px;left:50px;height:460px;pointer-events:none;z-index:3;opacity:1}
.unified-lighting.hidden{display:none}
.center-guides{position:absolute;inset:0;pointer-events:none;z-index:999;display:none}
.center-guides.active{display:block}
.center-guides::before,.center-guides::after{content:"";position:absolute;background:rgba(45,70,255,.5)}
.center-guides::before{left:50%;top:0;bottom:0;width:2px;transform:translateX(-1px)}
.center-guides::after{top:50%;left:0;right:0;height:2px;transform:translateY(-1px)}
.slide-img-v-guide{position:absolute;left:50%;top:0;bottom:0;width:0;transform:translateX(-0.5px);border-left:1px solid rgba(255,105,180,0.92);pointer-events:none;z-index:998;box-shadow:0 0 10px rgba(255,105,180,0.35);opacity:0;transition:opacity .12s ease-out}
.slide-img-v-guide.slide-img-v-guide--flash{opacity:0.92;animation:vkSlideVGuideFlash .38s ease-out forwards}
@keyframes vkSlideVGuideFlash{0%{opacity:0}18%{opacity:0.95}100%{opacity:0}}
.slide-content{padding:252px 120px 120px 120px;width:100%;height:100%;position:absolute;top:0;left:0;z-index:5;pointer-events:none;isolation:isolate}
.title-wrapper{width:100%;height:100%;display:flex;position:relative;pointer-events:none;isolation:isolate}
.text-align-left{text-align:left}
.text-align-center{text-align:center}
.cover-title{color:var(--text);text-transform:uppercase;position:absolute;max-width:840px;min-height:0;width:fit-content;box-sizing:border-box;cursor:text;word-wrap:break-word;white-space:pre-wrap;outline:none;pointer-events:auto;background:transparent;border:none;resize:none;overflow:visible;font-family:'Inter',sans-serif;padding:0;line-height:inherit;direction:ltr;unicode-bidi:plaintext;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;backface-visibility:hidden}
.cover-title:focus{cursor:text}
.cover-title:hover{outline:2px dashed rgba(45,70,255,.3);outline-offset:10px}
textarea.cover-title{display:block;max-height:1200px}
div.cover-title{display:block}
.cover-title.dragging{cursor:grabbing}
/* Color manual (modal) sobre degradado del hook: anula text-fill transparent del padre */
.cover-title span.hook-inline-color{
  -webkit-text-fill-color:currentcolor;
  background:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
}
/* Subtítulo solo slide hook (0) */
.hook-subtitle-shell{position:absolute;z-index:6;pointer-events:none;right:auto;bottom:auto;max-width:calc(100% - 48px);box-sizing:border-box}
.hook-subtitle-shell:not(.hook-subtitle-hidden){min-width:min(720px,calc(100% - 24px));min-height:3.2em}
.hook-subtitle-shell.hook-subtitle-hidden{display:none!important}
.hook-subtitle-shell.text-align-left{text-align:left}
.hook-subtitle-shell.text-align-center{text-align:center}
.hook-subtitle-shell.text-align-left .hook-subtitle{margin-left:0;margin-right:auto}
.hook-subtitle-shell.text-align-center .hook-subtitle{margin-left:auto;margin-right:auto}
.hook-subtitle{max-width:980px;min-width:12ch;min-height:1.25em;display:block;pointer-events:auto;color:rgba(255,255,255,.88);color:color-mix(in srgb,var(--text) 82%,transparent);outline:none;cursor:grab;word-wrap:break-word;white-space:pre-wrap;text-transform:none;direction:ltr;unicode-bidi:plaintext}
.hook-subtitle:focus{cursor:text;outline:2px dashed rgba(91,124,255,.5);outline-offset:4px}
.hook-subtitle.dragging{cursor:grabbing}
.hook-subtitle-line{font-family:'Lora','Georgia',serif;font-size:54px;font-weight:500;font-style:italic;letter-spacing:.01em;line-height:1.32}
.hook-subtitle-pill{display:inline-block;font-family:'Montserrat',sans-serif;font-size:34px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:16px 34px;border-radius:14px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);line-height:1.22}
.hook-subtitle-mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:30px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:10px 0 10px 20px;border-left:5px solid var(--brand);line-height:1.4;color:color-mix(in srgb,var(--text) 70%,transparent)}
.hook-subtitle-ribbon{display:inline-block;font-family:'Montserrat',sans-serif;font-size:34px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;line-height:1.22;padding:12px 22px;background:#000;border:1px solid #000;border-radius:10px;color:#fff}
.hook-subtitle-bar{display:inline-block;font-family:'Oswald',sans-serif;font-size:40px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;line-height:1.12;padding-bottom:10px;border-bottom:6px solid var(--brand);box-shadow:inset 0 -2px 0 color-mix(in srgb,var(--brand) 45%,transparent)}
.hook-subtitle-dm{display:inline-block;font-family:'DM Sans',sans-serif;font-size:36px;font-weight:700;letter-spacing:.02em;line-height:1.28;color:color-mix(in srgb,var(--text) 88%,transparent);max-width:920px}
.hook-subtitle-fraun{display:inline-block;font-family:'Fraunces','Georgia',serif;font-size:38px;font-weight:600;font-style:italic;letter-spacing:0;line-height:1.3;color:color-mix(in srgb,var(--text) 92%,var(--brand) 8%);max-width:920px;font-variation-settings:'SOFT' 35,'WONK' 0.4}
.hook-subtitle-outfit{display:inline-block;font-family:'Outfit',sans-serif;font-size:34px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;line-height:1.22;padding:14px 28px;border-radius:12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
/* Slide final: bloque centrado (titular → subtítulo → botón), posición independiente del hook slide 0 */
.final-outro-stack{
  position:absolute;
  z-index:5;
  pointer-events:none;
  transform-origin:50% 50%;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:0;
  width:100%;
  max-width:100%;
  box-sizing:border-box;
}
/* Agarre premium minimal: píldora glass + tres puntos (solo degradados, sin texto) */
.final-outro-drag-handle{
  pointer-events:auto;
  position:relative;
  width:76px;
  height:24px;
  margin:0 0 22px 0;
  padding:0;
  border:none;
  border-radius:999px;
  cursor:grab;
  user-select:none;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  background-color:rgba(255,255,255,.04);
  background-image:
    radial-gradient(circle at calc(50% - 10px) 50%,rgba(255,255,255,.38) 0,rgba(255,255,255,.38) 1.6px,transparent 2.2px),
    radial-gradient(circle at 50% 50%,rgba(255,255,255,.52) 0,rgba(255,255,255,.52) 1.6px,transparent 2.2px),
    radial-gradient(circle at calc(50% + 10px) 50%,rgba(255,255,255,.38) 0,rgba(255,255,255,.38) 1.6px,transparent 2.2px);
  background-repeat:no-repeat;
  background-size:100% 100%;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 2px 8px rgba(0,0,0,.06);
  transition:background-color .24s ease,box-shadow .24s ease,transform .2s ease,filter .24s ease;
}
.final-outro-drag-handle:hover{
  background-color:rgba(255,255,255,.085);
  filter:brightness(1.05);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 6px 24px rgba(0,0,0,.12);
  transform:translateY(-1px);
}
.final-outro-drag-handle:active{cursor:grabbing;transform:translateY(0);background-color:rgba(255,255,255,.055);filter:none}
.final-outro-inner{
  pointer-events:none;
  display:flex;
  flex-direction:column;
  gap:56px;
  width:min(1008px,100%);
  max-width:min(1008px,100%);
  margin:0 auto;
  padding:10px 0 20px;
  box-sizing:border-box;
}
.final-outro-inner.final-align-center{align-items:center}
.final-outro-inner.final-align-left{align-items:flex-start}
.final-outro-inner.final-align-right{align-items:flex-end}
.final-outro-inner.final-align-center .final-outro-block{text-align:center}
.final-outro-inner.final-align-left .final-outro-block{text-align:left}
.final-outro-inner.final-align-right .final-outro-block{text-align:right}
.final-outro-block{pointer-events:auto;width:100%}
.final-outro-block:not(:last-child){padding-bottom:2px}
.final-outro-title{
  max-width:100%;
  outline:none;
  cursor:text;
  color:var(--text);
  text-transform:none;
  word-wrap:break-word;
  white-space:pre-wrap;
  line-height:1.08;
  padding:0 8px 4px;
  box-sizing:border-box;
  transform:translateZ(0);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  backface-visibility:hidden;
}
.final-outro-title:focus{outline:2px dashed rgba(91,124,255,.45);outline-offset:6px}
.final-outro-sub{
  margin:0 auto;
  cursor:text;
  padding:0 12px;
  max-width:100%;
  box-sizing:border-box;
}
/* Subtítulo slide final: cabe en columna ≤1008px (1080 − 36px por lado); texto largo no rompe cápsula */
.final-outro-inner .final-outro-sub.hook-subtitle-pill,
.final-outro-inner .final-outro-sub.hook-subtitle-ribbon,
.final-outro-inner .final-outro-sub.hook-subtitle-outfit{
  max-width:100%;
  box-sizing:border-box;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.final-outro-inner .final-outro-sub.hook-subtitle-line,
.final-outro-inner .final-outro-sub.hook-subtitle-mono,
.final-outro-inner .final-outro-sub.hook-subtitle-bar,
.final-outro-inner .final-outro-sub.hook-subtitle-dm,
.final-outro-inner .final-outro-sub.hook-subtitle-fraun{
  max-width:100%;
  box-sizing:border-box;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.final-outro-sub:focus{cursor:text;outline:2px dashed rgba(91,124,255,.45);outline-offset:4px}
.slide .final-outro-stack .final-outro-sub.final-sub-ink-white,
.slide .final-outro-stack .final-outro-sub.final-sub-ink-white *{color:#ffffff!important;-webkit-text-fill-color:#fff!important}
.slide .final-outro-stack .final-outro-sub.final-sub-ink-black,
.slide .final-outro-stack .final-outro-sub.final-sub-ink-black *{color:#0a0a0a!important;-webkit-text-fill-color:#0a0a0a!important}
.final-outro-stack .final-outro-sub.final-sub-shadow{text-shadow:0 2px 12px rgba(0,0,0,.55),0 1px 4px rgba(0,0,0,.45)}
.canvas-area.content-light .slides-container .final-outro-stack .final-outro-sub.final-sub-shadow{text-shadow:0 2px 10px rgba(0,0,0,.14),0 1px 3px rgba(0,0,0,.1)}
.final-outro-btn{
  display:inline-block;
  box-sizing:border-box;
  min-width:280px;
  margin-top:4px;
  padding:42px 72px;
  font-family:'Montserrat',sans-serif;
  font-size:34px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
  border-radius:20px;
  outline:none;
  cursor:text;
  text-align:center;
  white-space:pre-wrap;
  line-height:1.25;
}
/* Refuerzo: el botón del cierre vive en slide escalado; prioridad máxima sobre reglas genéricas */
.slide .slide-content .final-outro-stack .final-outro-btn{
  box-sizing:border-box;
  min-width:280px !important;
  padding:42px 72px !important;
  line-height:1.25 !important;
}
/* contenteditable deja <span style="font-size"> por el editor; !important gana a esos inline y hereda del botón */
.slide .slide-content .final-outro-stack .final-outro-btn *{
  font-size:inherit!important;
  font-family:inherit!important;
  line-height:inherit!important;
  letter-spacing:inherit!important;
}
.final-outro-btn:focus{outline:2px dashed rgba(91,124,255,.45);outline-offset:4px}
.final-t0{font-family:'Montserrat',sans-serif;font-size:88px;font-weight:900;letter-spacing:-.04em;text-transform:none}
.final-t1{font-family:'Lora','Georgia',serif;font-size:72px;font-weight:600;font-style:italic;letter-spacing:.01em}
.final-t2{font-family:'Oswald',sans-serif;font-size:96px;font-weight:700;letter-spacing:.02em;text-transform:none}
.final-t3{font-family:'Playfair Display','Georgia',serif;font-size:78px;font-weight:700;letter-spacing:-.02em;line-height:1.06}
.final-t4{font-family:'Bebas Neue',sans-serif;font-size:112px;font-weight:400;letter-spacing:.04em;line-height:.92;text-transform:none}
.final-t5{font-family:'Archivo Black',sans-serif;font-size:76px;font-weight:400;letter-spacing:-.03em;line-height:1.05;text-transform:none}
.final-t6{font-family:'Raleway',sans-serif;font-size:64px;font-weight:800;letter-spacing:.14em;text-transform:none;color:color-mix(in srgb,var(--text) 92%,var(--brand) 8%)}
.final-t7{font-family:'DM Sans',sans-serif;font-size:76px;font-weight:800;letter-spacing:-.03em;line-height:1.06;text-transform:none}
.final-t8{font-family:'Fraunces','Georgia',serif;font-size:72px;font-weight:600;font-style:italic;letter-spacing:-.01em;line-height:1.08;font-variation-settings:'SOFT' 40,'WONK' 0.5}
.final-t9{font-family:'Outfit',sans-serif;font-size:80px;font-weight:800;letter-spacing:-.04em;line-height:1.05;text-transform:none}
.final-b0{background:var(--brand);color:#fff;border:2px solid transparent;box-shadow:0 14px 40px rgba(0,0,0,.4),0 6px 18px rgba(0,0,0,.28)}
.final-b1{background:transparent;color:var(--text);border:2px solid color-mix(in srgb,var(--text) 40%,transparent)}
.final-b2{background:rgba(255,255,255,.06);color:color-mix(in srgb,var(--text) 90%,transparent);border:1px solid rgba(255,255,255,.2)}
.final-b3{background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 80%,#000),color-mix(in srgb,var(--brand) 40%,#111));color:#fff;border:none}
.canvas-area.content-light .slides-container .final-outro-drag-handle{
  background-color:rgba(0,0,0,.04);
  background-image:
    radial-gradient(circle at calc(50% - 10px) 50%,rgba(0,0,0,.28) 0,rgba(0,0,0,.28) 1.6px,transparent 2.2px),
    radial-gradient(circle at 50% 50%,rgba(0,0,0,.4) 0,rgba(0,0,0,.4) 1.6px,transparent 2.2px),
    radial-gradient(circle at calc(50% + 10px) 50%,rgba(0,0,0,.28) 0,rgba(0,0,0,.28) 1.6px,transparent 2.2px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 2px 8px rgba(0,0,0,.06);
}
.canvas-area.content-light .slides-container .final-outro-drag-handle:hover{background-color:rgba(0,0,0,.07)}
.canvas-area.content-light .slides-container .final-b0{color:#fff}
.canvas-area.content-light .slides-container .final-b1{color:#111;border-color:rgba(0,0,0,.25)}
.text-shadow-on{text-shadow:0 4px calc(var(--shadow-size)*.3) rgba(0,0,0,var(--shadow-intensity)),0 8px calc(var(--shadow-size)*.6) rgba(0,0,0,calc(var(--shadow-intensity)*.75)),0 16px var(--shadow-size) rgba(0,0,0,calc(var(--shadow-intensity)*.55)),0 28px calc(var(--shadow-size)*1.4) rgba(0,0,0,calc(var(--shadow-intensity)*.35)),0 -2px calc(var(--shadow-size)*.2) rgba(0,0,0,calc(var(--shadow-intensity)*.3))}
.text-shadow-off{text-shadow:none}
/* When gradient is active, background-clip:text makes text-shadow render inside the glyph.
   Override: use filter:drop-shadow instead, which renders outside correctly. */
[class*="hook-gradient-"].text-shadow-on{text-shadow:none;filter:drop-shadow(0 4px calc(var(--shadow-size)*.3) rgba(0,0,0,var(--shadow-intensity))) drop-shadow(0 10px calc(var(--shadow-size)*.7) rgba(0,0,0,calc(var(--shadow-intensity)*.65))) drop-shadow(0 20px var(--shadow-size) rgba(0,0,0,calc(var(--shadow-intensity)*.45)))}
[class*="hook-gradient-"].text-shadow-off{filter:none}
.hook-gradient-light-1,.hook-gradient-light-2,.hook-gradient-light-3,.hook-gradient-light-4,.hook-gradient-light-5,.hook-gradient-light-6,.hook-gradient-light-7,.hook-gradient-light-8,.hook-gradient-light-9,.hook-gradient-light-10,.hook-gradient-light-11,.hook-gradient-light-12,.hook-gradient-dark-1,.hook-gradient-dark-2,.hook-gradient-dark-3,.hook-gradient-dark-4,.hook-gradient-dark-5,.hook-gradient-dark-6,.hook-gradient-dark-7,.hook-gradient-dark-8,.hook-gradient-dark-9,.hook-gradient-dark-10,.hook-gradient-vivid-1,.hook-gradient-vivid-2,.hook-gradient-vivid-3,.hook-gradient-vivid-4,.hook-gradient-vivid-5,.hook-gradient-vivid-6,.hook-gradient-vivid-7,.hook-gradient-vivid-8,.hook-gradient-dark-11,.hook-gradient-dark-12,.hook-gradient-dark-13,.hook-gradient-dark-14,.hook-gradient-dark-15,.hook-gradient-dark-16,.hook-gradient-dark-17,.hook-gradient-dark-18{position:relative}
.hook-gradient-light-1::before,.hook-gradient-light-2::before,.hook-gradient-light-3::before,.hook-gradient-light-4::before,.hook-gradient-light-5::before,.hook-gradient-light-6::before,.hook-gradient-light-7::before,.hook-gradient-light-8::before,.hook-gradient-light-9::before,.hook-gradient-light-10::before,.hook-gradient-light-11::before,.hook-gradient-light-12::before,.hook-gradient-dark-1::before,.hook-gradient-dark-2::before,.hook-gradient-dark-3::before,.hook-gradient-dark-4::before,.hook-gradient-dark-5::before,.hook-gradient-dark-6::before,.hook-gradient-dark-7::before,.hook-gradient-dark-8::before,.hook-gradient-dark-9::before,.hook-gradient-dark-10::before,.hook-gradient-vivid-1::before,.hook-gradient-vivid-2::before,.hook-gradient-vivid-3::before,.hook-gradient-vivid-4::before,.hook-gradient-vivid-5::before,.hook-gradient-vivid-6::before,.hook-gradient-vivid-7::before,.hook-gradient-vivid-8::before,.hook-gradient-dark-11::before,.hook-gradient-dark-12::before,.hook-gradient-dark-13::before,.hook-gradient-dark-14::before,.hook-gradient-dark-15::before,.hook-gradient-dark-16::before,.hook-gradient-dark-17::before,.hook-gradient-dark-18::before{content:attr(data-text);position:absolute;left:0;top:0;z-index:-1;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hook-minimal{font-size:90px;font-weight:600;line-height:1.25;letter-spacing:-.03em}
.hook-bold{font-size:110px;font-weight:900;line-height:1.05;letter-spacing:-.05em}
.hook-impact{font-size:130px;font-weight:900;line-height:.95;letter-spacing:-.06em}
.hook-montserrat{font-family:'Montserrat',sans-serif;font-size:105px;font-weight:900;line-height:1.1;letter-spacing:-.04em}
.hook-bebas{font-family:'Bebas Neue',sans-serif;font-size:140px;font-weight:400;line-height:.9;letter-spacing:.02em}
.hook-oswald{font-family:'Oswald',sans-serif;font-size:120px;font-weight:700;line-height:1;letter-spacing:-.02em}
.hook-anton{font-family:'Anton',sans-serif;font-size:125px;font-weight:400;line-height:.95;letter-spacing:.01em}
.hook-raleway{font-family:'Raleway',sans-serif;font-size:100px;font-weight:900;line-height:1.15;letter-spacing:-.03em}
.hook-archivo{font-family:'Archivo Black',sans-serif;font-size:110px;font-weight:400;line-height:1.05;letter-spacing:-.04em}
.hook-playfair{font-family:'Playfair Display','Georgia',serif;font-size:88px;font-weight:700;line-height:1.14;letter-spacing:-.02em;font-style:italic}
.hook-lora{font-family:'Lora','Georgia',serif;font-size:86px;font-weight:600;line-height:1.18;letter-spacing:.01em}
.hook-greatvibes{font-family:'Great Vibes',cursive;font-size:132px;font-weight:400;line-height:1.05;letter-spacing:.02em;text-transform:none}
.hook-dmsans{font-family:'DM Sans',sans-serif;font-size:102px;font-weight:800;line-height:1.08;letter-spacing:-.04em}
.hook-outfit{font-family:'Outfit',sans-serif;font-size:104px;font-weight:800;line-height:1.06;letter-spacing:-.045em}
.hook-space{font-family:'Space Grotesk',sans-serif;font-size:108px;font-weight:700;line-height:1.06;letter-spacing:-.04em}
/* Light gradients */
.hook-gradient-light-1{background:linear-gradient(135deg,#DAE2F8 0%,#D6A4A4 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hook-gradient-light-2{background:linear-gradient(135deg,#FFEEEE 0%,#DDEFBB 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hook-gradient-light-3{background:linear-gradient(135deg,#abbaab 0%,#fff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hook-gradient-light-4{background:linear-gradient(135deg,#8e9eab 0%,#eef2f3 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hook-gradient-light-5{background:linear-gradient(135deg,#304352 0%,#d7d2cc 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hook-gradient-light-6{background:linear-gradient(135deg,#E0EAFC 0%,#CFDEF3 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hook-gradient-light-7{background:linear-gradient(135deg,#C9D6FF 0%,#E2E2E2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hook-gradient-light-8{background:linear-gradient(135deg,#fdfcfb 0%,#e2d1c3 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hook-gradient-light-9{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hook-gradient-light-10{background:linear-gradient(135deg,#fccb90 0%,#d57eeb 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hook-gradient-light-11{background:linear-gradient(135deg,#a1c4fd 0%,#c2e9fb 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hook-gradient-light-12{background:linear-gradient(135deg,#fff1eb 0%,#ace0f9 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
/* Dark gradients */
.hook-gradient-dark-1{background:linear-gradient(135deg,#16222A 0%,#3A6073 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hook-gradient-dark-2{background:linear-gradient(135deg,#232526 0%,#414345 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hook-gradient-dark-3{background:linear-gradient(135deg,#485563 0%,#29323c 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hook-gradient-dark-4{background:linear-gradient(135deg,#000 0%,#434343 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hook-gradient-dark-5{background:linear-gradient(135deg,#152331 0%,#000 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hook-gradient-dark-6{background:linear-gradient(135deg,#0f0c29 0%,#302b63 50%,#24243e 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hook-gradient-dark-7{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hook-gradient-dark-8{background:linear-gradient(135deg,#1b2838 0%,#2d5a3d 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hook-gradient-dark-9{background:linear-gradient(135deg,#2d1b2e 0%,#11131c 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hook-gradient-dark-10{background:linear-gradient(135deg,#1a0533 0%,#2d0a0a 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hook-gradient-dark-11{background:linear-gradient(135deg,#1c1c1c 0%,#3a3a3a 50%,#1c1c1c 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hook-gradient-dark-12{background:linear-gradient(135deg,#0a2010 0%,#1a4025 50%,#0a2010 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hook-gradient-dark-13{background:linear-gradient(135deg,#0d1525 0%,#1e3045 50%,#0d1525 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hook-gradient-dark-14{background:linear-gradient(135deg,#1a0f05 0%,#3d2b0a 50%,#1a0f05 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hook-gradient-dark-15{background:linear-gradient(135deg,#05201e 0%,#0d3530 50%,#05201e 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hook-gradient-dark-16{background:linear-gradient(135deg,#0a0a14 0%,#181828 50%,#0a0a14 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hook-gradient-dark-17{background:linear-gradient(135deg,#1f0810 0%,#3d1220 50%,#1f0810 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hook-gradient-dark-18{background:linear-gradient(135deg,#0d0b1f 0%,#1e1540 50%,#0d0b1f 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
/* Vivid/colorful gradients */
.hook-gradient-vivid-1{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hook-gradient-vivid-2{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hook-gradient-vivid-3{background:linear-gradient(135deg,#43e97b 0%,#38f9d7 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hook-gradient-vivid-4{background:linear-gradient(135deg,#fa709a 0%,#fee140 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hook-gradient-vivid-5{background:linear-gradient(135deg,#a18cd1 0%,#fbc2eb 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hook-gradient-vivid-6{background:linear-gradient(135deg,#ffecd2 0%,#fcb69f 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hook-gradient-vivid-7{background:linear-gradient(135deg,#2af598 0%,#009efd 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hook-gradient-vivid-8{background:linear-gradient(135deg,#ff9a9e 0%,#fecfef 50%,#fecfef 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.glass-card{background:rgba(8,8,8,.52);backdrop-filter:blur(48px) saturate(180%);-webkit-backdrop-filter:blur(48px) saturate(180%);border:1px solid rgba(255,255,255,.15);border-radius:32px;padding:90px;width:100%;position:relative;box-shadow:0 30px 80px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.04),inset 0 1px 0 rgba(255,255,255,.10);z-index:5;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;pointer-events:none}
.glass-card.glass-card--body{pointer-events:auto;cursor:grab}
.glass-card.glass-card--body .body-text{cursor:text}
.glass-card.glass-card--body.glass-card--selected{box-shadow:0 30px 80px rgba(0,0,0,.55),0 0 0 2px rgba(45,70,255,.55),inset 0 1px 0 rgba(255,255,255,.10)}
.glass-card.glass-card--body.dragging-y{cursor:grabbing}
.body-text{font-family:var(--deck-body-font,Inter,sans-serif);font-size:var(--deck-body-font-size,56px);font-weight:400;line-height:1.35;letter-spacing:-.02em;color:var(--text);cursor:text;outline:none;pointer-events:auto;white-space:pre-wrap;text-shadow:0 2px 6px rgba(0,0,0,.68)}
.body-text span{display:inline}
.body-text span[style*="background-color"]{padding:2px 6px;border-radius:4px}
.body-text p{margin:0 0 32px 0}
.body-text p:last-child{margin-bottom:0}
.control-section{display:flex;flex-direction:column;gap:10px}
.control-label{
  font-size:10px;
  font-weight:600;
  letter-spacing:.07em;
  color:rgba(255,255,255,.42);
  text-transform:uppercase;
}
.select{
  width:100%;
  padding:10px 14px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.1);
  border-radius:var(--radius-sm);
  color:rgba(255,255,255,.92);
  font-size:13px;
  font-weight:500;
  letter-spacing:-.01em;
  font-family:inherit;
  cursor:pointer;
  outline:none;
  transition:border-color .2s,background .2s,box-shadow .2s;
  appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' stroke='rgba(255,255,255,0.35)' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 12px center;
  padding-right:36px;
}
.select:hover{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.07)}
.select:focus{border-color:rgba(99,102,241,.5);box-shadow:0 0 0 3px rgba(99,102,241,.15)}
.text-input{width:100%;padding:10px 14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);color:#fff;font-size:13px;font-weight:500;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s}
.text-input:focus{border-color:rgba(99,102,241,.45);box-shadow:0 0 0 3px rgba(99,102,241,.12)}
.text-input::placeholder{color:rgba(255,255,255,.28)}
.slider-wrapper{display:flex;flex-direction:column;gap:8px}
.slider-label{font-size:11px;font-weight:500;color:rgba(255,255,255,.45);letter-spacing:-.01em;display:flex;justify-content:space-between;align-items:center}
.range{
  width:100%;
  height:22px;
  border-radius:99px;
  background:transparent;
  outline:none;
  -webkit-appearance:none;
  appearance:none;
  cursor:pointer;
}
.range::-webkit-slider-thumb{
  -webkit-appearance:none;
  appearance:none;
  width:17px;
  height:17px;
  margin-top:-6px;
  border:none;
  border-radius:50%;
  background:#fff;
  box-shadow:0 1px 4px rgba(0,0,0,.32),0 0 0 1px rgba(0,0,0,.1);
  cursor:pointer;
  transition:transform .15s var(--ease-out),box-shadow .15s;
}
.range::-webkit-slider-thumb:hover{transform:scale(1.05);box-shadow:0 2px 8px rgba(0,0,0,.28),0 0 0 1px rgba(99,102,241,.2)}
.range::-webkit-slider-runnable-track{height:5px;border-radius:99px;background:rgba(255,255,255,.09)}
.range::-moz-range-thumb{width:17px;height:17px;border:none;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.35),0 0 0 1px rgba(0,0,0,.12);cursor:pointer}
.range::-moz-range-track{height:5px;border-radius:99px;background:rgba(255,255,255,.09)}
.btn-group{display:flex;gap:8px}
.btn{
  flex:1;
  padding:9px 10px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.09);
  border-radius:var(--radius-sm);
  color:rgba(255,255,255,.5);
  font-size:12px;
  font-weight:600;
  letter-spacing:-.01em;
  cursor:pointer;
  font-family:inherit;
  transition:background .18s,border-color .18s,color .18s,box-shadow .18s;
}
.btn:hover{background:rgba(255,255,255,.09);color:rgba(255,255,255,.88);border-color:rgba(255,255,255,.12)}
.btn.active{background:rgba(99,102,241,.95);color:#fff;border-color:transparent;box-shadow:0 1px 0 rgba(255,255,255,.15) inset,0 4px 16px rgba(99,102,241,.28)}
.checkbox-wrapper{display:flex;align-items:center;gap:8px;padding:8px 0}
.checkbox{width:16px;height:16px;cursor:pointer;accent-color:var(--accent)}
.checkbox-label{font-size:11px;color:#aaa;cursor:pointer}
/* ── Premium Toggle Switch ── */
.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;gap:12px}
.toggle-label{font-size:13px;font-weight:500;letter-spacing:-.015em;color:rgba(255,255,255,.72);cursor:pointer;user-select:none;flex:1}
.toggle-switch{position:relative;display:inline-flex;flex-shrink:0;cursor:pointer}
.toggle-switch input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}
.toggle-track{
  display:flex;
  align-items:center;
  width:44px;
  height:26px;
  border-radius:99px;
  background:rgba(120,120,128,.32);
  border:1px solid rgba(0,0,0,.12);
  transition:background .28s var(--ease-out),border-color .28s;
  position:relative;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.25);
}
.toggle-knob{
  position:absolute;
  left:3px;
  top:50%;
  transform:translateY(-50%);
  width:20px;
  height:20px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 2px 6px rgba(0,0,0,.2),0 1px 2px rgba(0,0,0,.12);
  transition:left .28s var(--ease-out),transform .2s var(--ease-out);
}
.toggle-switch input:checked~.toggle-track{background:var(--accent);border-color:rgba(99,102,241,.4)}
.toggle-switch input:checked~.toggle-track .toggle-knob{left:21px}
.toggle-switch:hover .toggle-track{background:rgba(120,120,128,.4)}
.toggle-switch input:checked:hover~.toggle-track{filter:brightness(1.05)}
.image-upload{border:2px dashed rgba(255,255,255,.15);border-radius:8px;padding:16px;text-align:center;cursor:pointer;transition:border-color .3s}
.image-upload:hover{border-color:var(--accent)}
.image-upload.drag-over{border-color:var(--accent);background:rgba(99,102,241,.1)}
.upload-text{font-size:11px;color:#666;margin-bottom:8px}
.upload-btn{display:inline-block;padding:6px 12px;background:rgba(255,255,255,.06);border-radius:4px;font-size:10px;font-weight:600;color:#fff}
.file-input{display:none}
.image-list{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto;margin-top:4px}
.image-item{
  display:flex;
  align-items:center;
  gap:10px;
  padding:9px 10px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.07);
  border-radius:var(--radius-sm);
  transition:background .18s,border-color .18s,box-shadow .18s;
}
.image-item:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.1)}
.image-item.selected{border-color:rgba(99,102,241,.45);background:rgba(99,102,241,.1);box-shadow:0 0 0 1px rgba(99,102,241,.08)}
.image-thumb{width:40px;height:40px;object-fit:cover;border-radius:8px;border:1px solid rgba(255,255,255,.08)}
.image-info{
  flex:1;
  min-width:0;
  font-size:12px;
  font-weight:600;
  letter-spacing:.02em;
  font-variant-numeric:tabular-nums;
  color:rgba(255,255,255,.72);
}
.delete-img-btn{
  flex-shrink:0;
  width:32px;
  height:32px;
  padding:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  color:rgba(255,255,255,.42);
  cursor:pointer;
  font-family:inherit;
  transition:background .18s,border-color .18s,color .18s,transform .18s var(--ease-out),box-shadow .18s;
  box-shadow:0 1px 0 rgba(255,255,255,.05) inset;
}
.delete-img-btn__svg{display:block}
.delete-img-btn:hover{
  background:linear-gradient(145deg,#e94242,#c41e1e);
  border-color:rgba(255,140,140,.45);
  color:#fff;
  transform:scale(1.06);
  box-shadow:0 4px 14px rgba(200,40,40,.35);
}
.delete-img-btn:active{transform:scale(1)}
#sidebarGroupComposition .vk-fade-section{
  gap:12px;
  margin-top:12px;
  padding-top:14px;
  border-top:1px solid rgba(255,255,255,.08);
}
#sidebarGroupComposition #fadeOpacitySection{margin-top:14px}
#sidebarGroupComposition .vk-fade-label{
  font-size:11px;
  font-weight:600;
  letter-spacing:.04em;
  color:rgba(255,255,255,.55);
  margin-bottom:2px;
}
#sidebarGroupComposition .vk-fade-dir-btns{
  gap:10px;
  flex-wrap:wrap;
  padding:6px 0 4px;
}
#sidebarGroupComposition .vk-fade-dir-btns .btn{
  flex:1;
  min-width:0;
  padding:9px 10px;
  font-size:12px;
}
#sidebarGroupComposition .vk-fade-slider{
  margin-top:4px;
}
.img-open-btn{
  width:100%;
  padding:11px 16px;
  background:rgba(99,102,241,.14);
  border:1px solid rgba(99,102,241,.32);
  border-radius:var(--radius-sm);
  color:rgba(210,220,255,.98);
  font-size:13px;
  font-weight:600;
  letter-spacing:-.015em;
  font-family:inherit;
  cursor:pointer;
  transition:background .2s var(--ease-out),border-color .2s,transform .2s var(--ease-out),box-shadow .2s;
}
.img-open-btn:hover{
  background:rgba(99,102,241,.22);
  border-color:rgba(129,140,248,.55);
  transform:translateY(-.5px);
  box-shadow:0 4px 20px rgba(99,102,241,.2);
}
/* Capa detrás / encima */
.img-layer-row{margin-top:10px;display:none;flex-direction:column;gap:8px}
.img-layer-row-label{margin-bottom:0!important}
.img-layer-btn-group{display:flex;gap:6px}
.img-layer-btn{
  flex:1;
  padding:9px 8px;
  font-size:12px;
  font-weight:600;
  letter-spacing:-.01em;
  font-family:inherit;
  border-radius:var(--radius-sm);
  border:1px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.04);
  color:rgba(255,255,255,.45);
  cursor:pointer;
  transition:background .18s,border-color .18s,color .18s,box-shadow .18s;
}
.img-layer-btn:hover{color:rgba(255,255,255,.75);background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.12)}
.img-layer-btn.active{
  background:rgba(255,255,255,.12);
  border-color:rgba(255,255,255,.14);
  color:#fff;
  box-shadow:0 1px 0 rgba(255,255,255,.06) inset;
}
/* ── Quitar fondo ── */
.vk-remove-bg-wrap{margin-top:12px;display:flex;flex-direction:column;gap:10px}
.vk-remove-bg-btn{
  width:100%;
  padding:11px 16px;
  border-radius:var(--radius-sm);
  font-size:13px;
  font-weight:600;
  letter-spacing:-.015em;
  font-family:inherit;
  cursor:pointer;
  border:1px solid rgba(255,255,255,.1);
  color:rgba(255,255,255,.88);
  background:rgba(255,255,255,.06);
  transition:background .2s,border-color .2s,transform .2s var(--ease-out),opacity .2s;
}
.vk-remove-bg-btn:hover:not(:disabled){background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.16);transform:translateY(-.5px)}
.vk-remove-bg-btn:disabled{opacity:.38;cursor:not-allowed;transform:none}
.vk-remove-bg-progress{display:flex;flex-direction:column;gap:8px}
/* `hidden` debe ganar a `display:flex` (Safari/Firefox a veces lo contradicen). */
.vk-remove-bg-progress[hidden]{display:none !important}
.vk-remove-bg-progress-track{height:5px;border-radius:99px;background:rgba(255,255,255,.07);overflow:hidden;border:none}
.vk-remove-bg-progress-bar{height:100%;width:0%;min-width:8%;border-radius:99px;background:linear-gradient(90deg,rgba(129,140,248,.58),rgba(99,102,241,.95),rgba(165,180,252,.62));background-size:200% 100%;animation:vk-bg-shimmer 1.1s ease-in-out infinite}
.vk-remove-bg-progress[data-indeterminate='1'] .vk-remove-bg-progress-bar{width:40%;animation:vk-bg-shimmer 1.1s ease-in-out infinite,vk-bg-indet 1.4s ease-in-out infinite}
@keyframes vk-bg-shimmer{0%{background-position:0% 50%}100%{background-position:200% 50%}}
@keyframes vk-bg-indet{0%,100%{transform:translateX(-30%)}50%{transform:translateX(190%)}}
.vk-remove-bg-status{font-size:11px;font-weight:500;color:rgba(255,255,255,.42);letter-spacing:-.01em}
.img-modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.52);backdrop-filter:saturate(140%) blur(16px);-webkit-backdrop-filter:saturate(140%) blur(16px);z-index:9000;align-items:center;justify-content:center;padding:20px}
.img-modal-overlay.active{display:flex}
.img-modal{
  background:rgba(28,28,30,.94);
  border:1px solid rgba(255,255,255,.1);
  border-radius:var(--radius-lg);
  width:520px;
  max-width:95vw;
  overflow:hidden;
  box-shadow:0 48px 120px rgba(0,0,0,.65),0 0 0 1px rgba(255,255,255,.04) inset;
  display:flex;
  flex-direction:column;
  backdrop-filter:saturate(180%) blur(24px);
  -webkit-backdrop-filter:saturate(180%) blur(24px);
}
/* Progreso IA + recorte: barra lateral (minimal) */
.sidebar-group--images .vk-import-progress-wrap{display:none;flex-direction:column;gap:8px;margin:0 0 12px;padding:10px 12px;border-radius:var(--radius-sm);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07)}
.vk-import-progress-label{font-size:10px;font-weight:600;color:rgba(255,255,255,.42);letter-spacing:.06em;line-height:1.35;text-transform:uppercase}
.vk-import-progress-track{height:4px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden;border:none}
.vk-import-progress-bar{height:100%;width:0%;min-width:6%;border-radius:99px;background:linear-gradient(90deg,rgba(99,102,241,.42),rgba(165,180,252,.82),rgba(99,102,241,.42));background-size:200% 100%;animation:vk-bg-shimmer 1.1s ease-in-out infinite}
.vk-import-progress-track[data-indeterminate='1'] .vk-import-progress-bar{width:32%;animation:vk-bg-shimmer 1.1s ease-in-out infinite,vk-bg-indet 1.4s ease-in-out infinite}
.img-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 0}
.img-modal-title{font-size:17px;font-weight:600;color:rgba(255,255,255,.96);letter-spacing:-.03em}
.img-modal-close{background:rgba(255,255,255,.06);border:1px solid transparent;color:rgba(255,255,255,.4);font-size:18px;width:32px;height:32px;cursor:pointer;line-height:1;padding:0;border-radius:99px;transition:color .2s,background .2s,border-color .2s;display:flex;align-items:center;justify-content:center}
.img-modal-close:hover{color:#fff;background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.08)}
.img-modal-dropzone{margin:16px 24px 0;border:1px dashed rgba(255,255,255,.14);border-radius:var(--radius-md);padding:40px 22px;text-align:center;transition:border-color .22s,background .22s;cursor:pointer;background:rgba(255,255,255,.02)}
.img-modal-dropzone:hover{border-color:rgba(99,102,241,.45);background:rgba(99,102,241,.06)}
.img-modal-dropzone.drag-over{border-color:rgba(99,102,241,.65);background:rgba(99,102,241,.1)}
.img-modal-drop-icon{font-size:32px;margin-bottom:8px;opacity:.35;user-select:none}
.img-modal-drop-text{font-size:15px;font-weight:600;letter-spacing:-.02em;color:rgba(255,255,255,.78);margin-bottom:4px}
.img-modal-drop-sub{font-size:12px;font-weight:500;color:rgba(255,255,255,.38);margin-bottom:14px}
.img-modal-select-btn{padding:9px 20px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);color:rgba(255,255,255,.88);font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;letter-spacing:-.01em;transition:background .2s,border-color .2s}
.img-modal-select-btn:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.16)}
.img-modal-preview{display:flex;flex-wrap:wrap;gap:10px;padding:16px 26px 0;min-height:0;max-height:190px;overflow-y:auto}
.img-modal-preview:empty{display:none;padding:0}
.img-preview-thumb{position:relative;width:78px;height:78px;border-radius:10px;overflow:hidden;flex-shrink:0;background:#1a1a1a}
.img-preview-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.img-preview-remove{position:absolute;top:4px;right:4px;width:20px;height:20px;background:rgba(0,0,0,.8);border:none;border-radius:50%;color:#fff;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;transition:background .2s}
.img-preview-remove:hover{background:rgba(220,40,40,.85)}
.img-modal-footer{display:flex;gap:10px;padding:16px 24px 20px;justify-content:flex-end}
.img-modal-cancel{padding:10px 20px;background:transparent;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);color:rgba(255,255,255,.55);font-size:13px;font-weight:600;letter-spacing:-.01em;cursor:pointer;font-family:inherit;transition:border-color .2s,color .2s,background .2s}
.img-modal-cancel:hover{border-color:rgba(255,255,255,.2);color:rgba(255,255,255,.88);background:rgba(255,255,255,.04)}
.img-modal-add{padding:10px 22px;background:var(--brand);border:none;border-radius:var(--radius-sm);color:#fff;font-size:13px;font-weight:600;letter-spacing:-.01em;cursor:pointer;font-family:inherit;transition:filter .2s,transform .2s var(--ease-out),box-shadow .2s;box-shadow:0 1px 0 rgba(255,255,255,.12) inset,0 4px 18px rgba(99,102,241,.3)}
.img-modal-add:hover{filter:brightness(1.06);transform:translateY(-.5px)}
.img-modal-add:disabled{opacity:.35;cursor:not-allowed;transform:none;box-shadow:none}
.render-buffer{position:fixed;top:-99999px;left:0;overflow:hidden;pointer-events:none;z-index:-1}
.render-buffer .slide{transform:none!important;margin-right:0!important;box-shadow:none!important;cursor:default!important;transition:none!important}
.render-buffer .unified-lighting{transform:none!important}.render-buffer .unified-grid{transform:none!important}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.55);backdrop-filter:saturate(140%) blur(12px);-webkit-backdrop-filter:saturate(140%) blur(12px);display:none;align-items:center;justify-content:center;z-index:2000;padding:20px}
.modal.active{display:flex}
.modal-content{
  background:rgba(28,28,30,.96);
  border:1px solid rgba(255,255,255,.1);
  border-radius:var(--radius-lg);
  padding:28px;
  max-width:600px;
  width:90%;
  box-shadow:0 40px 100px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.04) inset;
}
.modal-title{font-size:19px;font-weight:600;letter-spacing:-.03em;margin-bottom:18px;color:rgba(255,255,255,.96)}
.modal-textarea{width:100%;min-height:300px;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);color:#fff;padding:14px 16px;font-family:inherit;font-size:14px;line-height:1.55;resize:vertical;outline:none;transition:border-color .2s,box-shadow .2s}
.modal-textarea:focus{border-color:rgba(99,102,241,.45);box-shadow:0 0 0 3px rgba(99,102,241,.12)}
.modal-buttons{display:flex;gap:10px;margin-top:22px}
.modal-btn{flex:1;padding:12px 18px;border:none;border-radius:var(--radius-sm);font-weight:600;font-size:13px;letter-spacing:-.01em;cursor:pointer;font-family:inherit;transition:opacity .2s,filter .2s,transform .2s}
.modal-btn-cancel{background:rgba(255,255,255,.08);color:rgba(255,255,255,.88);border:1px solid rgba(255,255,255,.1)}
.modal-btn-cancel:hover{background:rgba(255,255,255,.12)}
.modal-btn-apply{background:var(--brand);color:#fff;box-shadow:0 1px 0 rgba(255,255,255,.12) inset,0 4px 16px rgba(99,102,241,.25)}
.modal-btn-apply:hover{filter:brightness(1.05)}
.bulk-text-btn{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:12px 16px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.1);
  border-radius:12px;
  color:rgba(255,255,255,.82);
  font-size:13px;
  font-weight:600;
  letter-spacing:-.015em;
  cursor:pointer;
  font-family:inherit;
  transition:background .2s,border-color .2s,color .2s,box-shadow .2s,transform .2s var(--ease-out);
  box-shadow:0 1px 0 rgba(255,255,255,.04) inset;
}
.bulk-text-btn__ic{
  display:flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  border-radius:10px;
  background:rgba(99,102,241,.12);
  border:1px solid rgba(99,102,241,.22);
  color:rgba(185,200,255,.95);
  flex-shrink:0;
  transition:background .2s,border-color .2s,color .2s,transform .2s var(--ease-out);
}
.bulk-text-btn__txt{line-height:1.2}
.bulk-text-btn:hover{
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.16);
  color:#fff;
  box-shadow:0 0 0 1px rgba(99,102,241,.12),0 8px 28px rgba(0,0,0,.2);
  transform:translateY(-0.5px);
}
.bulk-text-btn:hover .bulk-text-btn__ic{
  background:rgba(99,102,241,.22);
  border-color:rgba(129,140,248,.5);
  color:#fff;
  transform:scale(1.03);
}
.bulk-text-btn:active{transform:translateY(0)}
.img-fade-overlay{position:absolute;inset:0;pointer-events:none;z-index:3;background:rgba(0,0,0,var(--img-fade,0));transition:background .2s}
.fade-layer{position:absolute;inset:0;z-index:1;pointer-events:none;background:rgba(0,0,0,var(--fade-opacity,0))}
.fade-layer.hidden{display:none}
.fade-layer.above-images{z-index:4}
.fade-layer.dir-top{background:linear-gradient(to bottom,rgba(0,0,0,var(--fade-opacity,0)) 0%,transparent var(--fade-size,70%))}
.fade-layer.dir-bottom{background:linear-gradient(to top,rgba(0,0,0,var(--fade-opacity,0)) 0%,transparent var(--fade-size,70%))}
.floating-widget{position:absolute;cursor:move;user-select:none;pointer-events:auto;border:2px solid transparent;border-radius:4px;transition:border-color .22s var(--ease-out),box-shadow .22s;z-index:40;contain:layout;isolation:isolate}
.floating-widget.selected{border-color:rgba(45,70,255,.75);box-shadow:0 0 0 1px rgba(45,70,255,.12),0 12px 40px rgba(0,0,0,.25)}
.floating-widget:hover{border-color:rgba(45,70,255,.28)}
.floating-widget.selected .wgi-row:hover .wgi-del-btn{opacity:1!important;pointer-events:auto!important}
.wgi-del-btn:hover{background:rgba(220,50,50,.95)!important;color:#fff!important;border-color:rgba(255,100,100,.35)!important}
.wgi-add-btn:hover{border-color:rgba(45,70,255,.35)!important;background:rgba(45,70,255,.08)!important;color:rgba(200,210,255,.95)!important}
.wgi-text{user-select:text;cursor:text;font-weight:400!important}
.wg-lista{display:flex;flex-direction:column}
.wg-lista-item{display:flex;align-items:flex-start;gap:32px}
.wg-lista-num{border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-family:'Inter',sans-serif;flex-shrink:0;line-height:1}
.wg-lista-text{font-weight:700;line-height:1.35;font-family:'Inter',sans-serif;flex:1}
.wg-stack{display:flex;flex-direction:column;align-items:flex-start}
.wg-stack-badge{display:flex;align-items:center;justify-content:center;font-weight:800;font-family:'Inter',sans-serif;width:100%;letter-spacing:-0.02em;line-height:1.2}
.wg-bullets{display:flex;flex-direction:column}
.wg-bullet-item{display:flex;align-items:flex-start;gap:28px}
.wg-bullet-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:900;font-family:'Inter',sans-serif}
.wg-bullet-text{font-weight:400;line-height:1.4;font-family:'Inter',sans-serif;flex:1}
.widget-sidebar-section{display:flex;flex-direction:column;gap:8px}
/* ── Premium Themes ── */
.theme-velvet-noir .slide{background:linear-gradient(135deg,#0d0010 0%,#1a0022 50%,#0d0010 100%),radial-gradient(ellipse at 40% 40%,rgba(160,60,255,.18) 0%,transparent 55%),radial-gradient(ellipse at 60% 70%,rgba(100,20,220,.12) 0%,transparent 55%),radial-gradient(ellipse at 80% 20%,rgba(200,80,255,.08) 0%,transparent 45%);--text:#F0E6FF}
.theme-velvet-noir .slide::before{background:#1a0022}
.theme-tokyo-night .slide{background:radial-gradient(ellipse at 20% 50%,rgba(50,120,255,.22) 0%,transparent 55%),radial-gradient(ellipse at 80% 30%,rgba(180,60,255,.18) 0%,transparent 50%),radial-gradient(ellipse at 50% 85%,rgba(0,220,200,.10) 0%,transparent 45%),linear-gradient(145deg,#020414 0%,#060820 50%,#020414 100%);--text:#DCF0FF}
.theme-tokyo-night .slide::before{background:#060820}
.theme-onyx-gold .slide{background:linear-gradient(135deg,#080808 0%,#0f0f0f 50%,#080808 100%),radial-gradient(ellipse at 30% 40%,rgba(200,160,50,.14) 0%,transparent 55%),radial-gradient(ellipse at 70% 65%,rgba(180,140,30,.09) 0%,transparent 55%),radial-gradient(ellipse at 55% 15%,rgba(220,180,60,.08) 0%,transparent 45%);--text:#F5EAC0}
.theme-onyx-gold .slide::before{background:#0f0f0f}
.theme-rose-depth .slide{background:radial-gradient(ellipse at 30% 40%,rgba(255,80,140,.20) 0%,transparent 55%),radial-gradient(ellipse at 70% 60%,rgba(220,30,100,.14) 0%,transparent 50%),radial-gradient(ellipse at 50% 20%,rgba(255,100,150,.10) 0%,transparent 45%),linear-gradient(150deg,#1a0510 0%,#260a18 50%,#1a0510 100%);--text:#FFE0F0}
.theme-rose-depth .slide::before{background:#260a18}
.theme-burgundy-noir .slide{background:linear-gradient(135deg,#1a0507 0%,#26090e 50%,#1a0507 100%),radial-gradient(ellipse at 35% 40%,rgba(200,20,60,.18) 0%,transparent 55%),radial-gradient(ellipse at 65% 60%,rgba(160,10,40,.12) 0%,transparent 55%),radial-gradient(ellipse at 50% 15%,rgba(220,40,80,.10) 0%,transparent 45%);--text:#FFE5E8}
.theme-burgundy-noir .slide::before{background:#26090e}
.theme-ocean-teal .slide{background:linear-gradient(135deg,#041418 0%,#0a1e24 50%,#041418 100%),radial-gradient(ellipse at 30% 50%,rgba(0,180,160,.18) 0%,transparent 60%),radial-gradient(ellipse at 70% 30%,rgba(0,200,180,.13) 0%,transparent 55%),radial-gradient(ellipse at 50% 80%,rgba(0,150,140,.10) 0%,transparent 50%);--text:#C0F5EF}
.theme-ocean-teal .slide::before{background:#0a1e24}
.theme-olive-noir .slide{background:linear-gradient(135deg,#0b0f08 0%,#141a0c 50%,#0b0f08 100%),radial-gradient(ellipse at 35% 45%,rgba(120,160,50,.14) 0%,transparent 55%),radial-gradient(ellipse at 65% 55%,rgba(90,130,35,.10) 0%,transparent 55%),radial-gradient(ellipse at 50% 20%,rgba(140,180,60,.08) 0%,transparent 45%);--text:#E0F0CC}
.theme-olive-noir .slide::before{background:#141a0c}
.theme-champagne-gold .slide{background:linear-gradient(135deg,#FAF4E8 0%,#F3E9D2 50%,#FAF4E8 100%),radial-gradient(circle at 30% 30%,rgba(255,220,120,.30) 0%,transparent 50%),radial-gradient(circle at 70% 70%,rgba(210,170,80,.20) 0%,transparent 50%);--text:#1C1408}
.theme-champagne-gold .slide::before{background:#F3E9D2}
.theme-champagne-gold .body-text{color:#fff}.theme-champagne-gold .watermark-badge{background:rgba(0,0,0,.85);color:#fff}
.theme-arctic-ice .slide{background:linear-gradient(135deg,#EBF4FF 0%,#F0F8FF 50%,#EBF4FF 100%),radial-gradient(ellipse at 40% 30%,rgba(100,180,255,.22) 0%,transparent 55%),radial-gradient(ellipse at 65% 70%,rgba(140,200,255,.14) 0%,transparent 55%);--text:#0A1A2E}
.theme-arctic-ice .slide::before{background:#EBF4FF}
.theme-arctic-ice .body-text{color:#fff}.theme-arctic-ice .watermark-badge{background:rgba(0,0,0,.85);color:#fff}
.theme-morning-mist .slide{background:linear-gradient(135deg,#F2F0F8 0%,#ECEAF5 50%,#F2F0F8 100%),radial-gradient(ellipse at 40% 35%,rgba(150,140,220,.18) 0%,transparent 55%),radial-gradient(ellipse at 65% 65%,rgba(120,110,200,.12) 0%,transparent 55%);--text:#1A1530}
.theme-morning-mist .slide::before{background:#ECEAF5}
.theme-morning-mist .body-text{color:#fff}.theme-morning-mist .watermark-badge{background:rgba(0,0,0,.85);color:#fff}
/* ── Pastel Themes ── */
.theme-sakura .slide{background:linear-gradient(135deg,#FFF0F3 0%,#FFE4EA 50%,#FFF0F3 100%),radial-gradient(ellipse at 40% 30%,rgba(255,150,160,.18) 0%,transparent 55%),radial-gradient(ellipse at 65% 70%,rgba(255,180,190,.12) 0%,transparent 55%);--text:#3D1020}
.theme-sakura .slide::before{background:#FFE4EA}
.theme-sakura .body-text{color:#fff}.theme-sakura .watermark-badge{background:rgba(80,0,20,.85);color:#fff}
.theme-lavender-haze .slide{background:linear-gradient(135deg,#F4F0FF 0%,#EBE4FF 50%,#F4F0FF 100%),radial-gradient(ellipse at 40% 35%,rgba(150,120,220,.16) 0%,transparent 55%),radial-gradient(ellipse at 65% 65%,rgba(180,150,240,.10) 0%,transparent 55%);--text:#2A1A50}
.theme-lavender-haze .slide::before{background:#EBE4FF}
.theme-lavender-haze .body-text{color:#fff}.theme-lavender-haze .watermark-badge{background:rgba(40,20,100,.85);color:#fff}
.theme-mint-luxe .slide{background:linear-gradient(135deg,#F0FFF6 0%,#E4FFEE 50%,#F0FFF6 100%),radial-gradient(ellipse at 40% 35%,rgba(80,200,140,.14) 0%,transparent 55%),radial-gradient(ellipse at 65% 65%,rgba(60,180,120,.09) 0%,transparent 55%);--text:#0D3020}
.theme-mint-luxe .slide::before{background:#E4FFEE}
.theme-mint-luxe .body-text{color:#fff}.theme-mint-luxe .watermark-badge{background:rgba(0,60,30,.85);color:#fff}
/* ── Earth Themes ── */
.theme-terracotta .slide{background:linear-gradient(135deg,#1f0f0a 0%,#2d1710 50%,#1f0f0a 100%),radial-gradient(ellipse at 35% 45%,rgba(200,90,60,.22) 0%,transparent 55%),radial-gradient(ellipse at 65% 55%,rgba(180,70,45,.16) 0%,transparent 55%),radial-gradient(ellipse at 50% 20%,rgba(220,110,80,.12) 0%,transparent 45%);--text:#FFE8DF}
.theme-terracotta .slide::before{background:#2d1710}
.theme-sand-dune .slide{background:linear-gradient(135deg,#F8F0E0 0%,#F0E4CA 50%,#F8F0E0 100%),radial-gradient(ellipse at 40% 35%,rgba(200,170,100,.18) 0%,transparent 55%),radial-gradient(ellipse at 65% 65%,rgba(180,150,80,.12) 0%,transparent 55%);--text:#2C1F08}
.theme-sand-dune .slide::before{background:#F0E4CA}
.theme-sand-dune .body-text{color:#fff}.theme-sand-dune .watermark-badge{background:rgba(50,30,0,.85);color:#fff}
.theme-oak-timber .slide{background:linear-gradient(135deg,#1a1008 0%,#24160a 50%,#1a1008 100%),radial-gradient(ellipse at 35% 40%,rgba(140,90,40,.20) 0%,transparent 55%),radial-gradient(ellipse at 65% 60%,rgba(120,75,30,.15) 0%,transparent 55%),radial-gradient(ellipse at 50% 80%,rgba(100,60,20,.12) 0%,transparent 50%);--text:#F5DFC0}
.theme-oak-timber .slide::before{background:#24160a}
/* ── Luxury Themes ── */
.theme-noir-or .slide{background:linear-gradient(135deg,#060606 0%,#0d0d0d 50%,#060606 100%),radial-gradient(ellipse at 30% 35%,rgba(212,175,55,.12) 0%,transparent 50%),radial-gradient(ellipse at 70% 65%,rgba(192,155,45,.08) 0%,transparent 50%),radial-gradient(ellipse at 50% 10%,rgba(230,190,60,.06) 0%,transparent 40%);--text:#D4AF37}
.theme-noir-or .slide::before{background:#0d0d0d}
.theme-hermes .slide{background:linear-gradient(135deg,#1a0d04 0%,#281405 50%,#1a0d04 100%),radial-gradient(ellipse at 35% 40%,rgba(210,100,20,.22) 0%,transparent 55%),radial-gradient(ellipse at 65% 60%,rgba(190,80,10,.16) 0%,transparent 55%),radial-gradient(ellipse at 50% 20%,rgba(230,120,30,.12) 0%,transparent 45%);--text:#FFD4A0}
.theme-hermes .slide::before{background:#281405}
.theme-sapphire .slide{background:linear-gradient(135deg,#030814 0%,#060d1f 50%,#030814 100%),radial-gradient(ellipse at 30% 45%,rgba(30,60,180,.22) 0%,transparent 55%),radial-gradient(ellipse at 70% 55%,rgba(20,50,160,.16) 0%,transparent 55%),radial-gradient(ellipse at 50% 15%,rgba(40,80,200,.12) 0%,transparent 45%);--text:#C8D8FF}
.theme-sapphire .slide::before{background:#060d1f}
.theme-mink .slide{background:linear-gradient(135deg,#1a1612 0%,#221e19 50%,#1a1612 100%),radial-gradient(ellipse at 35% 40%,rgba(180,155,120,.14) 0%,transparent 55%),radial-gradient(ellipse at 65% 60%,rgba(160,135,100,.10) 0%,transparent 55%),radial-gradient(ellipse at 50% 80%,rgba(140,115,85,.08) 0%,transparent 50%);--text:#F0E8DC}
.theme-mink .slide::before{background:#221e19}
/* ── Slide Separators ── */
.slide-separator{position:absolute;top:50px;width:1px;background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.12) 12%,rgba(255,255,255,.18) 50%,rgba(255,255,255,.12) 88%,transparent 100%);pointer-events:none;z-index:400}
/* ── Slide Selection Cursor ── */
.slide-selection-cursor{position:absolute;pointer-events:none;z-index:500;border:2px solid rgba(45,70,255,.8);box-shadow:0 0 0 1px rgba(45,70,255,.18),0 0 28px rgba(45,70,255,.1),inset 0 0 80px rgba(45,70,255,.025);border-radius:2px;transition:left .22s cubic-bezier(.4,0,.2,1)}.slide-selection-cursor::before{content:'';position:absolute;top:-3px;left:50%;transform:translateX(-50%);width:44px;height:3px;background:var(--slide-accent);border-radius:0 0 3px 3px;box-shadow:0 0 12px rgba(45,70,255,.9),0 0 24px rgba(45,70,255,.45)}
.slide-selection-cursor::after{content:'';position:absolute;bottom:-7px;left:50%;transform:translateX(-50%);width:5px;height:5px;border-radius:50%;background:var(--slide-accent);box-shadow:0 0 8px rgba(45,70,255,.7)}
/* ── Unified Ambient Lighting ── */
.unified-ambient-lighting{position:absolute;top:50px;left:50px;pointer-events:none;z-index:2;opacity:1}
.unified-ambient-lighting.hidden{display:none}
/* ── Shadow Direction Dial ── */
.shadow-dial{width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);cursor:grab;position:relative;flex-shrink:0;user-select:none;transition:border-color .2s,box-shadow .2s;box-shadow:0 1px 0 rgba(255,255,255,.04) inset}
.shadow-dial:hover{border-color:rgba(255,255,255,.16);box-shadow:0 0 0 3px rgba(99,102,241,.1)}
.shadow-dial:active{cursor:grabbing}
.shadow-dial::after{content:'';position:absolute;top:50%;left:50%;width:6px;height:6px;background:rgba(255,255,255,.18);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}
.shadow-dial-needle{position:absolute;width:2px;height:16px;left:50%;margin-left:-1px;top:50%;margin-top:-16px;background:var(--accent);border-radius:2px 2px 0 0;transform-origin:50% 100%;transform:rotate(142deg);pointer-events:none}
/* ── Theme Picker Modal ── */
.theme-picker-overlay{position:fixed;inset:0;z-index:2500;display:none}
#hookGradientPickerOverlay{z-index:2600}
.theme-picker-overlay.active{display:block}
.theme-picker-panel{position:absolute;left:0;top:0;width:300px;height:100%;background:rgba(14,14,16,.97);border-right:1px solid var(--border);overflow-y:auto;padding:16px 14px;display:flex;flex-direction:column;gap:6px;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px)}
.theme-picker-panel::-webkit-scrollbar{width:4px}
.theme-picker-panel::-webkit-scrollbar-track{background:transparent}
.theme-picker-panel::-webkit-scrollbar-thumb{background:#333;border-radius:2px}
.theme-picker-header{font-size:11px;font-weight:700;letter-spacing:.08em;color:#555;text-transform:uppercase;padding:4px 0 10px 0;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:4px;display:flex;align-items:center;justify-content:space-between}
.theme-picker-close{background:none;border:none;color:#555;font-size:16px;cursor:pointer;padding:0 2px;line-height:1;transition:color .15s}
.theme-picker-close:hover{color:#fff}
.theme-picker-group-label{font-size:9px;font-weight:700;color:#444;text-transform:uppercase;letter-spacing:.07em;margin:8px 0 5px 0}
.theme-picker-swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:4px}
.theme-swatch-wrap{border-radius:7px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:border-color .15s,transform .12s;position:relative;aspect-ratio:3/4}
.theme-swatch-wrap:hover{transform:scale(1.05);border-color:rgba(255,255,255,.28)}
.theme-swatch-wrap.selected-theme{border-color:var(--accent)}
.theme-swatch-inner{position:absolute;inset:0;overflow:hidden}
.theme-swatch-slide{position:absolute;top:0;left:0;width:1080px;height:1440px;margin:0;cursor:default;transition:none;will-change:auto;flex-shrink:0}
.theme-swatch-label{position:absolute;bottom:0;left:0;right:0;padding:3px 4px;font-size:8.5px;font-weight:700;text-align:center;background:rgba(0,0,0,.62);color:#fff;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* ── Studio Themes ── */
.theme-studio-dark .slide{background:linear-gradient(160deg,#0a0a0a 0%,#111 50%,#0a0a0a 100%),radial-gradient(ellipse 70% 60% at 50% 0%,rgba(255,255,255,.04) 0%,transparent 60%),radial-gradient(ellipse 40% 50% at 20% 100%,rgba(100,100,120,.06) 0%,transparent 55%);--text:#F8F8F8}
.theme-studio-dark .slide::before{background:#111}
.theme-obsidian-prism .slide{background:conic-gradient(from 200deg at 30% 40%,#050508 0deg,#0d0d18 60deg,#090912 120deg,#05050a 180deg,#0c0c16 240deg,#07070e 300deg,#050508 360deg),radial-gradient(ellipse 55% 70% at 25% 30%,rgba(80,60,200,.12) 0%,transparent 60%),radial-gradient(ellipse 45% 60% at 75% 70%,rgba(40,80,180,.09) 0%,transparent 55%);--text:#E8E8FF}
.theme-obsidian-prism .slide::before{background:#0d0d18}
.theme-eclipse-blue .slide{background:radial-gradient(ellipse 80% 90% at 50% 110%,rgba(0,80,200,.35) 0%,rgba(0,40,120,.18) 40%,transparent 70%),radial-gradient(ellipse 60% 50% at 50% -10%,rgba(20,60,160,.15) 0%,transparent 60%),linear-gradient(180deg,#030610 0%,#050820 40%,#02040e 100%);--text:#C8D8FF}
.theme-eclipse-blue .slide::before{background:#050820}
.theme-phantom-violet .slide{background:radial-gradient(ellipse 75% 80% at 50% 105%,rgba(120,0,220,.30) 0%,rgba(80,0,160,.15) 45%,transparent 70%),radial-gradient(ellipse 50% 40% at 50% -5%,rgba(100,20,200,.12) 0%,transparent 55%),linear-gradient(180deg,#08020f 0%,#0f0420 45%,#05010a 100%);--text:#DCC8FF}
.theme-phantom-violet .slide::before{background:#0f0420}
.theme-deep-crimson .slide{background:radial-gradient(ellipse 70% 80% at 50% 110%,rgba(200,0,40,.32) 0%,rgba(140,0,30,.16) 45%,transparent 70%),radial-gradient(ellipse 55% 40% at 50% -5%,rgba(180,10,35,.12) 0%,transparent 55%),linear-gradient(180deg,#0d0103 0%,#1a0206 45%,#080102 100%);--text:#FFCCD5}
.theme-deep-crimson .slide::before{background:#1a0206}
.theme-iron-forge .slide{background:radial-gradient(ellipse 60% 70% at 50% 100%,rgba(160,160,180,.10) 0%,transparent 60%),radial-gradient(ellipse 70% 40% at 50% 0%,rgba(200,200,220,.05) 0%,transparent 50%),linear-gradient(180deg,#0c0c0e 0%,#131316 50%,#090909 100%);--text:#D8D8E8}
.theme-iron-forge .slide::before{background:#131316}
/* ── Neon Themes ── */
.theme-neon-cyber .slide{background:linear-gradient(135deg,#020812 0%,#040e1e 50%,#020812 100%),radial-gradient(ellipse 50% 55% at 20% 30%,rgba(0,255,180,.10) 0%,transparent 60%),radial-gradient(ellipse 45% 50% at 80% 70%,rgba(0,160,255,.10) 0%,transparent 55%),radial-gradient(ellipse 35% 40% at 50% 10%,rgba(120,0,255,.08) 0%,transparent 50%);--text:#B0FFF0}
.theme-neon-cyber .slide::before{background:#040e1e}
.theme-neon-plasma .slide{background:linear-gradient(135deg,#0a0012 0%,#120020 50%,#0a0012 100%),radial-gradient(ellipse 55% 60% at 30% 40%,rgba(255,0,200,.12) 0%,transparent 55%),radial-gradient(ellipse 50% 55% at 70% 60%,rgba(100,0,255,.12) 0%,transparent 55%),radial-gradient(ellipse 40% 35% at 50% 80%,rgba(200,0,150,.08) 0%,transparent 50%);--text:#FFC0F8}
.theme-neon-plasma .slide::before{background:#120020}
.theme-neon-acid .slide{background:linear-gradient(135deg,#040c00 0%,#081400 50%,#040c00 100%),radial-gradient(ellipse 55% 60% at 30% 40%,rgba(100,255,0,.12) 0%,transparent 55%),radial-gradient(ellipse 45% 50% at 75% 65%,rgba(0,255,80,.09) 0%,transparent 50%),radial-gradient(ellipse 35% 40% at 50% 15%,rgba(180,255,0,.07) 0%,transparent 50%);--text:#C8FFB0}
.theme-neon-acid .slide::before{background:#081400}
.theme-neon-sunset .slide{background:linear-gradient(180deg,#0c0408 0%,#180810 40%,#220510 75%,#2a0508 100%),radial-gradient(ellipse 70% 50% at 50% 0%,rgba(255,60,0,.15) 0%,transparent 60%),radial-gradient(ellipse 60% 60% at 50% 100%,rgba(255,0,80,.20) 0%,transparent 55%);--text:#FFD4C0}
.theme-neon-sunset .slide::before{background:#180810}
/* ── Luxury II Themes ── */
.theme-obsidian-gold .slide{background:linear-gradient(145deg,#060504 0%,#0e0c08 40%,#080604 100%),radial-gradient(ellipse 60% 70% at 20% 20%,rgba(255,200,50,.09) 0%,transparent 55%),radial-gradient(ellipse 50% 60% at 80% 80%,rgba(220,170,40,.07) 0%,transparent 55%),radial-gradient(ellipse 40% 35% at 50% 50%,rgba(200,150,30,.04) 0%,transparent 60%);--text:#F5E8C0}
.theme-obsidian-gold .slide::before{background:#0e0c08}
.theme-midnight-rose .slide{background:radial-gradient(ellipse 60% 65% at 30% 35%,rgba(200,40,100,.14) 0%,transparent 55%),radial-gradient(ellipse 55% 60% at 70% 65%,rgba(160,20,80,.10) 0%,transparent 55%),radial-gradient(ellipse 40% 35% at 50% 90%,rgba(220,60,120,.07) 0%,transparent 50%),linear-gradient(150deg,#0c0108 0%,#150210 50%,#0a0106 100%);--text:#FFD8E8}
.theme-midnight-rose .slide::before{background:#150210}
.theme-arctic-aurora .slide{background:radial-gradient(ellipse 55% 60% at 20% 30%,rgba(0,220,180,.14) 0%,transparent 55%),radial-gradient(ellipse 50% 55% at 75% 60%,rgba(80,100,255,.12) 0%,transparent 55%),radial-gradient(ellipse 35% 45% at 50% 85%,rgba(0,180,220,.09) 0%,transparent 50%),linear-gradient(160deg,#020c12 0%,#040e18 50%,#020a10 100%);--text:#C0F8F8}
.theme-arctic-aurora .slide::before{background:#040e18}
.theme-volcanic-ash .slide{background:radial-gradient(ellipse 65% 70% at 40% 50%,rgba(180,80,20,.12) 0%,transparent 55%),radial-gradient(ellipse 50% 55% at 70% 30%,rgba(140,60,10,.09) 0%,transparent 50%),radial-gradient(ellipse 40% 40% at 20% 80%,rgba(160,70,15,.07) 0%,transparent 50%),linear-gradient(135deg,#100804 0%,#180c05 50%,#0d0603 100%);--text:#F0D8C0}
.theme-volcanic-ash .slide::before{background:#180c05}
.theme-deep-sea .slide{background:radial-gradient(ellipse 60% 70% at 50% 110%,rgba(0,120,180,.22) 0%,rgba(0,80,140,.12) 45%,transparent 70%),radial-gradient(ellipse 45% 40% at 30% 20%,rgba(0,160,200,.08) 0%,transparent 55%),radial-gradient(ellipse 40% 45% at 70% 25%,rgba(0,100,160,.07) 0%,transparent 50%),linear-gradient(180deg,#010c14 0%,#021220 50%,#010a10 100%);--text:#B0E8FF}
.theme-deep-sea .slide::before{background:#021220}
.theme-ember-noir .slide{background:radial-gradient(ellipse 55% 65% at 30% 40%,rgba(220,80,20,.12) 0%,transparent 55%),radial-gradient(ellipse 50% 55% at 70% 60%,rgba(180,50,10,.09) 0%,transparent 50%),radial-gradient(ellipse 35% 40% at 50% 85%,rgba(240,100,30,.07) 0%,transparent 50%),linear-gradient(140deg,#0d0501 0%,#160802 50%,#0a0401 100%);--text:#FFD8B0}
.theme-ember-noir .slide::before{background:#160802}
/* ── Gradientes II ── */
/* Velvet Bloom: deep plum → hot pink bloom */
.theme-velvet-bloom .slide{background:
  radial-gradient(ellipse 80% 70% at 25% 35%,rgba(217,70,239,.72) 0%,transparent 58%),
  radial-gradient(ellipse 70% 65% at 75% 65%,rgba(236,72,153,.60) 0%,transparent 55%),
  radial-gradient(ellipse 55% 50% at 50% 90%,rgba(168,85,247,.42) 0%,transparent 52%),
  linear-gradient(155deg,#0a0415 0%,#160828 50%,#0d0520 100%);--text:#FFD6F5}
/* Solar Flare: scorching orange-yellow burst */
.theme-solar-flare .slide{background:
  radial-gradient(ellipse 85% 70% at 50% 35%,rgba(255,200,0,.78) 0%,transparent 55%),
  radial-gradient(ellipse 65% 60% at 25% 70%,rgba(255,120,0,.58) 0%,transparent 55%),
  radial-gradient(ellipse 60% 55% at 78% 68%,rgba(255,60,20,.48) 0%,transparent 52%),
  linear-gradient(160deg,#0d0500 0%,#1c0a00 50%,#0f0700 100%);--text:#FFF0C8}
/* Arctic Drift: icy cyan-white cold light */
.theme-arctic-drift .slide{background:
  radial-gradient(ellipse 80% 65% at 30% 25%,rgba(150,230,255,.65) 0%,transparent 58%),
  radial-gradient(ellipse 70% 60% at 72% 68%,rgba(60,180,255,.52) 0%,transparent 55%),
  radial-gradient(ellipse 55% 48% at 55% 85%,rgba(200,240,255,.38) 0%,transparent 52%),
  linear-gradient(160deg,#010810 0%,#021018 50%,#010c14 100%);--text:#E8FBFF}
/* Midnight Grove: forest green moonlight */
.theme-midnight-grove .slide{background:
  radial-gradient(ellipse 78% 68% at 28% 38%,rgba(34,197,94,.65) 0%,transparent 58%),
  radial-gradient(ellipse 65% 60% at 72% 62%,rgba(16,185,129,.50) 0%,transparent 55%),
  radial-gradient(ellipse 52% 45% at 50% 85%,rgba(6,148,102,.38) 0%,transparent 52%),
  linear-gradient(155deg,#020905 0%,#041410 50%,#020b06 100%);--text:#CCFFE8}
/* Lava Flow: deep crimson-orange magma */
.theme-lava-flow .slide{background:
  radial-gradient(ellipse 80% 70% at 50% 75%,rgba(255,80,0,.75) 0%,transparent 55%),
  radial-gradient(ellipse 65% 58% at 25% 40%,rgba(220,30,0,.58) 0%,transparent 55%),
  radial-gradient(ellipse 55% 50% at 78% 30%,rgba(255,140,20,.45) 0%,transparent 52%),
  linear-gradient(160deg,#100200 0%,#1e0400 50%,#140300 100%);--text:#FFE0CC}
/* Nebula: cosmic deep space purple-blue-pink */
.theme-nebula .slide{background:
  radial-gradient(ellipse 70% 65% at 20% 30%,rgba(99,102,241,.70) 0%,transparent 58%),
  radial-gradient(ellipse 65% 60% at 78% 55%,rgba(236,72,153,.58) 0%,transparent 55%),
  radial-gradient(ellipse 55% 50% at 50% 80%,rgba(168,85,247,.48) 0%,transparent 52%),
  radial-gradient(ellipse 45% 42% at 62% 22%,rgba(56,189,248,.35) 0%,transparent 48%),
  linear-gradient(150deg,#050308 0%,#0c0618 50%,#060410 100%);--text:#F0E8FF}
/* Teal Fire: electric teal meets hot amber */
.theme-teal-fire .slide{background:
  radial-gradient(ellipse 72% 65% at 22% 35%,rgba(20,184,166,.70) 0%,transparent 58%),
  radial-gradient(ellipse 65% 60% at 75% 30%,rgba(245,158,11,.58) 0%,transparent 55%),
  radial-gradient(ellipse 55% 48% at 55% 78%,rgba(6,182,212,.45) 0%,transparent 52%),
  linear-gradient(160deg,#020c0a 0%,#041812 50%,#030e0b 100%);--text:#CCFFF5}
/* Dusk Canyon: terracotta-rose desert sunset */
.theme-dusk-canyon .slide{background:
  radial-gradient(ellipse 75% 65% at 35% 30%,rgba(249,115,22,.62) 0%,transparent 58%),
  radial-gradient(ellipse 65% 58% at 70% 65%,rgba(244,63,94,.50) 0%,transparent 55%),
  radial-gradient(ellipse 52% 45% at 50% 88%,rgba(251,146,60,.40) 0%,transparent 52%),
  linear-gradient(155deg,#0e0604 0%,#1c0f07 50%,#120a05 100%);--text:#FFE8D5}
/* Polar Lights: teal-green aurora on deep arctic */
.theme-polar-lights .slide{background:
  radial-gradient(ellipse 80% 55% at 50% 20%,rgba(52,211,153,.72) 0%,transparent 55%),
  radial-gradient(ellipse 65% 60% at 20% 70%,rgba(16,185,129,.52) 0%,transparent 55%),
  radial-gradient(ellipse 55% 50% at 80% 65%,rgba(6,182,212,.45) 0%,transparent 52%),
  radial-gradient(ellipse 45% 40% at 50% 55%,rgba(139,92,246,.30) 0%,transparent 48%),
  linear-gradient(160deg,#010a08 0%,#021510 50%,#010c0a 100%);--text:#CCFFE8}
/* Wine Cellar: deep burgundy-rose richness */
.theme-wine-cellar .slide{background:
  radial-gradient(ellipse 72% 65% at 28% 38%,rgba(190,18,60,.70) 0%,transparent 58%),
  radial-gradient(ellipse 62% 58% at 72% 62%,rgba(220,38,127,.55) 0%,transparent 55%),
  radial-gradient(ellipse 50% 45% at 50% 85%,rgba(157,23,77,.40) 0%,transparent 52%),
  linear-gradient(150deg,#0c0208 0%,#180410 50%,#0e0309 100%);--text:#FFCCDF}
/* ── Flat Bold Themes ── */
.theme-flat-cobalt .slide{background:#1a3a6e;--text:#FFFFFF}
.theme-flat-cobalt .slide::before{background:#1a3a6e}
.theme-flat-forest .slide{background:#1a4a2e;--text:#FFFFFF}
.theme-flat-forest .slide::before{background:#1a4a2e}
.theme-flat-crimson .slide{background:#8b1a1a;--text:#FFFFFF}
.theme-flat-crimson .slide::before{background:#8b1a1a}
.theme-flat-slate .slide{background:#2d3748;--text:#FFFFFF}
.theme-flat-slate .slide::before{background:#2d3748}
.theme-flat-sand .slide{background:#c8a97e;--text:#1a1008}
.theme-flat-sand .slide::before{background:#c8a97e}
.theme-flat-sand .body-text{color:#fff}.theme-flat-sand .watermark-badge{background:rgba(0,0,0,.8);color:#fff}
.theme-flat-violet .slide{background:#4a1a8a;--text:#FFFFFF}
.theme-flat-violet .slide::before{background:#4a1a8a}