#genbackfam-root{max-width:100%;font-family:'Segoe UI',Arial,sans-serif}@media (max-width:1000px){#genbackfam-root{padding:1em;max-width:100vw}}@media (max-width:700px){#genbackfam-root{padding:.5em}}.genbackfam-section{margin-bottom:1.5em}.genbackfam-res-list{display:flex;flex-wrap:wrap;gap:1em}@media (max-width:700px){.genbackfam-res-list{gap:.5em}}.genbackfam-res-item{background:#23272f;border-radius:6px;padding:.7em 1.2em;cursor:pointer;transition:background 0.2s,color 0.2s;color:#bfc7d5;min-width:120px;min-height:60px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;border:2px solid #fff0;position:relative}.genbackfam-res-item.selected{background:#0073aa;color:#fff;border:2px solid #00bfff}.genbackfam-res-item::after{content:attr(data-devices);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:#2c3e50;color:#ecf0f1;padding:.5em .8em;border-radius:4px;font-size:.85em;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity 0.3s,visibility 0.3s;pointer-events:none;z-index:10;margin-bottom:8px;box-shadow:0 2px 8px rgb(0 0 0 / .3)}.genbackfam-res-item:hover::after{opacity:1;visibility:visible}.genbackfam-warning{background:#f39c12;color:#fff;padding:.8em 1em;border-radius:6px;margin:1em 0;font-size:.9em;display:flex;align-items:center;gap:.5em}.genbackfam-warning::before{content:"⚠️";font-size:1.2em}.genbackfam-thumb{width:120px;height:80px;object-fit:cover;border:2px solid #eee;border-radius:6px;margin-bottom:1em}.genbackfam-canvas-workspace{position:relative;width:100%;max-width:100%;aspect-ratio:7/5;margin:0 auto 1.5em auto;background:#181818;border-radius:12px;box-shadow:0 2px 16px rgb(0 0 0 / .18);overflow:hidden;display:flex;align-items:center;justify-content:center}@media (max-width:700px){.genbackfam-canvas-workspace{max-width:100%;aspect-ratio:1/1;min-height:280px}}.genbackfam-canvas-propbox{position:absolute;border:2px solid #00bfff;box-sizing:border-box;z-index:3;pointer-events:none;border-radius:6px}.genbackfam-canvas-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgb(0 0 0 / .45);z-index:2;pointer-events:none}.genbackfam-canvas-cropbox{position:absolute;border:2px dashed #00bfff;box-sizing:border-box;cursor:move;background:rgb(0 191 255 / .08);z-index:2}.genbackfam-canvas-cropbox .resize-handle{position:absolute;width:12px;height:12px;background:#00bfff;border-radius:50%;border:2px solid #fff;z-index:3}.genbackfam-canvas-cropbox .resize-handle.nw{left:-7px;top:-7px;cursor:nwse-resize}.genbackfam-canvas-cropbox .resize-handle.ne{right:-7px;top:-7px;cursor:nesw-resize}.genbackfam-canvas-cropbox .resize-handle.sw{left:-7px;bottom:-7px;cursor:nesw-resize}.genbackfam-canvas-cropbox .resize-handle.se{right:-7px;bottom:-7px;cursor:nwse-resize}.genbackfam-controls{display:flex;gap:1em;align-items:center;margin-bottom:1em;flex-wrap:wrap}@media (max-width:700px){.genbackfam-controls{gap:.5em;flex-direction:column;align-items:stretch}}.genbackfam-btn{background:#0073aa;color:#fff;border:none;border-radius:4px;padding:.6em 1.2em;cursor:pointer;font-size:1em;transition:background 0.2s;margin-bottom:.2em}.genbackfam-btn:hover{background:#005177}.genbackfam-fondo-panel{display:flex;gap:1em;align-items:center;background:#23272f;border-radius:8px;padding:.7em 1em;margin-bottom:1em;flex-wrap:wrap}@media (max-width:700px){.genbackfam-fondo-panel{flex-direction:column;gap:.5em;align-items:stretch;padding:.7em .5em}}.genbackfam-fondo-panel label{font-weight:500;color:#bfc7d5;margin-right:.5em}.genbackfam-fondo-panel select,.genbackfam-fondo-panel input[type="color"]{margin-left:.3em;margin-right:.7em;border-radius:4px;border:1px solid #444;background:#181818;color:#fff;padding:.2em .5em;font-size:1em}.genbackfam-fondo-panel input[type="color"]{width:2.2em;height:2.2em;padding:0;border:none;background:none}.genbackfam-section label b{display:block;margin-bottom:12px}.genbackfam-loading{display:flex;align-items:center;gap:.8em;margin-top:1em;color:#0073aa;font-weight:500}.genbackfam-spinner{width:20px;height:20px;border:2px solid #e3e3e3;border-top:2px solid #0073aa;border-radius:50%;animation:genbackfam-spin 1s linear infinite}@keyframes genbackfam-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@media (max-width:700px){.genbackfam-canvas-workspace{touch-action:none}}.genbackfam-download-buttons{display:flex;gap:1em;flex-wrap:wrap;align-items:center;margin-bottom:1em}@media (max-width:700px){.genbackfam-download-buttons{flex-direction:column;gap:.8em}.genbackfam-download-buttons .genbackfam-btn{width:100%}}.genbackfam-btn-secondary{background:#28a745}.genbackfam-btn-secondary:hover{background:#218838}.genbackfam-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .8);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1em;box-sizing:border-box}.genbackfam-modal-content{background:#fff;border-radius:12px;max-width:90vw;max-height:90vh;overflow:auto;box-shadow:0 8px 32px rgb(0 0 0 / .3);position:relative}.genbackfam-modal-header{padding:1.5em 2em 1em 2em;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;background:#f8f9fa;border-radius:12px 12px 0 0}.genbackfam-modal-header h3{margin:0;color:#333;font-size:1.3em}.genbackfam-modal-close{background:none;border:none;font-size:2em;cursor:pointer;color:#666;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all 0.2s}.genbackfam-modal-close:hover{background:#e9ecef;color:#333}.genbackfam-modal-body{padding:2em;text-align:center}.genbackfam-result-image{max-width:100%;max-height:70vh;border-radius:8px;box-shadow:0 4px 16px rgb(0 0 0 / .1);margin-bottom:1.5em;display:block;margin-left:auto;margin-right:auto}.genbackfam-modal-actions{display:flex;flex-direction:column;gap:1em;align-items:center}.genbackfam-mobile-tip{color:#666;font-size:.9em;margin:0;padding:.8em;background:#f8f9fa;border-radius:6px;border-left:4px solid #007cba;text-align:left;max-width:100%}@media (max-width:700px){.genbackfam-modal{padding:.5em}.genbackfam-modal-content{max-width:95vw;max-height:95vh}.genbackfam-modal-header{padding:1em 1.5em .8em 1.5em}.genbackfam-modal-header h3{font-size:1.1em}.genbackfam-modal-body{padding:1.5em 1em}.genbackfam-result-image{max-height:60vh}.genbackfam-mobile-tip{font-size:.85em;display:block}}@media (min-width:701px){.genbackfam-mobile-tip{display:none}}