:root{--bg-page:#f0f2f5;--bg-card:#fff;--text-main:#222;--text-muted:#666;--shadow:#0000001a;--border-soft:#ddd}[data-theme=dark]{--bg-page:#14161a;--bg-card:#1f2229;--text-main:#eee;--text-muted:#aaa;--shadow:#00000080;--border-soft:#3a3d44}html,body{background:var(--bg-page);margin:0;font-family:sans-serif;transition:background .3s;overflow-x:hidden}*{box-sizing:border-box}.app-container{width:100%;max-width:420px;color:var(--text-main);flex-direction:column;align-items:center;margin:0 auto;padding:10px;display:flex}.theme-toggle{border:1px solid var(--border-soft);background:var(--bg-card);width:30px;height:30px;color:var(--text-main);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:transform .2s,background .3s;display:flex}.theme-toggle:hover{transform:scale(1.08)}.app-footer{color:var(--text-muted);text-align:center;margin-top:14px;margin-bottom:4px;font-size:.75rem}.dock-menu{background:var(--bg-card);box-shadow:0 4px 15px var(--shadow);box-sizing:border-box;border-radius:20px;grid-template-columns:repeat(5,1fr);justify-content:center;gap:4px;width:100%;max-width:400px;margin-bottom:20px;padding:5px;display:grid}.cat-btn{cursor:pointer;border:none;border-radius:15px;flex-direction:column;flex:1;justify-content:center;align-items:center;height:50px;padding:2px;font-size:.65rem;font-weight:700;transition:all .2s;display:flex}.cat-btn:hover{transform:scale(1.05)}.cat-btn.scene{color:#1976d2;background:#e3f2fd}.cat-btn.style{color:#c2185b;background:#fce4ec}.cat-btn.top{color:#388e3c;background:#e8f5e9}.cat-btn.hair{color:#5c0e7d;background:#f3e5f5}.cat-btn.hair2{color:#bc48ee;background:#f3e5f5}.cat-btn.feet{color:#fbc02d;background:#fffde7}.cat-btn.skirt{color:#f57c00;background:#fff3e0}.cat-btn.accesorios{color:#13f447;background:#fff3e0}.cat-btn.gorros{color:#f20712;background:#fff3e0}.cat-btn.extra{color:#c7c5c2;background:#fff3e0}.canvas-wrapper{justify-content:center;width:100%;display:flex}canvas{background:#fff;border-radius:15px;width:auto;max-width:100%;max-height:60vh}.modal-overlay{z-index:100;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-card);color:var(--text-main);width:90%;max-width:600px;box-shadow:0 10px 25px var(--shadow);box-sizing:border-box;border-radius:25px;padding:20px;position:relative}.modal-scroll-area{max-height:400px;padding-right:5px;overflow-y:auto}.group-row{border-bottom:1px solid var(--border-soft);margin-bottom:20px;padding-bottom:10px}.group-title{color:var(--text-muted);text-transform:uppercase;margin:0 0 10px;font-size:.85rem}.modal-carousel{scrollbar-width:thin;gap:15px;padding:5px 0;display:flex;overflow-x:auto}.thumb-btn{border:2px solid var(--border-soft);cursor:pointer;background:#fff;border-radius:15px;flex-shrink:0;width:100px;height:100px;padding:5px;transition:transform .2s}.thumb-btn:hover{border-color:#1976d2;transform:scale(1.05)}.thumb-btn img{object-fit:contain;width:100%;height:100%}.trash-btn-full{color:#f44336;cursor:pointer;background:#ffebee;border:1px solid #f44336;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;margin-bottom:15px;padding:10px;font-weight:700;display:flex}.trash-btn-full:hover{background:#ffcdd2}.modal-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.modal-header h3{flex:1;margin:0}.window-controls{flex-shrink:0;align-items:center;gap:6px;display:flex}.window-btn{border:1px solid var(--border-soft);background:var(--bg-page);width:28px;height:28px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;transition:transform .15s,background .15s,color .15s;display:flex}.move-btn{cursor:grab}.move-btn:active{cursor:grabbing}.window-btn.close-btn{cursor:pointer;margin:0;padding:0;font-size:.85rem}.window-btn:hover{transform:scale(1.1)}.window-btn.close-btn:hover{color:#f44336;background:#ffebee;border-color:#f44336}.window-btn.move-btn:hover{background:var(--border-soft);color:var(--text-main)}.resize-handle{color:var(--text-muted);opacity:.45;transition:opacity .15s,color .15s}.resize-handle:hover{opacity:1;color:#1976d2}.save-btn{color:#2e7d32;cursor:pointer;background:#e8f5e9;border:2px solid #4caf50;border-radius:15px;justify-content:center;align-items:center;gap:10px;width:100%;max-width:400px;margin-top:15px;padding:15px;font-weight:700;transition:transform .2s,background .2s;display:flex}.save-btn:hover{background:#c8e6c9;transform:scale(1.02)}@media (width<=420px){.app-container{padding:8px}.cat-btn{height:44px;font-size:.58rem}.modal-content{border-radius:18px;width:94%;padding:14px}.thumb-btn{width:78px;height:78px}.modal-scroll-area{max-height:55vh}.modal-header h3{font-size:1rem}}@media (height<=600px){.modal-scroll-area{max-height:40vh}}