:root{--bg-0: #1a1d23;--bg-1: #22262e;--bg-2: #2a2f38;--bg-3: #353b46;--bg-4: #424a57;--line: #3a4150;--text: #e6e8ed;--text-dim: #9aa3b2;--text-muted: #6b7280;--accent: #5b8def;--accent-2: #4a7ce0;--warn: #e8a87c;--danger: #e87c7c;--ok: #7ce8a0;--shadow: 0 4px 16px rgba(0, 0, 0, .3)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,sans-serif;font-size:13px;color:var(--text);background:var(--bg-0);-webkit-user-select:none;user-select:none}button,input,textarea,select{font-family:inherit}.btn{background:var(--bg-2);color:var(--text);border:1px solid var(--line);border-radius:4px;padding:5px 10px;font-size:12px;cursor:pointer;transition:background .15s}.btn:hover{background:var(--bg-3)}.btn:active{background:var(--bg-4)}.btn-sm{background:var(--bg-2);color:var(--text);border:1px solid var(--line);border-radius:3px;padding:3px 8px;font-size:11px;cursor:pointer}.btn-sm:hover{background:var(--bg-3)}.btn-sm.active{background:var(--accent);color:#fff;border-color:var(--accent-2)}.icon-btn{background:var(--bg-2);color:var(--text);border:1px solid var(--line);border-radius:4px;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer}.icon-btn:hover{background:var(--bg-3)}.icon-btn.active{background:var(--accent);color:#fff;border-color:var(--accent-2)}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.icon-btn-sm{background:var(--bg-2);color:var(--text);border:1px solid var(--line);border-radius:3px;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;cursor:pointer}.icon-btn-sm:hover{background:var(--bg-3)}.badge{background:var(--bg-2);color:var(--text-dim);border:1px solid var(--line);border-radius:3px;padding:3px 8px;font-size:11px;display:inline-flex;align-items:center;gap:6px}.divider{width:1px;height:22px;background:var(--line);margin:0 4px}.num-input,.select-sm{background:var(--bg-2);color:var(--text);border:1px solid var(--line);border-radius:3px;padding:2px 6px;font-size:11px;width:50px}.select-sm{width:auto}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-1);border:1px solid var(--line);border-radius:8px;padding:24px;max-width:700px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #00000080}.modal-content h2{margin:0 0 16px;font-size:18px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-top:8px}.template-card{background:var(--bg-2);border:1px solid var(--line);border-radius:6px;padding:16px 12px;cursor:pointer;transition:all .15s;text-align:center}.template-card:hover{background:var(--bg-3);border-color:var(--accent);transform:translateY(-2px)}.template-icon{font-size:36px;margin-bottom:8px}.template-name{font-size:13px;font-weight:600;color:var(--text);margin-bottom:4px}.template-desc{font-size:11px;color:var(--text-dim);line-height:1.4}.canvas-area.drag-over:before{content:"Suelta las im\e1genes aqu\ed";position:absolute;inset:20px;border:3px dashed var(--accent);border-radius:8px;background:#5b8def1a;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--accent);z-index:100;pointer-events:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-1)}::-webkit-scrollbar-thumb{background:var(--bg-3);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--bg-4)}