.drop-zone{border:1.5px dashed var(--border-2);border-radius:var(--radius-card);background:var(--bg);text-align:center;cursor:pointer;min-height:118px;transition:all var(--t-fast);flex-direction:column;justify-content:center;align-items:center;padding:1rem;display:flex}.drop-zone:hover,.drop-zone.over{border-color:var(--blue);background:var(--blue-dim)}.drop-zone:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.thumbs{flex-wrap:wrap;gap:.375rem;display:flex}.thumb{cursor:pointer;border:2px solid #0000;border-radius:8px;width:52px;height:52px;position:relative;overflow:hidden}.thumb.active{border-color:var(--blue)}.thumb img{object-fit:cover;width:100%;height:100%}.thumb-n{color:#fff;background:#0009;border-top-right-radius:5px;outline:none;padding:0 4px;font-size:9px;font-weight:700;position:absolute;bottom:0;left:0}.thumb-rm{color:#fff;cursor:pointer;background:#0009;border:0;border-radius:50%;width:15px;height:15px;font-size:11px;line-height:1;position:absolute;top:1px;right:1px}.thumb-rm:hover{background:var(--red)}.thumb-logo{background:var(--blue);color:#fff;pointer-events:none;border-radius:50%;place-items:center;width:15px;height:15px;font-size:8px;font-weight:800;display:grid;position:absolute;top:1px;left:1px}.thumb[draggable=true]{cursor:grab}.thumb.arrastrando{opacity:.4}.thumb.destino{border-color:var(--blue);border-style:dashed}#logoSlidesBlock{display:none}#logoSlidesBlock.show{display:block}.logo-preset{border:1px solid var(--border);background:var(--bg);color:var(--text-2);cursor:pointer;transition:all var(--t-fast);border-radius:999px;padding:3px 8px;font-size:10px;font-weight:600}.logo-preset:hover{border-color:var(--blue-bdr);color:var(--blue)}.panel-plegable>summary{color:var(--text-2);cursor:pointer;user-select:none;justify-content:space-between;align-items:center;gap:.5rem;font-size:11px;font-weight:600;list-style:none;display:flex}.panel-plegable>summary::-webkit-details-marker{display:none}.panel-plegable>summary:hover{color:var(--text)}.panel-plegable>summary:after{content:"";width:7px;height:7px;transition:transform var(--t-fast);border-bottom:1.5px solid;border-right:1.5px solid;transform:rotate(45deg)translate(-2px,-2px)}.panel-plegable[open]>summary:after{transform:rotate(-135deg)translate(-2px,-2px)}.panel-plegable[open]>summary{margin-bottom:.625rem}.zona-btn{border:1px solid var(--border);background:var(--bg);color:var(--text-2);cursor:pointer;transition:all var(--t-fast);border-radius:8px;padding:6px 4px;font-size:10px;font-weight:600}.zona-btn:hover{border-color:var(--blue-bdr)}.zona-btn.active{background:var(--blue);color:#fff;border-color:#0000}.logo-chips{flex-wrap:wrap;gap:4px;display:flex}.logo-chip{border:1px solid var(--border);background:var(--bg);min-width:26px;color:var(--text-3);font-family:var(--font-mono,monospace);cursor:pointer;transition:all var(--t-fast);border-radius:6px;padding:3px 6px;font-size:10px;font-weight:700}.logo-chip:hover{border-color:var(--blue-bdr)}.logo-chip[aria-pressed=true]{background:var(--blue);color:#fff;border-color:#0000}.fmt-btn,.fill-opt{border:1px solid var(--border);background:var(--surface);color:var(--text-2);text-align:center;cursor:pointer;transition:all var(--t-fast);border-radius:.5rem;padding:.5rem .35rem}.fmt-btn:hover,.fill-opt:hover{border-color:var(--blue-bdr);color:var(--blue)}.fmt-btn.active,.fill-opt.active{border-color:var(--blue);background:var(--blue-dim);color:var(--blue)}.fmt-icon{opacity:.65;border:1.5px solid;border-radius:3px;width:22px;margin:0 auto;display:block}.fill-opt{flex-direction:column;align-items:center;display:flex}.story-choice-btn,.exp-fmt-btn{border:1px solid var(--border);background:var(--surface);color:var(--text-2);cursor:pointer;transition:all var(--t-fast);border-radius:.5rem;padding:.5rem;font-size:11px;font-weight:600}.story-choice-btn:hover,.exp-fmt-btn:hover{border-color:var(--blue-bdr);color:var(--blue)}.story-choice-btn.active,.exp-fmt-btn.active{border-color:var(--blue);background:var(--blue-dim);color:var(--blue)}.story-output[hidden],#storyMp4Controls[hidden]{display:none}.blur-row.disabled{opacity:.45;pointer-events:none}.logo-preview-row{border:1px solid var(--border);background:var(--bg);border-radius:.5rem;align-items:center;gap:.5rem;margin-top:.5rem;padding:.375rem .5rem;display:none}.logo-preview-row.show{display:flex}.logo-preview{object-fit:contain;background:var(--bg-3);border-radius:4px;width:28px;height:28px}.logo-controls{flex-direction:column;gap:.625rem;margin-top:.75rem;display:none}.logo-controls.show{display:flex}.img-info{display:none}.img-info.show{display:block}#previewCanvas{border-radius:6px;width:auto;max-width:100%;height:auto;max-height:68vh;box-shadow:0 15px 45px #1b253c40}#previewCanvas.rendering{opacity:.6}.marco-telefono{height:min(70vh,700px)}.marco-pantalla{flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.marco-pantalla #previewCanvas{max-width:100%;max-height:100%;box-shadow:none;border-radius:0}#previewCanvas.has-logo{cursor:grab;touch-action:none}#previewCanvas.has-logo.dragging-logo{cursor:grabbing}.logo-guides{pointer-events:none;z-index:20;display:none;position:fixed}.logo-guides.show{display:block}.logo-guide{background:var(--blue);opacity:.9;display:none;position:absolute;box-shadow:0 0 0 1px #ffffff80}.logo-guides.snap-x .logo-guide-v{width:1px;display:block;top:0;bottom:0;left:50%}.logo-guides.snap-y .logo-guide-h{height:1px;display:block;top:50%;left:0;right:0}.proc-bar{background:var(--bg-3);height:3px;display:none}.proc-bar.show{display:block}.proc-fill{background:var(--blue);width:0;height:100%;transition:width .2s}.mp4-progress-modal[hidden]{display:none}.mp4-progress-modal{z-index:60;backdrop-filter:blur(5px);background:#0a101c94;place-items:center;padding:1.25rem;display:grid;position:fixed;inset:0}.spinning{animation:.9s linear infinite sfs-spin}@keyframes sfs-spin{to{transform:rotate(360deg)}}