*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f5f5f0;color:#1a1a1a}.layout{display:flex;flex-direction:column;height:100vh}.topbar{display:flex;align-items:center;gap:16px;padding:0 20px;height:52px;background:#fff;border-bottom:1px solid #e5e5e5;flex-shrink:0}.topbar .logo{font-size:15px;font-weight:600;color:#1d9e75}.topbar nav{display:flex;gap:4px}.topbar nav a{padding:6px 14px;border-radius:6px;font-size:13px;text-decoration:none;color:#666}.topbar nav a:hover{background:#f5f5f0;color:#1a1a1a}.topbar nav a.active{background:#e8f5f0;color:#1d9e75;font-weight:500}.topbar .ml-auto{margin-left:auto}.btn{padding:7px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;border:1px solid #e5e5e5;background:#fff;color:#333;transition:all .15s}.btn:hover{background:#f5f5f0}.btn-primary{background:#1d9e75;color:#fff;border-color:#1d9e75}.btn-primary:hover{background:#178a64}.btn-danger{background:#fff;color:#e53e3e;border-color:#e53e3e}.btn-danger:hover{background:#fff5f5}.btn-sm{padding:4px 10px;font-size:12px}.card{background:#fff;border-radius:10px;border:1px solid #e5e5e5;padding:20px}.grid{display:grid;gap:16px}.grid-3{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.grid-4{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}input,select,textarea{width:100%;padding:8px 12px;border:1px solid #e5e5e5;border-radius:6px;font-size:13px;outline:none;transition:border .15s}input:focus,select:focus,textarea:focus{border-color:#1d9e75}label{font-size:12px;color:#666;display:block;margin-bottom:4px}.form-group{margin-bottom:14px}.editor-wrap{display:flex;flex:1;overflow:hidden}.sidebar{width:210px;background:#fff;border-right:1px solid #e5e5e5;display:flex;flex-direction:column;flex-shrink:0;overflow:hidden}.sidebar-cats{padding:10px 8px;border-bottom:1px solid #e5e5e5}.cat-btn{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;border-radius:6px;font-size:12px;cursor:pointer;border:none;background:transparent;color:#555;text-align:left}.cat-btn:hover{background:#f5f5f0}.cat-btn.active{background:#e8f5f0;color:#1d9e75;font-weight:500}.muebles-lista{flex:1;overflow-y:auto;padding:8px;display:grid;grid-template-columns:1fr 1fr;gap:6px}.mueble-card{border:1px solid #e5e5e5;border-radius:8px;padding:8px 4px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:grab;background:#fff;transition:border-color .15s}.mueble-card:hover{border-color:#1d9e75}.mueble-card img{width:60px;height:50px;object-fit:contain}.mueble-card .nombre{font-size:10px;color:#555;text-align:center}.mueble-card .medidas{font-size:9px;color:#aaa}.canvas-area{flex:1;display:flex;flex-direction:column;overflow:hidden}.canvas-toolbar{display:flex;align-items:center;gap:8px;padding:8px 14px;background:#fff;border-bottom:1px solid #e5e5e5;flex-shrink:0}.canvas-wrap{flex:1;overflow:hidden;background:#f0ede8;position:relative}.info-panel{width:180px;background:#fff;border-left:1px solid #e5e5e5;padding:14px;flex-shrink:0;overflow-y:auto}.info-panel h4{font-size:12px;font-weight:600;margin-bottom:12px;color:#333}.p-20{padding:20px}.mb-16{margin-bottom:16px}.flex{display:flex}.gap-8{gap:8px}.gap-16{gap:16px}.items-center{align-items:center}.justify-between{justify-content:space-between}.text-muted{color:#888;font-size:13px}.text-sm{font-size:12px}.w-full{width:100%}