/* =========================================================
   Dicrear · Quitar fondo (usa también dicrear-studio.css)
   ========================================================= */
.qf-zona{background:#fff;border:2px dashed #c8ccd2;border-radius:18px;padding:2.6rem 1.2rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.6rem;transition:.15s}
.qf-zona.sobre{border-color:var(--ms-pri);background:#e7f9fd}
.qf-zona>i{font-size:3rem;color:#9aa1a9}
.qf-zona h2{font-size:1.3rem;font-weight:800;margin:0;color:var(--ms-tinta)}
.qf-zona small{color:var(--ms-gris)}
.ms-btn.grande{padding:.85rem 1.6rem;font-size:1rem}
.qf-tips{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1.4rem;margin-top:1rem;font-size:.84rem;color:#4b5563}
.qf-tips i{color:var(--ms-pri)}
.qf-app{display:none}
body.qf-con-imagen .qf-app{display:grid}
body.qf-con-imagen .qf-zona{display:none}
.qf-modos{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;margin-bottom:.4rem}
.qf-modos button{display:flex;flex-direction:column;align-items:flex-start;gap:.05rem;background:#fff;border:1.5px solid var(--ms-borde);border-radius:10px;padding:.55rem .6rem;text-align:left}
.qf-modos button i{font-size:1.25rem;color:var(--ms-pri)}
.qf-modos button b{font-size:.82rem;color:var(--ms-tinta)}
.qf-modos button small{font-size:.68rem;color:var(--ms-gris)}
.qf-modos button.on{border-color:var(--ms-tinta);background:#f6f7f9}
.qf-colores{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;margin:.3rem 0 .2rem}
.qf-c{width:32px;height:32px;border-radius:8px;border:1px solid rgba(0,0,0,.18);position:relative}
.qf-c button{position:absolute;top:-7px;right:-7px;width:18px;height:18px;border-radius:50%;border:0;background:#1f2a37;color:#fff;font-size:.75rem;line-height:1;padding:0}
.qf-gotero{border:1.5px dashed #c8ccd2;background:#fff;border-radius:8px;font-size:.74rem;font-weight:600;padding:.35rem .55rem;color:var(--ms-tinta)}
.qf-vistas{display:flex;align-items:center;gap:.3rem}
.qf-vistas>button[data-vista]{width:32px;height:32px;border-radius:8px;border:1.5px solid var(--ms-borde);background:#fff;display:grid;place-items:center;padding:0}
.qf-vistas>button.on{border-color:var(--ms-tinta)}
.qf-vistas button>span{width:16px;height:16px;border-radius:4px;display:block;border:1px solid rgba(0,0,0,.15)}
.qf-vistas .b{background:#fff}.qf-vistas .n{background:#16181d}.qf-vistas .c{background:linear-gradient(135deg,#0dcaf0,#e83e8c)}
.qf-vista{position:relative;border-radius:10px;overflow:hidden;display:flex;justify-content:center;align-items:center;min-height:360px}
.qf-vista[data-fondo=cuadros]{background:repeating-conic-gradient(#e9ecef 0 25%,#fff 0 50%) 0 0/22px 22px}
.qf-vista[data-fondo=blanco]{background:#fff;box-shadow:inset 0 0 0 1px var(--ms-borde)}
.qf-vista[data-fondo=negro]{background:#16181d}
.qf-vista[data-fondo=color]{background:linear-gradient(135deg,#bdefff,#ffd1e8)}
#qfLienzo{display:block;max-width:100%;max-height:70vh;width:auto;height:auto;touch-action:none}
#qfLienzo.pintando{cursor:none}
#qfLienzo.gotero{cursor:crosshair}
.qf-cursor{position:absolute;border:2px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.5);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}
.qf-vista{--x:0}
.qf-ia{position:absolute;inset:0;background:rgba(255,255,255,.82);display:grid;place-items:center;text-align:center;padding:1rem}
.qf-ia>div{max-width:380px;font-size:.88rem;font-weight:600;color:var(--ms-tinta)}
.qf-ia i{display:block;height:8px;background:#e6e8ec;border-radius:8px;margin-top:.7rem;overflow:hidden}
.qf-ia b{display:block;height:100%;width:3%;background:linear-gradient(90deg,#0b7fab,#0dcaf0);transition:width .2s}
.qf-pinceles{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem;margin-bottom:.3rem}
.qf-pinceles button{border:1.5px solid var(--ms-borde);background:#fff;border-radius:9px;padding:.45rem .2rem;font-size:.76rem;font-weight:600;display:flex;flex-direction:column;align-items:center;gap:.1rem;color:var(--ms-tinta)}
.qf-pinceles button i{font-size:1.15rem}
.qf-pinceles button.on{border-color:var(--ms-tinta);background:#f6f7f9}
.qf .ms-panel a.ms-btn{text-decoration:none}
@media(max-width:767px){.qf-vista{min-height:240px}.qf-vistas #qfComparar{font-size:0;padding:.35rem .5rem}.qf-vistas #qfComparar i{font-size:1rem}}
.ms-btn.verde{background:var(--ms-ok);border-color:var(--ms-ok);color:#fff!important}
.ms-btn.verde:hover{background:#146c43;border-color:#146c43}
.qf-hd-izq{display:flex;align-items:center;gap:.6rem;min-width:0}
.qf-hd-izq #qfInfo{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qf .ms-vista-hd{flex-wrap:wrap}
.qf-presets{display:grid;grid-template-columns:1fr 1fr;gap:.3rem;margin:.25rem 0 .5rem}
.qf-presets button{border:1.5px solid var(--ms-borde);background:#fff;border-radius:8px;font-size:.76rem;font-weight:600;padding:.4rem .3rem;color:var(--ms-tinta)}
.qf-presets button.on{border-color:var(--ms-tinta);background:#f6f7f9}
.qf-ayuda{display:block;font-size:.7rem;color:var(--ms-gris);line-height:1.35;margin:-.1rem 0 .2rem}
.qf-pinceles{grid-template-columns:repeat(4,1fr)!important}
.qf-ia i.indef b{width:35%!important;animation:qfIndef 1.2s ease-in-out infinite}
@keyframes qfIndef{0%{transform:translateX(-110%)}100%{transform:translateX(320%)}}
.qf-zoom{display:inline-flex;align-items:center;border:1.5px solid var(--ms-borde);border-radius:8px;overflow:hidden;background:#fff}
.qf-zoom button{border:0;background:#fff;width:28px;height:30px;font-size:1rem;font-weight:700;color:var(--ms-tinta);display:grid;place-items:center;padding:0}
.qf-zoom button:hover{background:#f1f3f5}
.qf-zoom b{font-size:.72rem;min-width:44px;text-align:center}
.qf-vista.con-zoom{cursor:grab}
.qf-vista.moviendo{cursor:grabbing}
#qfLienzo{will-change:transform}
.qf-zoom-ayuda{position:absolute;left:8px;bottom:8px;font-size:.7rem;background:rgba(255,255,255,.88);border-radius:20px;padding:.15rem .6rem;color:#4b5563;pointer-events:none}
@media(max-width:767px){.qf-zoom-ayuda{display:none}}